Aurora
การทำงานร่วมกันระหว่างวิศวกร Chrome และเฟรมเวิร์กเว็บแบบโอเพนซอร์สเพื่อปรับปรุงประสบการณ์การใช้งานของผู้ใช้ในเว็บ โดยมุ่งเน้นที่ประสิทธิภาพเป็นพิเศษ
ขอแนะนำโครงการ Aurora
เครื่องมือโอเพนซอร์สและเฟรมเวิร์กมีบทบาทสำคัญในการช่วยให้นักพัฒนาซอฟต์แวร์สร้างแอปที่ทันสมัยสำหรับเว็บ ขณะเดียวกันก็สนับสนุนประสบการณ์การใช้งานที่ดีให้แก่นักพัฒนาซอฟต์แวร์
มีอะไรใหม่
ในปี 2024 ทีม Aurora จะมุ่งเน้นที่การปรับปรุง Core Web Vitals สำหรับแอปพลิเคชันโดยใช้เว็บเฟรมเวิร์ก ปัจจุบันเราเป็นพาร์ทเนอร์กับ Next.js, Angular และ Nuxt เพื่อให้บริการฟีเจอร์ประสิทธิภาพต่างๆ
จากบล็อก
มีอะไรใหม่ในเฟรมเวิร์ก JavaScript (พฤษภาคม 2024)
ดูข้อมูลเกี่ยวกับการพัฒนาล่าสุดในระบบนิเวศเฟรมเวิร์ก JavaScript
แพ็กเกจ 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 ได้อย่างไร
การพูดคุยเรื่องเทคโนโลยีล่าสุด
ดูวิดีโอเหล่านี้เพื่อเรียนรู้เกี่ยวกับโปรเจ็กต์ ฟีเจอร์ และแนวทางปฏิบัติแนะนำล่าสุดของ Aurora
สคริปต์หลักและบุคคลที่สามใน Next.js
Frontend Nation 2024: ดูข้อมูลเพิ่มเติมเกี่ยวกับคอมโพเนนต์สคริปต์และการผสานรวมของบุคคลที่สาม
การไปยังส่วนต่างๆ ในระบบนิเวศเฟรมเวิร์ก JavaScript
Google I/O 2024: เรียนรู้เกี่ยวกับการพัฒนาล่าสุดในระบบนิเวศเฟรมเวิร์ก JavaScript
การเพิ่มประสิทธิภาพการโหลดของบุคคลที่สามใน 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 ได้อย่างไร