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

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

ใช้แท็บ CSS และ JavaScript ของ Zinn® Cache Pro เพื่อลบ CSS ที่ไม่ได้ใช้และชะลอการโหลดสคริปต์ และใช้แท็บรูปภาพสำหรับ 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 และการย่อขนาดไฟล์ช่วยประหยัดพื้นที่ได้เพียงไม่กี่เปอร์เซ็นต์เมื่อไฟล์ถูกบีบอัดแล้ว ทั้งยังเป็นสาเหตุที่พบบ่อยที่สุดของการแสดงผลโครงร่างหน้าเว็บที่ผิดพลาด การลบ CSS ที่ไม่ได้ใช้และการชะลอการโหลด JavaScript คือสิ่งที่จะช่วยเพิ่มประสิทธิภาพได้อย่างแท้จริง

พร้อมภาพหน้าจอ: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress