Aurora
การทำงานร่วมกันระหว่างวิศวกร Chrome และเฟรมเวิร์กเว็บแบบโอเพนซอร์สเพื่อปรับปรุงประสบการณ์การใช้งานของผู้ใช้ในเว็บ โดยมุ่งเน้นที่ประสิทธิภาพเป็นพิเศษ
ขอแนะนำโครงการ Aurora
เครื่องมือโอเพนซอร์สและเฟรมเวิร์กมีบทบาทสำคัญในการช่วยให้นักพัฒนาซอฟต์แวร์สร้างแอปที่ทันสมัยสำหรับเว็บ ขณะเดียวกันก็สนับสนุนประสบการณ์การใช้งานที่ดีให้แก่นักพัฒนาซอฟต์แวร์
มีอะไรใหม่
ในปี 2023 ทีม Aurora จะมุ่งเน้นไปที่การปรับปรุง Core Web Vitals สำหรับแอปพลิเคชันโดยใช้เว็บเฟรมเวิร์ก ปัจจุบันเราเป็นพาร์ทเนอร์กับ Next.js, Angular และ Nuxt เพื่อให้บริการฟีเจอร์ด้านประสิทธิภาพ
จากบล็อก
แพ็กเกจ Next.js สำหรับการจัดการไลบรารีของบุคคลที่สาม
อ่านเกี่ยวกับคอมโพเนนต์ Wrapper ของ Next.js สำหรับบุคคลที่สามยอดนิยม เช่น YouTube, Google Maps และ Google Analytics
เข้าถึง DOM อย่างปลอดภัยด้วย Angular SSR
ดูวิธีใช้ DOM ร่วมกับ SSR อย่างปลอดภัยใน Angular
มีอะไรใหม่เกี่ยวกับ NgOptimizeImage
ดูข้อมูลเกี่ยวกับฟีเจอร์ใหม่ๆ ที่รวมอยู่ในคำสั่ง Angular NgOptimizeImage ที่ช่วยปรับปรุงประสิทธิภาพของรูปภาพในแอป Angular ให้ดียิ่งขึ้น
เครื่องมือสำหรับเฟรมเวิร์กสำหรับแบบอักษรสำรอง
ทำความเข้าใจวิธีปรับขนาดแบบอักษรสำรองเพื่อป้องกัน Cumulative Layout Shift (CLS) โดยใช้เครื่องมือใน Next.js, Nuxt, Vite และ Capsize
แบบอักษรสำรองที่ปรับปรุงใหม่
เจาะลึกวิธีการเบื้องหลังการสร้างทางเลือกฟอนต์และ API การปรับขนาด การแทนที่แอสเซนท์ ลบล้างการลง และ API การลบล้างบรรทัด
ภายใน Polyfill การค้นหาคอนเทนเนอร์
ลองดูวิธีการทำงานของ Polyfill ปัญหา ความท้าทายที่นำมาใช้ได้ และแนวทางปฏิบัติแนะนำเมื่อนำ Polyfill ไปใช้เพื่อมอบประสบการณ์ที่ยอดเยี่ยมให้กับผู้ใช้
เพิ่มประสิทธิภาพรูปภาพด้วยคำสั่งรูปภาพ Angular
ดูว่าคำสั่งรูปภาพ Angular ช่วยปรับปรุง Largest Contentful Paint (LCP) มีให้บริการตั้งแต่เวอร์ชัน 14 ได้อย่างไร
เพิ่มประสิทธิภาพการโหลดสคริปต์ของบุคคลที่สามใน Next.js
ทำความเข้าใจวิสัยทัศน์ที่อยู่เบื้องหลังคอมโพเนนต์สคริปต์ Next.js ซึ่งเป็นโซลูชันในตัวที่ช่วยเพิ่มประสิทธิภาพในการโหลดสคริปต์ของบุคคลที่สาม
การพูดคุยเรื่องเทคโนโลยีล่าสุด
ดูวิดีโอเหล่านี้เพื่อเรียนรู้เกี่ยวกับโปรเจ็กต์ ฟีเจอร์ และแนวทางปฏิบัติแนะนำล่าสุดของ Aurora
การเพิ่มประสิทธิภาพการโหลดของบุคคลที่สามใน Next.js
Next Conf 2023: ดูข้อมูลเกี่ยวกับแพ็กเกจของบุคคลที่สาม/บุคคลที่สามใหม่ที่เราได้เปิดตัวใน Next 14
เครื่องมือเฟรมเวิร์กสำหรับการเพิ่มประสิทธิภาพรูปภาพ
Perf.now() 2023 ก่อนกิจกรรม: ดูข้อมูลเพิ่มเติมเกี่ยวกับเครื่องมือเฟรมเวิร์กที่เราสร้างขึ้นใน Next.js และ Angular เพื่อปรับปรุงประสิทธิภาพของรูปภาพ
พูดคุยสบายๆ กับ Chrome Aurora
รับชม useReactNYC 2023 Fireside Chat กับ Houssein Djirdeh จากทีม Chrome Aurora
ออโรรา Chrome
Infobip Shift 2022: ดูว่าทีม Chrome Aurora ทำงานเพื่อพัฒนาระบบนิเวศของเว็บเฟรมเวิร์กด้วยการทำงานร่วมกันกับ Next.js, Nuxt และ Angular ได้อย่างไร
การเพิ่มประสิทธิภาพรูปภาพด้วย Angular
ng-conf 2022: เซสชันนี้ครอบคลุมหลากหลายวิธีที่รูปภาพอาจทำให้แอปช้าลง และการเพิ่มประสิทธิภาพที่ทีม Aurora แนะนําเพื่อหลีกเลี่ยงข้อผิดพลาดเหล่านี้
Nuxt และ Chrome
Vue Conf US 2022: ดูข้อมูลเกี่ยวกับการทํางานร่วมกันล่าสุดของ Chrome กับ Nuxt และแนวทางปฏิบัติแนะนําสําหรับการเพิ่มประสิทธิภาพรูปภาพและแบบอักษรในแอป Nuxt