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-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<head>vs.<body>