Développeur FullStack & Devops

Notes et mémos techniques

Performances web

Vaste sujet, l’amélioration des performances web permet aux acteurs du web de se distinguer de leurs concurrents et d’améliorer le confort de navigation de leurs utilisateurs.
La difficulté coté Front-End les mesures sont confrontés aux aléas de l’infrastructure et ressources.

Pondération

D’après le document de Lighthouse 🚨 expliquant le fonctionnement de son scoring, les métriques mesurées sont pondérés comme suit (du plus important au moins important):

Outils online

Google

Google nous préconise un ensemble d’outils indispensables pour mesurer les Core Web Vitals qui sont les mesures vitales des performances de nos sites et nous explique comment interpréter les résultats (pdf) :

Tiers

Il est possible d'utiliser les Navigation Timing API et Resource Timing API de Playwright (également de Pupeteer) (examples de code](https://www.checklyhq.com/learn/headless/basics-performance/))

Screenshots

WebPageTest

WebPageTest

webpagetest.org pour blog.behrouze.com

PageSpeed Insights

PageSpeed Insights

Pagespeed Insight sur pour blog.behrouze.com

requêtes SQL de CrUX (Chrome User Experience)

Il est également possible d'exécuter des requêtes SQL dans Google BigQuery lorsque notre site génère suffisamment de traffic :

requêtes SQL dans Google BigQuery

Liens

performance
nginx
rédigé le 02/11/19 par Behrouze
A proposCheat SheetsOutilsVidéos