ข้อมูลสรุปของ WebP

สรุปข้อมูลจาก Webpack

Ivan Akulov

สรุป:

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

Webpack ไม่ใช่เครื่องมือเดียวที่จะช่วยให้คุณสร้างแอปได้เร็วขึ้น ลองสร้างแอปพลิเคชัน Progressive Web App เพื่อประสบการณ์การใช้งานที่ดียิ่งขึ้นและใช้เครื่องมือสร้างโปรไฟล์อัตโนมัติ เช่น Lighthouse เพื่อรับคำแนะนำในการปรับปรุง

อย่าลืมอ่านเอกสาร Webpack เพราะยังมีข้อมูลที่เป็นประโยชน์อื่นๆ อีกมากมาย

และอย่าลืมเล่นด้วยแอปการฝึกอบรม