Das Smashing Magazine hat seine "Frontend Performance Checklist 2017" veröffentlicht. Insgesamt 33 Tips, inklusive PDF.
Kurz zusammengefasst ergeben sich folgende 10 Tipps:
- Your goal is a start rendering time under 1 second on cable and under 3 seconds on 3G, and a SpeedIndex value under 1000. Optimize for start rendering time and time-to-interactive.
- Prepare critical CSS for your main templates, and include it in the of the page. (Your budget is 14 KB).
- Defer and lazy-load as many scripts as possible, both your own and third-party scripts — especially social media buttons, video players and expensive JavaScript.
- Add resource hints to speed up delivery with faster dns-lookup, preconnect, prefetch, preload and prerender.
- Subset web fonts and load them asynchronously (or just switch to system fonts instead).
- Optimize images, and consider using WebP for critical pages (such as landing pages).
- Check that HTTP cache headers and security headers are set properly.
- Enable Brotli or Zopfli compression on the server. (If that’s not possible, don’t forget to enable Gzip compression.)
- If HTTP/2 is available, enable HPACK compression and start monitoring mixed-content warnings. If you’re running over LTS, also enable OCSP stapling.
- If possible, cache assets such as fonts, styles, JavaScript and images — actually, as much as possible! — in a service worker cache.