ลดขนาดทรัพยากร (HTML, CSS และ JavaScript)

กฎนี้จะทำงานเมื่อ PageSpeed Insights ตรวจพบว่าทรัพยากรอย่างใดอย่างหนึ่งของคุณอาจถูกลดขนาดลงผ่านการลดขนาด

ภาพรวม

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

ดูข้อมูลเพิ่มเติมได้ที่ การประมวลผลล่วงหน้าและการเพิ่มประสิทธิภาพเฉพาะบริบท

การแนะนำวิดีโอ

คุณควรลดขนาดทรัพยากร HTML, CSS และ JavaScript ดังนี้

  • หากต้องการลดขนาด HTML ให้ลองใช้ HTMLMinifier
  • หากต้องการลดขนาด CSS ให้ลองใช้ CSSNano และ csso
  • หากต้องการลดขนาด JavaScript ให้ลองใช้ UglifyJS คอมไพเลอร์การปิดยังมีประสิทธิภาพสูงมากอีกด้วย คุณสร้างกระบวนการบิลด์ที่ใช้เครื่องมือเหล่านี้เพื่อลดขนาดและเปลี่ยนชื่อไฟล์ที่พัฒนาและบันทึกลงในไดเรกทอรีที่ใช้งานจริงได้

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

ความคิดเห็น

หน้านี้มีประโยชน์ไหม