018: Lighthouse Scores
Lighthouse can show you a lot of low-hanging fruit to improve your site's performance. It also points out ways to make your site more accessible, follow best practices, and perform better with SEO.
Audio is streamed directly from the publisher (cdn.simplecast.com) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
Performance metrics
Best practices
Performance best practices
- CDN
- Netlify
Image Optimization
- Cloudinary
- loading=lazy
- SVG
Icons
- Apple touch and other icons to add to
<head> - 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
--opimizeflag, andelm-optimize-level-2Dev tools performance tab
Ju Liu's article, Performant Elm, on analyze Elm performance using Chrome Dev Tools
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<head>vs.<body>