Webpack

การรวมสำหรับเว็บแอปพลิเคชันสมัยใหม่

Addy Osmani

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

webpack เป็นหนึ่งในเครื่องมือการรวมที่ได้รับความนิยมสูงสุดในปัจจุบัน การใช้ฟีเจอร์ต่างๆ เพื่อเพิ่มประสิทธิภาพโค้ดสมัยใหม่ การแยกโค้ดสคริปต์ออกเป็นส่วนที่สําคัญและไม่สําคัญ และการนําโค้ดที่ไม่ได้ใช้งานออก (เพื่อเพิ่มประสิทธิภาพเพียงไม่กี่อย่าง) จะช่วยให้แอปมีต้นทุนเครือข่ายและการประมวลผลน้อยที่สุด

 

แรงบันดาลใจจากบทความ การแยกโค้ดใน Bundle Buddy โดย Susie Lu

มาเริ่มกันด้วยการเพิ่มประสิทธิภาพ JavaScript ซึ่งเป็นทรัพยากรที่ทําให้เกิดต้นทุนมากที่สุดอย่างหนึ่งในแอปสมัยใหม่

• ลดขนาดหน้าเว็บ
• ใช้ประโยชน์จากการแคชระยะยาว
• ตรวจสอบและวิเคราะห์แอป
• สรุป