elm radio
Tune in to the tools and techniques in the Elm ecosystem.
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