Performance Checklist

[CharlBest]

✂️ Send less JavaScript (code-splitting)
😴 Lazy-load non-critical resources
🗜 Compress diligently! (GZip, Brotli)
📦 Cache effectively (HTTP, Service Workers)
⚡️ Minify & optimize everything
🗼 Preresolve DNS for critical origins
💨 Preload critical resources
📲 Respect data plans
🌊 Stream HTML responses
📡 Make fewer HTTP requests
📰 Have a Web Font loading strategy
🛣 Route-based chunking
📒 Library sharding
📱 PRPL pattern
🌴 Tree-shaking (Webpack, RollUp)
🍽 Serve modern browsers ES2015 (babel-preset-env)
🏋️‍♀️ Scope hoisting (Webpack)
🔧 Don’t ship DEV code to PROD

• Don't include 20 different user tracking scripts.
• Don't ignore performance.
• Don't use the default web server configurations.
• Don't use video backgrounds.
• Don't load the page and then make a dozen ajax calls for content.
• Don't use assets from third parties.
• Don't rely on cookies.
• Don't try to figure out my location.
• Don't try to track every mouse click, scroll or movement.
• Don't have long timeouts.
• Don't cheap on hosting.
• Don't forget to test usability under load.
• Don't forget to test usability across multiple browsers/os.
• Don't forget to enable TLS.
• Don't include 20 different user tracking scripts.

https://whatdoesmysitecost.com/