Speed Cache: การลดขนาดทรัพยากร

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

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

 

 

คุณสามารถจัดกลุ่มไฟล์ JavaScript, CSS และฟอนต์ทั้งหมดของคุณได้ด้วยการคลิกเพียงครั้งเดียว คุณสมบัติการจัดกลุ่มไฟล์มีดังนี้:

• การย่อขนาด HTML: การย่อขนาดหมายถึงกระบวนการลบข้อมูลที่ไม่จำเป็นหรือซ้ำซ้อนออกโดยไม่ส่งผลกระทบต่อวิธีการประมวลผลทรัพยากรโดยเบราว์เซอร์ เช่น การลบความคิดเห็นและรูปแบบโค้ด การลบโค้ดที่ไม่ได้ใช้ การใช้ชื่อตัวแปรและฟังก์ชันที่สั้นลง และอื่นๆ
• การย่อขนาด CSS
• การย่อขนาด JS
• การจัดกลุ่มไฟล์ CSS: การรวมไฟล์ CSS หลายไฟล์เข้าไว้ในไฟล์เดียวจะช่วยลดจำนวนการร้องขอ HTTP ควรใช้ด้วยความระมัดระวังและทดสอบเว็บไซต์ของคุณก่อน เพราะอาจทำให้เกิดข้อขัดแย้งได้
• กลุ่มไฟล์ JavaScript: การรวมไฟล์ JavaScript หลายไฟล์เข้าไว้ในไฟล์เดียวจะช่วยลดจำนวนการร้องขอ HTTP ควรจัดกลุ่มสคริปต์ทั้งหมดที่อยู่ในส่วน body และส่วน head เข้าด้วยกัน วิธีนี้เป็นตัวเลือกที่ดีกว่าสำหรับการทดสอบประสิทธิภาพสูงสุด แต่ควรระมัดระวังและทดสอบเว็บไซต์ของคุณ เพราะอาจทำให้เกิดข้อขัดแย้งได้
• จัดกลุ่มฟอนต์และฟอนต์ Google: จัดกลุ่มฟอนต์ในเครื่องและฟอนต์ Google ไว้ในไฟล์เดียวเพื่อให้แสดงผลได้เร็วขึ้น
• เลื่อนการเรียกใช้ CSS: เรียกใช้ไฟล์ CSS ในตอนท้ายของการโหลดหน้าเว็บเพื่อกำจัดองค์ประกอบที่ขัดขวางการแสดงผล
• เลื่อนการโหลด JavaScript: เรียกใช้ไฟล์ JavaScript ในตอนท้ายของการโหลดหน้าเว็บ เพื่อกำจัดองค์ประกอบที่ขัดขวางการแสดงผล
• ไม่รวมสไตล์แบบอินไลน์: ไม่รวมสไตล์แบบอินไลน์ในการย่อขนาดโค้ด
• การยกเว้นไฟล์: ใส่พาธของแต่ละไฟล์ไว้ในบรรทัดเดียวเพื่อยกเว้นไฟล์เหล่านั้นจากการย่อขนาดและการจัดกลุ่ม
• การยกเว้นหน้าเว็บ: ใส่ URL ของแต่ละหน้าเว็บในบรรทัดเดียวเพื่อยกเว้นหน้าเว็บนั้นจากการปรับแต่งทั้งหมดที่ระบุไว้ข้างต้น