Une analyse détaillée de votre connexion Internet, utile pour détecter une coupure ou une baisse de débit du réseau
The Utilization Saturation and Errors (USE) Method is a methodology for analyzing the performance of any system. It directs the construction of a checklist, which for server analysis can be used for quickly identifying resource bottlenecks or errors. It begins by posing questions, and then seeks answers, instead of beginning with given metrics (partial answers) and trying to work backwards.
The USE Method can be summarized as:
For every resource, check utilization, saturation, and errors.
On the same website:
Avec ce tutoriel vous verez comment rendre votre site web plus rapide : de l’optimisation des requêtes, à l’affichage de la page, en passant par la génération des pages web et l’affichage correct des pages sur tous les terminaux.
PRPL is a pattern for structuring and serving Progressive Web Apps (PWAs), with an emphasis on the performance of app delivery and launch. It stands for:
- Push critical resources for the initial URL route.
- Render initial route.
- Pre-cache remaining routes.
- Lazy-load and create remaining routes on demand.
Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, and more.
You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module.
Source code of the rules used
- Qualité Web
- Rendu sur mobile
Amazing svg-based rendering examples
With examples for React & VueJS, applications to responsive design, page transitions, image compression
It's working in all modern browsers including IE7+.
Used by shaarli
A waterfall diagram, such as those produced by WebPageTest, is a powerful indicator of optimization opportunities. Do you know how to read them?
gmetais/grunt-devperf - keep an eye on performance metrics and get warnings for things you should optimize
grunt-devperf - Helps front-end developers to reach a good quality and good performances, based on phantomas and grunt-phantomas
Run a free website speed test from around the globe using real browsers at consumer connection speeds with detailed optimization recommendations.
critical - Extract & Inline Critical-path CSS in HTML pages
perfmap - Front-end performance heatmap bookmarklet.
Free online web performance tool. Audit your webpage for performance and front-end quality issues. And it's open-source!
GTmetrix is a free tool that analyzes your page's speed performance. Using Page Speed and YSlow, GTmetrix generates scores for your pages and offers actionable recommendations on how to fix them.
Sitespeed.io is an open source tool that helps you analyze and optimize your website speed and performance, based on performance best practices. Run it locally or use it in your continous integration. Download or fork it on Github!