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/