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 <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 --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 <head> vs. <body>
SEO* meta viewport tag * Axe accessibility tools * Canonical URLs * OpenGraph tags * Lighthouse accessibility audits
Resources* Lighthouse netlify plugin * web.dev learn section