ข้ามไปที่เนื้อหาหลัก

WP Speed of Light : การเพิ่มประสิทธิภาพความเร็ว

1. เปิดใช้งานการเพิ่มประสิทธิภาพความเร็ว

ส่วนการเพิ่มประสิทธิภาพความเร็วเป็นที่สำหรับกำหนดค่าเครื่องมือที่เพิ่มความเร็ว WordPress ใช้เมนู WP Speed of Light > การเพิ่มประสิทธิภาพความเร็ว > Speedup

  • เปิดใช้งานระบบแคช: มันจะเร่งความเร็วเว็บไซต์ของคุณโดยการโหลดองค์ประกอบของหน้าทั่วไปและการสืบค้นฐานข้อมูลล่วงหน้า

จะเพิ่มแคชด้วยตนเองได้อย่างไร?

ประการแรก หากไม่สามารถแก้ไขไฟล์บนเซิร์ฟเวอร์ของคุณได้ คุณควรตั้งค่าสิทธิ์ในการเขียน ไฟล์ "wp-config.php" คุณควรไปที่ FTP จากนั้นคลิกขวาที่มัน เลือก File Permissions จากที่นี่คุณสามารถตั้งค่าการอนุญาตได้

 

ตั้งค่าไฟล์สิทธิ์

 

ประการที่สอง คุณต้องเพิ่มสคริปต์ "define( 'WP_CACHE',true);" ด้านบนของ ไฟล์ "wp-config.php"

 

เพิ่มแคช-wp-config

 

สุดท้าย คุณไปที่ WP Speed of Light > การเพิ่มประสิทธิภาพความเร็ว > การเร่งความเร็ว และเปิดใช้งาน ตัวเลือก เปิดใช้งานระบบแคช

 

เปิดใช้งานแคชตัวเลือก

 

  • ทำความสะอาดแต่ละรายการ : ล้างแคชที่เก็บไว้โดยอัตโนมัติทุกๆ x นาที และสร้างเวอร์ชันใหม่ทันที

  • แคชสำหรับเดสก์ท็อป/แท็บเล็ต/มือถือ: ให้บริการแคชสำหรับเดสก์ท็อปกับอุปกรณ์ทั้งหมดตามค่าเริ่มต้น ต้องใช้ตัวเลือกอื่นของแคชเฉพาะต่ออุปกรณ์เฉพาะในกรณีที่เฟรมเวิร์กธีมของคุณสร้างไฟล์เฉพาะต่ออุปกรณ์

  • เพิ่มส่วนหัวที่หมดอายุ: ให้คำแนะนำแก่เบราว์เซอร์ว่าควรขอไฟล์เฉพาะจากเซิร์ฟเวอร์หรือควรดึงมาจากแคชของเบราว์เซอร์หรือไม่

  • สคริปต์ภายนอกของแคช: แคชทรัพยากรภายนอก เช่น สคริปต์ที่ให้บริการจาก Google คำเตือน: ตรวจสอบให้แน่ใจว่าคุณได้ตรวจสอบประสิทธิภาพก่อนและหลังการเปิดใช้งาน ในบางกรณี คุณอาจประสบกับการสูญเสียประสิทธิภาพเมื่อเปิดใช้งาน!

  • อย่าแคชหน้าต่อไปนี้: เพิ่ม URL ของหน้าที่คุณต้องการแยกออกจากแคช (หนึ่ง URL ต่อบรรทัด)

คุณสามารถแยกชุด URL ออกจากแคชได้โดยใช้กฎเช่น www.website.com/blog*

 

การเพิ่มประสิทธิภาพความเร็ว

 

ส่วนเสริม PRO เท่านั้น 

  • การล้างข้อมูลเมื่อบันทึก: ล้างแคชโดยอัตโนมัติเมื่อบันทึกเนื้อหา WordPress เช่น โพสต์ เพจ...

  • รูปภาพ lazy loading : โหลดเฉพาะรูปภาพเมื่อผู้ใช้มองเห็นได้ (เมื่อเลื่อน)

  • Iframe & การโหลดวิดีโอ lazy loading : Lazy โหลดวิดีโอ iframe และ HTML5 ทั้งหมด

เมื่อเปิดใช้งาน Image lazy loading ตัวเลือก จะมีตัวเลือกบางตัวเลือกแสดงอยู่ด้านล่าง:

  • ยกเว้นรูปภาพที่น้อยกว่า (กว้าง px): ยกเว้นจากรูปภาพ lazy loading ทุกรูปภาพที่มีค่าพิกเซลน้อยกว่าความกว้างนี้ มีประโยชน์ในการยกเว้นไอคอนหรือโลโก้ขนาดเล็ก

  • ยกเว้นรูปภาพที่น้อยกว่า (ความสูงพิกเซล): ยกเว้นรูปภาพที่ lazy loading รูปภาพทั้งหมดที่มีความสูงน้อยกว่านี้ในค่าพิกเซล มีประโยชน์ในการยกเว้นไอคอนหรือโลโก้ขนาดเล็ก

  • รูปภาพ lazy loading : ยกเว้นชุดของ URL โดยใช้กฎ เช่น www.website.com/news* หรือคลาส, id, ตำแหน่งของรูปภาพ

 

การโหลดรูปภาพแบบขี้เกียจ

 

2. แท็บเวิร์ดเพรส

  • ลบสตริงการสืบค้น: ลบสตริงการสืบค้นออกจากทรัพยากรคงที่ เช่น ไฟล์ CSS และ JS ภายในส่วนหัว เพื่อปรับปรุงคะแนนของคุณในบริการต่างๆ เช่น Pingdom, GTmetrix, PageSpeed ​​และ YSlow

  • ปิดการใช้งาน REST API: ปิดการใช้งาน WordPress REST API (API เพื่อดึงข้อมูลโดยใช้คำขอ GET ซึ่งใช้โดยนักพัฒนา)

  • ปิดการใช้งานฟีด RSS: ปิดการใช้งานฟีด RSS ของ WordPress ฟีด RSS อนุญาตให้ผู้ใช้สมัครรับบทความในบล็อกของคุณโดยใช้โปรแกรมอ่านฟีด RSS

 

ส่วนเสริม PRO เท่านั้น

  • ลบอิโมจิ: ตามค่าเริ่มต้นอิโมจิจะโหลดในทุกหน้าของไซต์ของคุณ หากคุณไม่ใช้มัน ก็ไม่จำเป็นเลย

  • ปิดการใช้งาน Gravatars: ปิดการใช้งานอวาตาร์ Gravatars และใช้เฉพาะอวตารในเครื่องจากสื่อของคุณ

 

แท็บ WordPress

 

3. จัดกลุ่มและลดขนาด

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

หมายเหตุ: ตัวเลือกบางตัวมีเฉพาะในปลั๊กอิน PRO ADDON เท่านั้น ใช้ด้วยความระมัดระวังและทดสอบเว็บไซต์ของคุณ อาจทำให้เกิดข้อขัดแย้งได้

  • การลดขนาด HTML: ย่อขนาดไฟล์แคช HTML ที่ให้บริการโดยปลั๊กอิน

  • การลดขนาด CSS: ย่อขนาดไฟล์ CSS ที่ให้บริการโดยปลั๊กอิน

  • การลดขนาด JS: ย่อขนาดไฟล์ JS ที่ให้บริการโดยปลั๊กอิน

  • กลุ่ม CSS: การจัดกลุ่มไฟล์ CSS หลายไฟล์เป็นไฟล์เดียวจะลดจำนวนคำขอ HTTP ให้เหลือน้อยที่สุด

  • กลุ่ม JS: การจัดกลุ่มไฟล์ JS หลายไฟล์เป็นไฟล์เดียวจะลดจำนวนคำขอ HTTP ให้เหลือน้อยที่สุด

 

ส่วนเสริม PRO เท่านั้น

  • แบบอักษรกลุ่มและแบบอักษร Google: จัดกลุ่มแบบอักษรในเครื่องและแบบอักษร Google ในไฟล์เดียวเพื่อให้แสดงผลได้เร็วขึ้น
  • เลื่อน JS: เรียกไฟล์ JS ที่ส่วนท้ายของการโหลดหน้าเพื่อกำจัดองค์ประกอบการบล็อกการเรนเดอร์
  • เลื่อน CSS: เรียกไฟล์ CSS เมื่อสิ้นสุดการโหลดหน้าเว็บเพื่อกำจัดองค์ประกอบที่บล็อกการแสดงผล

เมื่อ เปิดใช้งาน "Defer CSS" ช่อง "ยกเว้นไฟล์จาก defer CSS" จากนั้นคุณสามารถใส่แต่ละเส้นทางไปยังไฟล์ CSS ในหนึ่งบรรทัดเพื่อแยกไฟล์ออกจากการเลื่อน CSS

  • ย้ายสคริปต์ไปที่ส่วนท้าย: เพิ่มสคริปต์ของหน้าที่คุณต้องการแยกออกจากการย้ายไปยังส่วนท้าย (หนึ่ง URL ต่อบรรทัด)
  • ยกเว้นรูปแบบอินไลน์: ยกเว้นรูปแบบอินไลน์จากการลดขนาด
  • แยกไฟล์ออกจากการย่อขนาดและการจัดกลุ่ม: ใส่แต่ละเส้นทางไปยังไฟล์ในหนึ่งบรรทัดเพื่อแยกไฟล์ออกจากการย่อขนาดและการจัดกลุ่ม
  • ไม่รวมหน้า: ใส่แต่ละ URL ของหน้าในหนึ่งบรรทัดเพื่อแยกหน้าจากการเพิ่มประสิทธิภาพทั้งหมดที่ระบุไว้ด้านบน

เมื่อเปิดใช้งาน "ย้ายสคริปต์ไปยังส่วนท้าย" ปรากฏ ช่อง "ยกเว้นสคริปต์ย้ายไปยังส่วนท้าย" ปรากฏขึ้น

 

การเพิ่มประสิทธิภาพขั้นสูง

 

4. การโหลดล่วงหน้าและการดึงข้อมูลล่วงหน้า

คุณลักษณะเหล่านี้จากแท็บ ขั้นสูงจะ รวมอยู่ในปลั๊กอิน PRO ADDON เท่านั้น

  • การโหลดแคชล่วงหน้า: การโหลดแคชล่วงหน้าเป็นกระบวนการสร้างแคชของเพจเวอร์ชันแรกโดยอัตโนมัติ ดังนั้นผู้ใช้แรกที่มาที่เพจหลังจากการล้างแคชจะไม่ต้องรอการสร้างแคช URL แคชของเพจที่ระบุ หนึ่งรายการต่อบรรทัดจะถูกสร้างขึ้นใหม่หลังจากการล้างแคชโดยอัตโนมัติ

 

โหลดล่วงหน้าและดึงข้อมูลล่วงหน้า

 

  • การดึงข้อมูล DNS ล่วงหน้า: การดึงข้อมูล DNS ล่วงหน้าจะโหลดข้อมูล DNS ล่วงหน้าบนลิงก์โดเมนภายนอก ตัวอย่างเช่น หากเว็บไซต์ของคุณอ้างอิงถึงโดเมนภายนอกบ่อยครั้งในไฮเปอร์ลิงก์ การดึงข้อมูล DNS ของโดเมนนี้ล่วงหน้าจะโหลดหน้าของโดเมนนี้เร็วขึ้นเมื่อผู้ใช้คลิกที่โดเมนนั้น

  • โหลด URL .xml ล่วงหน้าจากแผนผังเว็บไซต์ หนึ่งรายการต่อบรรทัด: เพิ่ม URL ของแผนผังเว็บไซต์หนึ่งรายการขึ้นไป หนึ่งรายการต่อหนึ่งบรรทัด

5. WooCommerce

เมื่อใช้ WooCommerce ตัวเลือกด้านล่างนี้จะช่วยลดการโหลดสำหรับหน้าที่ไม่ใช่ WooCommerce หรือตั้งเวลาในการล้างข้อมูลอัตโนมัติ: เซสชัน รถเข็น... คุณควรไปที่เมนู WP Speed of Light > การเพิ่มประสิทธิภาพความเร็ว > WooCommerce เพื่อรับสิ่งนั้น คุณสมบัติเหล่านี้รวมอยู่ในปลั๊กอิน PRO ADDON

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

 

การตั้งค่า woocommerce

 

  • ล้างเซสชันลูกค้า + รถเข็น: ล้างเซสชันลูกค้า WooCommerce และตะกร้าสินค้าทั้งหมดที่จัดเก็บชั่วคราวในฐานข้อมูลของคุณ คุณสามารถประหยัดประสิทธิภาพและการจัดเก็บฐานข้อมูลได้มาก
  • ล้างข้อมูลชั่วคราวของ WooCommerce: ล้างข้อมูลชั่วคราวของ WooCommerce ทั้งหมดที่เก็บไว้ชั่วคราวในฐานข้อมูลของคุณ
  • เซสชันการทำความสะอาดอัตโนมัติ รถเข็นชั่วคราว: ทำความสะอาดเซสชัน รถเข็น และรถเข็นชั่วคราวโดยอัตโนมัติหลังจากช่วงระยะเวลาหนึ่ง (เป็นชั่วโมง)
  • ปิดใช้งาน/ลด Heartbeat API: การลดกิจกรรมจะเปลี่ยนความถี่ของ Heartbeat การปิดใช้งาน Heartbeat โดยสิ้นเชิงอาจทำให้ปลั๊กอินและธีมอื่นๆ ที่ใช้ API นี้เสียหาย