Elm Radio

018: Lighthouse Scores


Listen Later

Performance metrics
  • First Contentful Paint
  • Time to Interactive
  • Cumulative Layout Shift
Best practices
  • Lighthouse SEO Audits
  • Lighthouse Best Practices Audits
Performance best practices
  • CDN
  • Netlify
Image Optimization
  • Cloudinary
  • loading=lazy
  • SVG
Icons
  • Apple touch and other icons to add to
  • Some resources on icons
  • What the apple touch icons mean
  • Google web.dev resource on apple touch icons
  • manifest.json
PWAs
  • Progressive Web Apps
  • Must be HTTPS
  • About service workers
  • Stale while revalidate service worker cache policy
  • Workbox
  • elm-starter
Performance
  • Elm optimization instructions for using Terser, the --opimize flag, and elm-optimize-level-2

  • Dev tools performance tab

  • Ju Liu's article, Performant Elm, on analyze Elm performance using Chrome Dev Tools

  • HTTP2 Push is dead

  • Using preload tags

  • Here's an in-depth conference talk on different script tag techniques. Ishows the differences between different ways to load script tags, including using async, defer, and in HTML vs.

SEO
  • meta viewport tag
  • Axe accessibility tools
  • Canonical URLs
  • OpenGraph tags
  • Lighthouse accessibility audits
Resources
  • Lighthouse netlify plugin
  • web.dev learn section
...more
View all episodesView all episodes
Download on the App Store

Elm RadioBy Dillon Kearns, Jeroen Engels

  • 5
  • 5
  • 5
  • 5
  • 5

5

16 ratings