Computer >> คอมพิวเตอร์ >  >> ระบบเครือข่าย >> อินเทอร์เน็ต

เคล็ดลับการเพิ่มประสิทธิภาพที่จำเป็นเพื่อเพิ่มความเร็วไซต์ WordPress ของคุณ

เคล็ดลับการเพิ่มประสิทธิภาพที่จำเป็นเพื่อเพิ่มความเร็วไซต์ WordPress ของคุณ

นอกจากการรักษาความปลอดภัย ความเร็วไซต์ของคุณมีความสำคัญต่อความสำเร็จของธุรกิจออนไลน์ของคุณ เวลาในการโหลดไซต์เป็นองค์ประกอบที่โดดเด่นของประสบการณ์ของผู้ใช้และส่งผลต่อรางวัลของเครื่องมือค้นหา (โดยเฉพาะ SEO) ความเร็วไซต์ล่าช้าหนึ่งวินาทีส่งผลให้สูญเสียการแปลงเจ็ดเปอร์เซ็นต์ มันตามมาว่าการหน่วงเวลาเจ็ดวินาทีจะทำให้ Conversion ของคุณลดลงครึ่งหนึ่ง!

วัดความเร็วเว็บไซต์โดยใช้ PageSpeed ​​Insights

มีหลายปัจจัยที่อาจส่งผลต่อเวลาในการโหลดของไซต์ แทนที่จะคาดเดาว่าคุณควรทำอย่างไรเพื่อเพิ่มประสิทธิภาพความเร็วของไซต์ เป็นการดีที่สุดที่จะใช้ประโยชน์จาก PageSpeed ​​Insights โดย Google เพื่อค้นหาสิ่งที่ต้องแก้ไขสำหรับไซต์ของคุณ

1. ไปที่เว็บไซต์ PageSpeed ​​Insights

เคล็ดลับการเพิ่มประสิทธิภาพที่จำเป็นเพื่อเพิ่มความเร็วไซต์ WordPress ของคุณ

2. ในกล่องข้อความที่เขียนว่า “Enter a web page URL” ให้ป้อนเว็บไซต์ของคุณ ในกรณีนี้ MakeTechEasier.com

เคล็ดลับการเพิ่มประสิทธิภาพที่จำเป็นเพื่อเพิ่มความเร็วไซต์ WordPress ของคุณ

3. คลิกปุ่ม “วิเคราะห์” และดูการโหลด

เคล็ดลับการเพิ่มประสิทธิภาพที่จำเป็นเพื่อเพิ่มความเร็วไซต์ WordPress ของคุณ

4. เมื่อโหลดเสร็จแล้ว คุณจะเห็นหน้ารายงานเกี่ยวกับประสิทธิภาพของเว็บไซต์ของคุณ หน้ารายงานนี้จะบอกคุณว่าคุณทำอะไรถูกและผิด ใช้หน้ารายงานเพื่อใช้การเปลี่ยนแปลงที่แนะนำ

หน้ารายงานมีรายงานความเร็วหน้าจอมือถือและเดสก์ท็อปสำหรับเว็บไซต์ของคุณ รายงานของแต่ละหน้าจอแบ่งออกเป็น "การเพิ่มประสิทธิภาพที่เป็นไปได้" ซึ่งจะบอกคุณว่าคุณต้องทำการเพิ่มประสิทธิภาพใดบ้าง และ "พบการเพิ่มประสิทธิภาพ" ซึ่งจะบอกคุณว่าคุณได้ปรับปรุงอะไรบ้าง

เคล็ดลับการเพิ่มประสิทธิภาพที่จำเป็นเพื่อเพิ่มความเร็วไซต์ WordPress ของคุณ

ในกรณีของ Make Tech Easier (MTE) การเพิ่มประสิทธิภาพที่เป็นไปได้ ได้แก่:

  • กำจัด JavaScript ที่บล็อกการแสดงผลและ CSS ในเนื้อหาครึ่งหน้าบน
  • ใช้ประโยชน์จากแคชเบราว์เซอร์
  • ปรับภาพให้เหมาะสม

รายการนี้มีไว้สำหรับ MTE เท่านั้น และตามมาตรฐานของ Google MTE นั้นเร็วพอ (ตามภาพด้านล่าง) หากคุณเปิดเว็บไซต์ที่มีการเพิ่มประสิทธิภาพความเร็วต่ำ คุณจะพบคำแนะนำในการเพิ่มประสิทธิภาพเพิ่มเติม

เคล็ดลับการเพิ่มประสิทธิภาพที่จำเป็นเพื่อเพิ่มความเร็วไซต์ WordPress ของคุณ

โปรดทราบว่า PageSpeed ​​Insights มีความเฉพาะเจาะจงสำหรับหน้าเว็บแต่ละหน้า เครื่องมือนี้มีประโยชน์มากในการรู้ว่าหน้าเว็บแต่ละหน้าของเว็บไซต์ของคุณโหลดได้เร็วแค่ไหน แทนที่จะต้องทำให้ทั้งเว็บไซต์เป็นภาพรวม

พบการเพิ่มประสิทธิภาพของ MTE รวมถึง:

เคล็ดลับการเพิ่มประสิทธิภาพที่จำเป็นเพื่อเพิ่มความเร็วไซต์ WordPress ของคุณ

เพิ่มประสิทธิภาพความเร็วเว็บไซต์ WordPress

โดยใช้คำแนะนำในการเพิ่มประสิทธิภาพจาก PageSpeed ​​Insights เราจะสำรวจว่าคุณจะปรับปรุงความเร็วของไซต์ WordPress ได้อย่างไร

1. กำจัด JavaScript ที่บล็อกการแสดงผลและ CSS ในเนื้อหาครึ่งหน้าบน

โดยสรุป PageSpeed ​​แนะนำให้ปรับปรุงความเร็วที่ CSS บางตัวแสดงผลบนเว็บไซต์ ความท้าทายคือ PageSpeed ​​ให้แนวทางทางเทคนิคค่อนข้างมากในการนำคำแนะนำในการเพิ่มประสิทธิภาพไปใช้ – คุณจะลำบากหากไม่ใช่นักพัฒนา หากต้องการปรับปรุงความเร็วไซต์ WordPress ของคุณโดยไม่ต้องวุ่นวายกับโค้ด ให้ใช้ปลั๊กอิน Autoptimize

เคล็ดลับการเพิ่มประสิทธิภาพที่จำเป็นเพื่อเพิ่มความเร็วไซต์ WordPress ของคุณ

สิ่งที่ Autoptimize ทำคือการรวม ย่อ และแคชสคริปต์และสไตล์ แทรก CSS ในส่วนหัวของหน้าตามค่าเริ่มต้น แล้วย้ายและเลื่อนสคริปต์ไปที่ส่วนท้าย นอกจากนี้ยังย่อโค้ด HTML เอง ทำให้หน้าเว็บของคุณมีน้ำหนักเบามาก

2. ใช้ประโยชน์จากแคชเบราว์เซอร์

ใช้ปลั๊กอิน WordPress เพื่อแคชเนื้อหาในเว็บไซต์ของคุณ การแคชทำหน้าที่เนื้อหาเว็บของคุณเป็นไฟล์ HTML แบบคงที่ ปลั๊กอินแคชยอดนิยมบางตัวสำหรับไซต์ WordPress ของคุณ ได้แก่ WP Super Cache, W3 Total Cache, WP-Rocket และ WP Fastest Cache

เคล็ดลับการเพิ่มประสิทธิภาพที่จำเป็นเพื่อเพิ่มความเร็วไซต์ WordPress ของคุณ

3. ปรับภาพให้เหมาะสม

การเพิ่มประสิทธิภาพรูปภาพมีตัวเลือกมากมาย คุณสามารถปรับภาพให้เหมาะสมก่อนที่จะอัปโหลดและยังปรับปรุงการเพิ่มประสิทธิภาพเพิ่มเติมโดยใช้ปลั๊กอิน

เคล็ดลับการเพิ่มประสิทธิภาพที่จำเป็นเพื่อเพิ่มความเร็วไซต์ WordPress ของคุณ

หากคุณสร้างภาพโดยใช้ดอกไม้ไฟหรือ Photoshop ให้ลดขนาดภาพโดยใช้ตัวเลือก "บันทึกสำหรับเว็บ" หากคุณไม่มีโปรแกรมกราฟิก ให้ใช้เครื่องมือเพิ่มประสิทธิภาพอื่นๆ เช่น ImageOptim (ใช้ได้กับ Mac เท่านั้น), Compressor.io (มีให้ใช้งานบนเว็บ) และ TinyPNG (รวมถึงบนเว็บด้วย)

ในการทำให้กระบวนการเพิ่มประสิทธิภาพเป็นอัตโนมัติ คุณยังสามารถใช้ปลั๊กอินการเพิ่มประสิทธิภาพรูปภาพ เช่น WP Smush, PixPie เป็นต้น

ปลั๊กอิน LazyLoad เป็นอีกวิธีหนึ่งในการปรับปรุงความเร็วไซต์ของคุณ ช่วยประหยัดแบนด์วิดธ์การถ่ายโอนโดยการโหลดภาพตามต้องการเท่านั้น (เมื่อผู้ใช้เลื่อนหน้าลง)

เพิ่มประสิทธิภาพความเร็วเว็บไซต์เพิ่มเติม

คุณอาจสังเกตเห็นว่าการเพิ่มประสิทธิภาพเกือบทั้งหมดสามารถใช้ปลั๊กอินได้ ดังนั้นคุณจึงไม่ต้องวุ่นวายกับโค้ดใดๆ อย่างไรก็ตาม การเพิ่มประสิทธิภาพความเร็วไซต์ WordPress บางอย่างทำได้มากกว่าปลั๊กอิน ปัจจัยทางเลือก 2 ประการที่ส่งผลต่อความเร็วของไซต์คือโฮสต์และแผนการโฮสต์ที่เหมาะสม และการใช้เครือข่ายการจัดส่งเนื้อหา (CDN)

โฮสต์และแผนการโฮสต์

โฮสติ้งที่ใช้ร่วมกันซึ่งรับประกันว่า "การดูหน้าเว็บไม่ จำกัด " อาจดูเหมือนเป็นข้อเสนอที่ดี แต่มีค่าใช้จ่ายที่ไม่ได้แจ้งล่วงหน้า ความเร็วไซต์จะลดลง (ซึ่งส่งผลเสียต่อชื่อเสียงของไซต์ SEO และประสบการณ์ของผู้ใช้) จากนั้นไซต์ของคุณก็จะประสบปัญหาการล่มจำนวนมากเช่นกัน

โฮสติ้งมีผลต่อความเร็วไซต์มากน้อยเพียงใด Colocation America กล่าวว่า VPS โฮสติ้งปรับปรุงความเร็วไซต์ได้ถึง 62% จากข้อมูลของ SEJ หน้าเว็บจากเซิร์ฟเวอร์โฮสต์ที่ใช้ร่วมกันใช้เวลาในการโหลดเกือบแปดวินาที ในขณะที่หน้าบนโฮสติ้ง VPS นั้นใช้เวลาเพียงสองวินาที

เคล็ดลับการเพิ่มประสิทธิภาพที่จำเป็นเพื่อเพิ่มความเร็วไซต์ WordPress ของคุณ

หากเป็นไปได้ ให้เปลี่ยนไปใช้ VPS หรือตัวเลือกการโฮสต์เฉพาะอื่นๆ ไม่ใช่การแชร์โฮสติ้ง เมื่อมองแวบแรก โฮสติ้งราคาถูกดูเหมือนจะช่วยคุณประหยัดเงินได้ แต่ในความเป็นจริง มันทำลายธุรกิจของคุณ

เลือกโฮสต์ที่ใช้การบีบอัด GZIP และภาวะเงินฝืด สามารถลดขนาดไฟล์ของคุณได้เจ็ดสิบเปอร์เซ็นต์ รวมถึงไฟล์วิดีโอ เสียง และรูปภาพ โดยไม่ทำให้คุณภาพของไฟล์หรือไซต์ของคุณลดลง Gzipping เพียงอย่างเดียวสามารถเพิ่มความเร็วไซต์ของคุณได้อย่างมาก คุณสามารถตรวจสอบว่าไซต์ของคุณใช้ Gzipped หรือไม่โดยใช้เครื่องมือจาก GD Network

ให้ CDN แบกภาระ

เคล็ดลับการเพิ่มประสิทธิภาพที่จำเป็นเพื่อเพิ่มความเร็วไซต์ WordPress ของคุณ

ใช้เครือข่ายการจัดส่งเนื้อหา (CDN) เช่น Amazon CloudFront หากการเข้าชมไซต์ของคุณเพิ่มขึ้น CDN นำบันทึกคงที่ทั้งหมดของไซต์ของคุณ เช่น รูปภาพ, CSS, Javascript และอื่นๆ และกระจายไปทั่วเซิร์ฟเวอร์ในที่ตั้งทางภูมิศาสตร์ต่างๆ ผู้เยี่ยมชมไซต์ของคุณจะได้รับประโยชน์จากความเร็วไซต์ที่ดีขึ้นเมื่อพวกเขาเข้าถึงเนื้อหาของคุณโดยพิจารณาจากความใกล้ชิดทางภูมิศาสตร์กับเซิร์ฟเวอร์ CDN

คุณสามารถใช้ปลั๊กอิน CDN Enabler เพื่อรวมบริการ CDN ที่คุณชื่นชอบกับไซต์ WordPress ของคุณได้อย่างรวดเร็ว

บทสรุป

คุณจะไม่เจรจาหรือประนีประนอมกับความปลอดภัยของเว็บไซต์ของคุณ – รักษาความเร็วของเว็บไซต์ WordPress ให้เท่ากัน Google เปิดเผยอย่างเปิดเผยว่าจัดลำดับความสำคัญของเว็บไซต์ที่ให้ความสำคัญกับความเร็วของเว็บไซต์ในการออกแบบ ไม่ใช่แค่เครื่องมือค้นหาเท่านั้น ผู้ใช้ไซต์ของคุณยังชอบไซต์ที่เคลื่อนไหวรวดเร็วมากกว่าไซต์ที่รวบรวมข้อมูล เริ่มใช้เคล็ดลับที่นี่เร็ว ๆ นี้!