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