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

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

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

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

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

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

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

 

set-file-permission

 

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

 

add-cache-wp-config

 

สุดท้าย คุณไปที่ WP Speed of Light > Speed ​​Optimization > Speedup และเปิดใช้ ตัวเลือก Activate cache system

 

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

 

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

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

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

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

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

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

 

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

 

โปรเสริมเท่านั้น 

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

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

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

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

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

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

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

 

image-lazy-loading

 

2. แท็บ WordPress

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

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

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

 

โปรเสริมเท่านั้น

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

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

 

wordpress-แท็บ

 

3. จัดกลุ่มและย่อ

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

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

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

  • JS minification: ลดขนาดไฟล์ JS ที่ให้บริการโดย plugin

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

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

 

โปรเสริมเท่านั้น

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

เมื่อ เปิดใช้งาน "Defer CSS" "Exclude files from 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

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

 

woocommerce-การตั้งค่า

 

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