ในโลกดิจิทัลในปัจจุบัน อุปกรณ์พกพามีความสำคัญมากกว่าเดสก์ท็อป ซึ่งเป็นเหตุผลที่ผู้เชี่ยวชาญ SEO แนะนำให้เน้นที่อุปกรณ์พกพามากกว่าเดสก์ท็อป
ถ้าคุณความเร็วเว็บไซต์ WordPressไม่เร็วทั้งผู้ชมของคุณและ Google จะไม่พึงพอใจกับมัน ซึ่งจะทำให้คุณสูญเสียการมองเห็นและการเข้าชม
หากคุณต้องการป้องกันไม่ให้ปัญหาความเร็วหน้าเว็บในอุปกรณ์เคลื่อนที่ขัดขวางการดึงดูดผู้เข้าชมและเปลี่ยนพวกเขาให้กลายเป็นลูกค้าที่กระตือรือร้น เรามีเคล็ดลับบางประการในการเพิ่มความเร็วในการโหลดไซต์บนมือถือของคุณ
อันดับแรก มาดูกันว่าเว็บไซต์ของคุณเร็วแค่ไหน
- ไปที่ Think With Google's หน้าทดสอบความเร็วมือถือของคุณ" จากนั้นป้อน URL เพื่อสแกนเว็บไซต์ของคุณ
- นี้จะเริ่มวิเคราะห์ไซต์บนมือถือที่ตรวจสอบ HTML และ CSS, JavaScript, การบีบอัด, การใช้งาน และเปรียบเทียบเว็บ Wordpress ของคุณความเร็วของหน้า, ไซต์อื่นๆ ในอุตสาหกรรมของคุณ
- เมื่อการสแกนเสร็จสิ้น คุณจะเห็นเวลาในการโหลดหน้าเว็บบนมือถือ การสูญเสียผู้เข้าชมโดยประมาณ และการเปรียบเทียบอุตสาหกรรมนอกจากนี้ยังจะบอกคุณว่าสามารถลดเวลาในการโหลดลงได้มากเพียงใดโดยใช้การแก้ไขบางอย่าง
เนื้อหา
- 1 วิธีทำให้เว็บไซต์บนมือถือของคุณโหลดเร็วขึ้น
- 1.1 เลือกโฮสต์ที่เหมาะสม
- 1.2 ใช้เครือข่ายการจัดส่งเนื้อหา
- 1.3 ขอให้ผู้ให้บริการโฮสต์ของคุณอัปเดต PHP . เวอร์ชันล่าสุด
- 1.4 ใช้ปลั๊กอินแคช
- 1.5 ทำความสะอาดฐานข้อมูล
- 1.6 บีบอัดรูปภาพ
- 1.7 ปิดใช้งานการเชื่อมโยงด่วนของรูปภาพ
- 1.8 บีบอัดเว็บไซต์ของคุณด้วย gzip
- 1.9 ลดขนาดไฟล์ CSS และ JS
- 1.10 เปิดใช้งานให้มีชีวิตอยู่
- 1.11 ลดการเปลี่ยนเส้นทาง
- 1.12 ปิด pingbacks
- 1.13 แปลงเว็บไซต์บนมือถือของคุณให้เป็นรูปแบบที่เร็วขึ้น
- 2 โอ้ สวัสดี ยินดีที่ได้รู้จัก
วิธีทำให้เว็บไซต์บนมือถือของคุณโหลดเร็วขึ้น
ต่อไปนี้คือขั้นตอนในการปรับปรุงเวลาในการโหลดหน้า WordPress ของคุณบนมือถือ:
เลือกโฮสต์ที่เหมาะสม
ความเร็วในการโหลดหน้าเว็บขึ้นอยู่กับการเข้ารหัสเว็บของคุณ แต่ยังขึ้นอยู่กับเซิร์ฟเวอร์เว็บโฮสติ้งของคุณด้วยหมายความว่าเซิร์ฟเวอร์ของคุณรอนานขึ้นเพื่อตอบสนองต่อคำขอของเบราว์เซอร์ ซึ่งจะส่งผลต่อเวลาในการโหลดหน้าเว็บนี่คือเหตุผลที่ว่าทำไมเว็บโฮสติ้งที่เร็วขึ้นจึงสำคัญ หรือแนะนำให้ปรับเวลาโหลดเว็บไซต์ให้เหมาะสม
คุณสามารถเลือกจากแผนการโฮสต์ที่แตกต่างกัน รวมถึง VPS หรือเซิร์ฟเวอร์เฉพาะ ซึ่งจะให้บริการได้ดีกว่าเซิร์ฟเวอร์ที่ใช้ร่วมกัน
ในทำนองเดียวกัน การโฮสต์เซิร์ฟเวอร์ใกล้คุณหรือกลุ่มเป้าหมายของคุณจะทำให้เวลาในการโหลดล่าช้าหากคุณได้รับผู้เข้าชมจากสหรัฐอเมริกามากขึ้น คุณต้องเลือกตำแหน่งเซิร์ฟเวอร์โฮสติ้งสำหรับตำแหน่งเดียวกัน (US) ที่ให้บริการหน้าเว็บของคุณอย่างรวดเร็ว
ใช้เครือข่ายการจัดส่งเนื้อหา
ในทำนองเดียวกัน หากคุณซื้อแผนเว็บโฮสติ้งแล้วและไม่พอใจกับตำแหน่งของเซิร์ฟเวอร์ คุณสามารถใช้ CDN เพื่อเสริมโฮสติ้งของคุณได้เสมอCDN กระจายน้ำหนักของไซต์ผ่านเซิร์ฟเวอร์ต่างๆ มากมาย โดยแต่ละเซิร์ฟเวอร์โฮสต์อยู่ในศูนย์ข้อมูลที่แตกต่างกันการใช้ประโยชน์จากเครือข่ายเซิร์ฟเวอร์นี้หมายถึงการให้บริการผู้ใช้แต่ละรายในเนื้อหาของเซิร์ฟเวอร์ที่ใกล้เคียงที่สุดซึ่งจะช่วยลดระยะทางที่เนื้อหาต้องเดินทาง ส่งผลให้เวลาในการโหลดเร็วขึ้น
นี่คือตัวอย่างการใช้เครือข่ายการส่งเนื้อหา
ขอให้ผู้ให้บริการโฮสต์ของคุณอัปเดต PHP . เวอร์ชันล่าสุด
PHP เป็นภาษาสคริปต์โอเพ่นซอร์สที่เราใช้เพื่อสร้างแกนหลักของไซต์ WordPress และฟังก์ชันการทำงานของมันการเขียนโค้ดแบบลงมือปฏิบัติจริงด้วย PHP นั้นไม่สำคัญ โดยจะอยู่ที่ระดับเซิร์ฟเวอร์เสมอ และหากไม่ได้อัปเดต ก็อาจส่งผลต่อความเร็วของหน้าเว็บในอุปกรณ์เคลื่อนที่
เมื่อตั้งค่าไซต์ WordPress เป็นครั้งแรก โฮสต์เว็บของคุณควรเลือก PHP เวอร์ชันล่าสุดโดยอัตโนมัติอย่างไรก็ตาม เว้นแต่คุณจะเปิดใช้งาน Managed PHP Updates คุณต้องคงไว้อย่างนั้นเราขอแนะนำให้คุณทำงานร่วมกับทีมสนับสนุนโฮสติ้งเพื่ออัปเดตเวอร์ชัน PHP ของคุณ
ใช้ปลั๊กอินแคช
สำหรับไซต์ WordPress วิธีหนึ่งที่เร็วและง่ายที่สุดในการชะลอการโหลดหน้าเว็บคือการติดตั้งปลั๊กอินแคชเช่นWP Total Cache或แคช WP ซูเปอร์.ปลั๊กอินทั้งสองสามารถดาวน์โหลดได้ฟรีและดีมากแม้จะมีชื่อ แต่หน้าที่หลักของปลั๊กอินแคชคือการแคชของเบราว์เซอร์
ทำความสะอาดฐานข้อมูล
ข้อผิดพลาดประการหนึ่งของ WordPress คือ ฐานข้อมูลของคุณอาจรกอย่างรวดเร็วเนื่องจากร่างจดหมายที่บันทึกไว้ การแก้ไขโพสต์ ปลั๊กอินที่ปิดใช้งาน ฯลฯ. WP-เพิ่มประสิทธิภาพเป็นปลั๊กอินที่ยอดเยี่ยมที่จะลบสิ่งที่ไม่ต้องการทั้งหมดเป็นระยะๆ ซึ่งทำให้ฐานข้อมูลของคุณยุ่งเหยิงด้วยไฟล์
บีบอัดรูปภาพ
หากคุณใช้ WordPress ให้ติดตั้งปลั๊กอิน WP Smush.it เพื่อบีบอัดรูปภาพโดยอัตโนมัติสิ่งนี้จะลดขนาดของภาพโดยไม่สูญเสียคุณภาพของภาพข้อดีของปลั๊กอินนี้คือ มันทำงานในพื้นหลังทุกครั้งที่คุณอัปโหลดภาพใหม่คุณยังสามารถเรียกใช้แบบย้อนหลังกับรูปภาพทั้งหมดที่อัปโหลดไปยังไลบรารีสื่อได้อีกด้วย
ปิดใช้งานการเชื่อมโยงด่วนของรูปภาพ
เมื่อเว็บอื่น "ฮอตลิงก์" ไปยังรูปภาพของคุณมันกินแบนด์วิดธ์และทำให้เว็บไซต์ของคุณช้าลงเพื่อป้องกันไม่ให้ไซต์อื่นใช้แบนด์วิดท์ของคุณ คุณสามารถเพิ่มข้อมูลโค้ดนี้ในไฟล์ .htaccess ของคุณได้อย่าลืมเปลี่ยนเนื้อหาของ example.com!
RewriteEngine on
RewriteCond% {HTTP_REFERER} ^ $
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?example.com [NC]
กฎการเขียนซ้ำ \.(jpg|jpeg|png|gif)$ – [NC,F,L]
บีบอัดเว็บไซต์ของคุณด้วย gzip
Gzip เป็นวิธีที่ง่ายในการบีบอัดไฟล์เว็บไซต์เพื่อประหยัดแบนด์วิดท์และเพิ่มความเร็วในการโหลดหน้าเว็บวิธีการทำงานของ Gzip คือบีบอัดไฟล์เป็นไฟล์ zip ซึ่งโหลดเบราว์เซอร์ของผู้ใช้ได้เร็วขึ้นเบราว์เซอร์ของผู้ใช้จะขยายขนาดไฟล์และแสดงเนื้อหาวิธีการถ่ายโอนเนื้อหาจากเซิร์ฟเวอร์ไปยังเบราว์เซอร์นี้มีประสิทธิภาพมากกว่าและประหยัดเวลาได้มาก
คุณสามารถเปิดใช้งาน Gzip ได้โดยการเพิ่มรหัสต่อไปนี้ในไฟล์ .htaccess ของคุณ:
# บีบอัดข้อความ, html, javascript, css, xml:
AddOutputFilterByType DEFLATE ข้อความ / ธรรมดา
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE ข้อความ / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE แอปพลิเคชัน / xhtml + xml
AddOutputFilterByType DEFLATE แอปพลิเคชัน / rss + xml
AddOutputFilterByType DEFLATE แอปพลิเคชั่น / จาวาสคริปต์
AddOutputFilterByType DEFLATE application / x-javascript# หรือบีบอัดไฟล์บางประเภทตามนามสกุล:
SetOutputFilter ยุบ
หากต้องการตรวจสอบว่า Gzip เปิดใช้งานหรือทำงานบนไซต์ของคุณหรือไม่ คุณสามารถใช้ Gziptest.com
ลดขนาดไฟล์ CSS และ JS
เมื่อคุณดูที่สาเหตุที่ทำให้หน้าเว็บของคุณโหลดช้า เป็นไปได้มากว่าน่าจะเกี่ยวข้องกับไฟล์ Javascript จำนวนมากหรือการโหลด CSS ที่ไม่มีประสิทธิภาพข้อผิดพลาดประการหนึ่งของ WordPress และระบบจัดการเนื้อหาอื่นๆ ก็คือ มีการเพิ่มไฟล์ JS หรือ CSS ใหม่เกือบทุกครั้งที่ติดตั้งปลั๊กอินใหม่
มีหลายวิธีในการย่อขนาดไฟล์วิธีแรกเกี่ยวข้องกับการบีบอัดไฟล์ทั้งหมดให้เป็นไฟล์เดียว ดังนั้นแทนที่จะเรียกไฟล์จาวาสคริปต์แยกกันสิบไฟล์ คุณสามารถรวมจาวาสคริปต์ทั้งหมดไว้ในไฟล์เดียวได้
ด้านที่สองของการลดขนาดเกี่ยวข้องกับการลบช่องว่างและทำให้ไฟล์มีขนาดเล็กลงหากคุณกำลังใช้ WordPress WP Minify เป็นปลั๊กอินที่ยอดเยี่ยมที่จะทำสิ่งนี้ให้คุณโดยอัตโนมัติ
เปิดใช้งานให้มีชีวิตอยู่
HTTP keep-alive เป็นข้อความที่ส่งระหว่างคอมพิวเตอร์ไคลเอนต์และเว็บเซิร์ฟเวอร์เพื่อขออนุญาตดาวน์โหลดไฟล์การเปิดใช้งาน Keep-Alive ช่วยให้คอมพิวเตอร์ไคลเอนต์สามารถดาวน์โหลดไฟล์หลายไฟล์โดยไม่ต้องขออนุญาตซ้ำ ๆ ซึ่งช่วยประหยัดแบนด์วิดท์
หากต้องการเปิดใช้งาน Keep-Alive เพียงคัดลอกและวางโค้ดต่อไปนี้ลงในไฟล์ .htaccess ของคุณ
การเชื่อมต่อชุดส่วนหัวให้มีชีวิตอยู่
ลดการเปลี่ยนเส้นทาง
แม้ว่าการเปลี่ยนเส้นทาง 301 (ถาวร) จะดีกว่าข้อผิดพลาด 404 (ลิงก์เสีย) แต่ก็ยังไม่เหมาะเพราะจะทำให้เบราว์เซอร์ใช้เวลาในการเข้าถึงเวอร์ชันที่ถูกต้องของหน้าช้าลง
Screaming Frog เป็นเครื่องมือที่ยอดเยี่ยมในการระบุการเปลี่ยนเส้นทาง 301 อีกครั้งหากคุณใช้พีซี คุณสามารถใช้ Xenu Link Sleuth ซึ่งเป็นเครื่องมือที่ยอดเยี่ยมในการดึงข้อมูลจากเว็บไซต์
ปิด pingbacks
แทร็กแบ็คและแทร็กแบ็คไม่มีจุดประสงค์ที่แท้จริงใน WordPress แต่โดยปกติแล้วจะเปิดใช้งานตามค่าเริ่มต้นฉันแนะนำให้ปิดทั้งสองตัวเลือก เนื่องจากจะบล็อกฐานข้อมูลและเพิ่มจำนวนคำขอ
หากต้องการปิดใช้งาน pingbacks ในทุกโพสต์ที่คุณทำ ให้ไปที่ผู้ดูแลระบบ → การตั้งค่า → การสนทนา และปิดตัวเลือก "อนุญาตการแจ้งเตือนลิงก์ (pingbacks และ trackbacks)" จากบล็อกอื่นๆ
แปลงเว็บไซต์บนมือถือของคุณให้เป็นรูปแบบที่เร็วขึ้น
มีการแนะนำรูปแบบเว็บไซต์และหน้าเว็บสองรูปแบบเพื่อช่วยให้เราจัดการกับเวลาในการโหลดช้าบนอุปกรณ์มือถือได้ดียิ่งขึ้นทั้งสองได้รับการพูดคุยกันอย่างกว้างขวางในบล็อกนี้ ดังนั้นฉันจึงไม่ต้องการใช้เวลามากเกินไปพูดถึงพวกเขาที่นี่อย่างไรก็ตาม ฉันต้องการสรุปอย่างรวดเร็วว่าทำไมการย้ายไซต์บนมือถือของคุณไปยังรูปแบบใดรูปแบบหนึ่งหรือทั้งสองรูปแบบต่อไปนี้อาจช่วยได้:
แอมป์: AMPย่อมาจาก "Accelerated Mobile Pages"มีหลายปัจจัยที่ทำให้รูปแบบเพจนี้รวดเร็ว:
- ส่วนใหญ่อาศัย HTML ที่มีน้ำหนักเบา
- มันใช้การโหลดแบบขี้เกียจ
- เนื้อหาของหน้าถูกแคชใน Google Cloud
แม้ว่าคุณจะสามารถใช้กับเว็บไซต์ใดก็ได้ แต่ก็มีประโยชน์อย่างยิ่งสำหรับสิ่งพิมพ์ดิจิทัลและบล็อกที่ต้องการมอบประสบการณ์การอ่านที่รวดเร็วนอกจากนี้ยังใช้งานง่าย - สิ่งที่คุณต้องมีคือปลั๊กอิน WordPress เพื่อแปลงหน้า
การประปาส่วนภูมิภาค:กปภ.ย่อมาจาก "Progressive Web App"ใช้ประโยชน์จากเว็บบนมือถืออย่างเต็มที่ (เช่น ความสามารถในการค้นหาและความสะดวก) และรวมเข้ากับแอปบนอุปกรณ์เคลื่อนที่ (เช่น การออกแบบที่เหมาะกับอุปกรณ์เคลื่อนที่และฟังก์ชันของโทรศัพท์)นอกจากนี้ยังเร็วกว่าเว็บไซต์บนมือถือแบบเดิมมาก
ข้อสังเกตอีกประการหนึ่งคือสามารถเข้าถึง PWA แบบออฟไลน์ได้เช่นเดียวกับแอปบนอุปกรณ์เคลื่อนที่ และหากเว็บไซต์ของคุณมุ่งเป้าไปที่ผู้ที่อาศัยอยู่ในพื้นที่ต่ำหรือไม่มีพื้นที่ครอบคลุม PWA ก็เป็นตัวเลือกที่ดี
เนื่องจาก PWAs ทำให้เว็บไซต์อยู่ในเชลล์ที่เหมือนแอพ ไม่จำเป็นต้องเลือกหน้าเว็บไซต์ที่จะแปลงหากคุณต้องการสร้างประสบการณ์ที่ดีขึ้นและเร็วขึ้นตั้งแต่ต้นจนจบ ให้สร้าง (หรือแปลงเว็บไซต์ของคุณ) เป็น PWA
แม้ว่าจะมีปลั๊กอิน WordPress บางตัวที่สามารถช่วยคุณเปลี่ยนเว็บไซต์ของคุณให้เป็น PWA ได้ แต่ควรเขียนปลั๊กอินนี้ตั้งแต่เริ่มต้น
อีกครั้ง คุณสามารถลองใช้ " ทดสอบความเร็วมือถือของคุณ" หน้า แล้วกรอก URL เพื่อสแกนเว็บไซต์ คะแนนของคุณตอนนี้เป็นเท่าไหร่?
อีกครั้ง สิ่งสำคัญคือต้องกลับมาที่ไซต์บนมือถือของคุณเป็นประจำเพื่อให้แน่ใจว่าไซต์ทำงานได้อย่างรวดเร็วที่สุด