นอกจากความปลอดภัย ความเร็วของเว็บไซต์สำคัญต่อความสำเร็จของธุรกิจออนไลน์ เวลาโหลดเว็บไซต์เป็นองค์ประกอบหลักของประสบการณ์ผู้ใช้และส่งผลต่อรางวัลจากเครื่องมือค้นหา (โดยเฉพาะ SEO) การล่าช้าหนึ่งวินาทีในความเร็วเว็บไซต์ทำให้การแปลงลดลง 7 เปอร์เซ็นต์ ตามตรรกะ การล่าช้า 7 วินาทีจะตัดการแปลงของคุณลงครึ่งหนึ่ง!
วัดความเร็วเว็บไซต์ด้วย PageSpeed Insights
มีหลายปัจจัยที่ส่งผลต่อเวลาโหลดของเว็บไซต์ แทนที่จะเดาว่าคุณควรทำอะไรเพื่อเพิ่มประสิทธิภาพความเร็วเว็บไซต์ ดีที่สุดคือใช้ PageSpeed Insights ของ Google เพื่อค้นหาว่าสิ่ง gìต้องแก้ไขสำหรับเว็บไซต์ของคุณ
- ไปที่เว็บไซต์ PageSpeed Insights
- ในกล่องข้อความที่อ่านว่า "Enter a web page URL" ป้อนเว็บไซต์ของคุณ ในกรณีนี้ MakeTechEasier.com
- คลิกปุ่ม "Analyze" และดูมันโหลด
- เมื่อโหลดเสร็จ คุณจะเห็นหน้ารายงานเกี่ยวกับประสิทธิภาพเว็บไซต์ของคุณ หน้ารายงานนี้บอกคุณว่าคุณทำอะไรถูกและอะไรผิด ใช้หน้ารายงานเพื่อนำการเปลี่ยนแปลงที่แนะนำไปปฏิบัติ
หน้ารายงานมีรายงานความเร็วหน้าจอ Mobile และ Desktop สำหรับเว็บไซต์ของคุณ รายงานแต่ละหน้าจอแบ่งเป็น "Possible Optimizations" ซึ่งบอกคุณว่าคุณต้องเพิ่มประสิทธิภาพอะไร และ "Optimizations Found" ซึ่งบอกคุณว่าคุณปรับปรุงอะไรไปแล้ว
ในกรณีของ Make Tech Easier (MTE) possible optimizations รวมถึง:
- Eliminate render-blocking JavaScript and CSS in above-the-fold content
- Leverage browser caching
- Optimize images
รายการนี้เฉพาะสำหรับ MTE และตามมาตรฐานของ Google MTE เร็วพอ (ตามที่ภาพด้านล่างบ่งชี้) หากคุณรันเว็บไซต์ที่มีการเพิ่มประสิทธิภาพความเร็วแย่กว่า คุณจะได้คำแนะนำการเพิ่มประสิทธิภาพมากขึ้น
MTE's Optimizations Found รวมถึง:
การเพิ่มประสิทธิภาพความเร็วเว็บไซต์ WordPress
ใช้คำแนะนำการเพิ่มประสิทธิภาพจาก PageSpeed Insights เราจะสำรวจว่าคุณสามารถปรับปรุงความเร็วเว็บไซต์ WordPress ของคุณได้อย่างไร
1. Eliminate render-blocking JavaScript and CSS in above-the-fold content
ในสรุป PageSpeed แนะนำให้ปรับปรุงความเร็วที่ CSS บางส่วนเรนเดอร์บนเว็บไซต์ ความท้าทายคือ PageSpeed ให้เส้นทางที่ค่อนข้างทางเทคนิคในการนำคำแนะนำการเพิ่มประสิทธิภาพไปปฏิบัติ — คุณจะมีปัญหาหากคุณไม่ใช่นักพัฒนา เพื่อปรับปรุงความเร็วเว็บไซต์ WordPress โดยไม่ต้องเล่นกับโค้ด ให้ใช้ปลั๊กอิน Autoptimize
Autoptimize ทำอย่างไรคือ รวม, minify และ cache สคริปต์และสไตล์ ฉีด CSS ในหัวหน้าหน้าตามค่าเริ่มต้น และย้ายและเลื่อนสคริปต์ไปที่ footer มันยัง minify โค้ด HTML เอง ทำให้หน้าของคุณเบามากขึ้น
2. Leverage browser caching
ใช้ปลั๊กอิน WordPress เพื่อแคชเนื้อหาของเว็บไซต์ของคุณ การแคชเสิร์ฟเนื้อหาเว็บของคุณเป็นไฟล์ HTML แบบคงที่ ปลั๊กอินแคชยอดนิยมสำหรับเว็บไซต์ WordPress ของคุณรวมถึง WP Super Cache, W3 Total Cache, WP-Rocket และ WP Fastest Cache
3. Optimize images
การเพิ่มประสิทธิภาพภาพมีตัวเลือกมาก คุณสามารถเพิ่มประสิทธิภาพภาพก่อนอัปโหลด และปรับปรุงเพิ่มเติมด้วยปลั๊กอิน
หากคุณสร้างภาพด้วย Fireworks หรือ Photoshop ลดขนาดลงโดยใช้ตัวเลือก "Save for Web" หากคุณไม่มีโปรแกรมกราฟิก ใช้เครื่องมือเพิ่มประสิทธิภาพอื่นๆ อย่าง ImageOptim (ทำงานสำหรับ Mac เท่านั้น), Compressor.io (มีบนเว็บ), และ TinyPNG (เว็บベースเช่นกัน)
ปลั๊กอิน LazyLoad เป็นอีกวิธีปรับปรุงความเร็วเว็บไซต์ มันประหยัดแบนด์วิดท์การถ่ายโอนโดยโหลดภาพเมื่อมีความต้องการ (เมื่อผู้ใช้เลื่อนลงหน้า)
การเพิ่มประสิทธิภาพความเร็วเว็บไซต์เพิ่มเติม
คุณอาจสังเกตว่าเกือบทุกการเพิ่มประสิทธิภาพสามารถใช้ปลั๊กอินได้ ดังนั้นคุณไม่ต้องปรับแต่งโค้ด อย่างไรก็ตาม การเพิ่มประสิทธิภาพความเร็วเว็บไซต์ WordPress บางอย่างไปไกลกว่าปลั๊กอิน สองปัจจัยทางเลือกที่ส่งผลต่อความเร็วเว็บไซต์คือ โฮสต์และแผนโฮสติ้งที่เหมาะสม และการใช้ content delivery networks (CDN)
โฮสต์และแผนโฮสติ้ง
Shared hosting ที่สัญญา "Unlimited page views" อาจดูเหมือนดีลดี แต่มีค่าใช้จ่ายซ่อนอยู่ ความเร็วเว็บไซต์จะตก (ซึ่งทำลายชื่อเสียง SEO และประสบการณ์ผู้ใช้ของเว็บไซต์) และเว็บไซต์ของคุณจะประสบ downtime มาก
โฮสติ้งส่งผลต่อความเร็วเว็บไซต์แค่ไหน? Colocation America บอกว่า VPS hosting ปรับปรุงความเร็วเว็บไซต์ 62% ตาม SEJ หน้าเว็บจาก shared hosting servers ใช้เวลาเกือบ 8 วินาทีในการโหลด ในขณะที่บน VPS hosting ใช้เพียง 2 วินาทีครึ่ง
หากเป็นไปได้ ให้สลับไป VPS หรือตัวเลือก dedicated hosting อื่นๆ ไม่ใช่ shared hosting ตรงหน้า โฮสติ้งถูกดูเหมือนประหยัดเงิน แต่จริงๆ แล้วมันฆ่าธุรกิจของคุณ
เลือกโฮสต์ที่ใช้ GZIP compression และ deflation มันสามารถลดขนาดไฟล์ของคุณลง 70 เปอร์เซ็นต์ — รวมถึงไฟล์วิดีโอ เสียง และภาพ — โดยไม่ลดคุณภาพของไฟล์เหล่านั้นหรือเว็บไซต์ของคุณ Gzipping เพียงอย่างเดียวสามารถเพิ่มความเร็วเว็บไซต์ของคุณอย่างมีนัยสำคัญ คุณสามารถตรวจสอบได้ว่าเว็บไซต์ของคุณเป็น Gzipped หรือไม่ โดยใช้เครื่องมือจาก GD Network
ให้ CDN ช่วยแบกภาระ
ใช้ Content Delivery Network (CDN) อย่าง Amazon CloudFront หากトラフィคของเว็บไซต์ของคุณกำลังเพิ่มขึ้น CDN นำบันทึกคงที่ทั้งหมดของเว็บไซต์อย่าง รูปภาพ, CSS, Javascript และอื่นๆ ไปกระจายข้ามเซิร์ฟเวอร์ในตำแหน่งที่ตั้งทางภูมิศาสตร์ที่ต่างกัน ผู้เยี่ยมชมเว็บไซต์ของคุณจะได้ประโยชน์จากความเร็วเว็บไซต์ที่ดีขึ้น เพราะพวกเขาเข้าถึงเนื้อหาของคุณจากความใกล้ชิดทางภูมิศาสตร์กับเซิร์ฟเวอร์ CDN
คุณสามารถใช้ปลั๊กอิน CDN Enabler เพื่อรวมบริการ CDN ที่คุณชอบเข้ากับเว็บไซต์ WordPress ของคุณได้อย่างรวดเร็ว
สรุป
คุณไม่ควรเจรจาหรือทำความเข้าใจผิดเกี่ยวกับความปลอดภัยของเว็บไซต์ — ให้จัดการความเร็วเว็บไซต์ WordPress เหมือนกัน Google พูดอย่างเปิดเผยว่ามันให้ความสำคัญกับเว็บไซต์ที่ให้ความสำคัญกับความเร็วในการออกแบบ ไม่ใช่แค่เครื่องมือค้นหา ผู้ใช้เว็บไซต์ของคุณก็ชอบเว็บไซต์ที่เร็วมากกว่าที่爬行 เริ่มใช้เคล็ดลับที่นี่เร็วๆ นี้!
