front-end-performance-checklist
github.com/thedaviddias/front-end-performance-checklist ↗🎮 The only Front-End Performance Checklist that runs faster than the others
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me wordpress resources from front-end-performance-checklist"
Installation instructions →What's inside
Server
- 10 Tips to Optimize CDN Performance - CDN Planet
CDN Planet
- Average Page Load Times for 2018 - How does yours compare? - MachMetrics Speed Blog
How does yours compare? - MachMetrics Speed Blog
- Browser Cookie Limits
- Can I use... Brotli
- Compare your mobile site speed
- Cookies
JavaScript
- 11 Tips to Optimize JavaScript and Improve Website Loading Speeds
- 30 Tips To Improve Javascript Performance
- ai/size-limit: Prevent JS libraries bloat. If you accidentally add a massive dependency, Size Limit will throw an error.
- Chapter 22 - Profiling the Frontend - Blackfire
Profiling the Frontend - Blackfire
- How does a service worker work? - YouTube
YouTube
- How to Record Heap Snapshots | Tools for Web Developers | Google Developers
Performances and CMS
- 19 Tips to Speed Up WordPress Performance (Updated)WordPress
- Caching Plugin for WordPress - Speed up your website with WP RocketWordPress
Speed up your website with WP Rocket
- Imagify Image Optimizer | WordPress.orgWordPress
- Speed Up Your WordPress - How to Save Images Optimized for WebWordPress
How to Save Images Optimized for Web
- Test Your Website Speed | WordPress Hosting by @WPEngineWordPress
- WP-Sweep | WordPress.orgWordPress
Images
- 5 Brilliant Ways to Lazy Load Images For Faster Page Loads - Dynamic Drive Blog
Dynamic Drive Blog
- 8-bit vs 16-bit - What Color Depth You Should Use And Why It Matters - DIY Photography
What Color Depth You Should Use And Why It Matters - DIY Photography
- A closer look at Base64 image performance – The Page Not Found Blog
- aFarkas/lazysizes: GitHub
- Base64 Encoding & Performance, Part 1 and 2 by Harry Roberts
- Cloudinary - Image Analysis Tool
Image Analysis Tool
Fonts
How to use?
- AddyOsmani.com - Start Performance BudgetingReferences
Start Performance Budgeting
- CalibrePerformance tools
- Checkbot browser extension - Checks for web performance best practicesPerformance tools
Checks for web performance best practices
- Checkbot - Web Speed Best PracticesReferences
Web Speed Best Practices
- Dareboost: Website Speed Test and Website AnalysisPerformance tools
- DebugBear - Monitor website performance and Lighthouse scoresPerformance tools
Monitor website performance and Lighthouse scores
Performances and JS Frameworks
- Angular Performance ChecklistAngular
- Build Performant - ReactReact
React
- Debugging React performance with React 16 and Chrome Devtools.React
- Optimizing Performance - ReactReact
React
- React image manipulation | CloudinaryReact
- Vue - Useful Links|Style Guide and PerformanceVue
Useful Links|Style Guide and Performance
Showing a sample of 165 resources. View the full list on GitHub →