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
Checklists pour:
- Qualité Web
- Rendu sur mobile
- SEO
- Performances
- Eco-conception
Amazing svg-based rendering examples
using: https://greensock.com/timelinemax
With examples for React & VueJS, applications to responsive design, page transitions, image compression
<g fill="currentColor">
boomerang is a piece of javascript that you add to your web pages, where it measures the performance of your website from your end user's point of view. It has the ability to send this data back to your server for further analysis. With boomerang, you find out exactly how fast your users think your site is.
bLazy is a lightweight script for lazy loading and multi-serving images, iframes, videos and more (less than 1.4KB minified and gzipped). It’s written in pure JavaScript why it doesn’t depend on 3rd-party libraries such as jQuery. It lets you lazy load and multi-serve your images so you can save bandwidth and server requests. The user will have faster load times and save data usage if he/she doesn't browse the whole page.
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?
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.
An introduction to JavaScript profiling with Yellow Lab Tools
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!