Bringing Lighthouse to Angular

on YouTube ↗20m

" summary

Lighthouse is shown integrated with Angular tooling: a badge system for PWA/pass criteria, detection that flags oversized bundles and recommends AOT compilation and code‑splitting, and audits that surface metrics like First Contentful Paint, Largest Contentful Paint (hero element), and Time to Interactive. A demo app scores 27 on mobile vs 86 on desktop under Nexus 5X slow 4G emulation. Delivery options include DevTools, the Chrome extension, the CLI, PageSpeed Insights, WebPageTest and Lighthouse CI; vulnerability scanning via Snyk is also integrated.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 1:34THE REPORT
3. 2:13PERFORMANCE
4. 4:48PROGRESSIVE WEB APP
5. 7:50ACCESSIBILITY
6. 8:38BEST PRACTICES

" related talks

• 35mExploring the LighthouseKaterina Skroumpelou · FrontEnd Con 2018
• 48mLighthouse for ChromeAnil Shahu · GDG DevFest Ahmedabad 2018
• 30mThe Pharos Of PWA, Deconstructing a Lighthouse AuditNitya Narasimhan · EmpireJS 2018
• 22mUsing Lighthouse in the Real WorldLeonardo Faria · CascadiaJS 2021
• 27mWays of Frontend performance auditing with LighthouseYaprak Ayazoglu · NodeConf NL 2019
• 14mRun to the light Carol Anne: Auditing with LighthouseChris DeMars · Jfokus 2026
• 22mYou’re Probably Using Lighthouse WrongFilip Rakowski · Vue.js Live 2023
• 40mYou’re probably using Lighthouse wrong bt Filip RakowskiFilip Rakowski · Vue.js Nation 2023