สรุปข้อมูลจาก Webpack
Ivan Akulov
สรุป:
- ตัดไบต์ที่ไม่จำเป็น บีบอัดทุกอย่าง ลบโค้ดที่ไม่ได้ใช้ โปรดใช้ความระมัดระวังเมื่อเพิ่มทรัพยากร Dependency
- แยกรหัสตามเส้นทาง โหลดเฉพาะสิ่งที่จำเป็นจริงๆ ในตอนนี้ แล้วโหลดอื่นๆ แบบ Lazy Loading ภายหลัง
- แคชโค้ด บางส่วนของแอปได้รับการอัปเดตน้อยกว่าส่วนอื่นๆ แยกส่วนต่างๆ เหล่านี้ออกเป็นไฟล์เพื่อให้ดาวน์โหลดใหม่เมื่อจำเป็นเท่านั้น
- ติดตามขนาด ใช้เครื่องมือต่างๆ เช่น webpack-dashboard และ webpack-bundle-analyzer เพื่อให้ทราบขนาดของแอปที่มีขนาดใหญ่ ตรวจสอบประสิทธิภาพของแอปทุก 2-3 เดือน
Webpack ไม่ใช่เครื่องมือเดียวที่จะช่วยให้คุณสร้างแอปได้เร็วขึ้น ลองสร้างแอปพลิเคชัน Progressive Web App เพื่อประสบการณ์การใช้งานที่ดียิ่งขึ้นและใช้เครื่องมือสร้างโปรไฟล์อัตโนมัติ เช่น Lighthouse เพื่อรับคำแนะนำในการปรับปรุง
อย่าลืมอ่านเอกสาร Webpack เพราะยังมีข้อมูลที่เป็นประโยชน์อื่นๆ อีกมากมาย
และอย่าลืมเล่นด้วยแอปการฝึกอบรม