Tune in to the tools and techniques in the Elm ecosystem.
018: Lighthouse Scores
November 30, 2020
1:04:51
62.29 MB
Downloads: 0
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>