ลบ CSS ที่ไม่ได้ใช้ ชะลอ JavaScript และแสดงผล WebP และ AVIF

1. ทดสอบทีละหนึ่งการเปลี่ยนแปลง

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

2. เปิดแท็บ CSS และ JavaScript

   ใน WordPress ให้เปิด Zinn Digital®, Cache Pro จากนั้นเปิด CSS และ JavaScript รูปภาพจะอยู่ในแท็บของตัวเอง

3. เริ่มต้นด้วยค่าเริ่มต้นที่ปลอดภัย

   เปิด "ใช้ค่าเริ่มต้นที่ปลอดภัย" ทิ้งไว้ ตัวเลือกนี้จะไม่หน่วงเวลา jQuery หรือแบนเนอร์ขอความยินยอมใช้คุกกี้ และไม่แตะต้องหน้าชำระเงิน

4. ชะลอ JavaScript จากนั้นลบ CSS ที่ไม่ได้ใช้ออก

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

5. แสดงรูปภาพ WebP และ AVIF

   ในแท็บรูปภาพ ให้เปิดใช้งาน WebP หรือ AVIF จากนั้นแปลงรูปภาพที่มีอยู่ของคุณ รูปภาพต้นฉบับจะยังคงอยู่ที่เดิม และการคลิกเพียงครั้งเดียวจะลบสำเนาที่แปลงแล้วทั้งหมด

6. เหตุใดจึงไม่มีตัวเลือกย่อขนาดหรือรวมไฟล์

   การรวมไฟล์เคยมีประโยชน์ใน HTTP/1.1 แต่กลับทำให้หน้าเว็บช้าลงใน HTTP/2 และ HTTP/3 และการลดขนาดไฟล์ (minifying) ช่วยประหยัดพื้นที่ได้เพียงไม่กี่เปอร์เซ็นต์หลังจากไฟล์ถูกบีบอัดแล้ว ทั้งยังเป็นสาเหตุที่พบบ่อยที่สุดที่ทำให้การจัดหน้าพัง การลบ CSS ที่ไม่ได้ใช้ออกและการชะลอการโหลด JavaScript ต่างหากคือจุดที่ได้ประโยชน์อย่างแท้จริง

คำแนะนำถัดไป: ล้างข้อมูลฐานข้อมูล WordPress