Table des matières
Articles
- Performance-Optimized Video Embeds with Zero JavaScript
- Improving SVG Runtime Performance
- Optimize Cumulative Layout Shift - web.dev
- Is it time for a Web Performance rebrand? - Simon Hearne
- Prioritizing users in a crisis: Building the California COVID-19 response site
- User-centric performance metrics - web.dev
- Testing Behind Consent - Simon Hearne
- Everything You Have to Know About Core Web Vitals - Calibre
- [Loading web pages fast on a $20 feature phone - Addy Osmani](<https://dev.to/addyosmani/loading-web-pages-fast-on-a-20-feature-phone-8h6)
- Visualising Front-End Performance Bottlenecks - Richie McColl
- Let’s talk about TTFB, CrUX, and CMS + Hosting performance
- How to Add Web Vitals to Google Analytics and Reveal a New Search Ranking Signal - Noise to Signal
- Is WebP really better than JPEG?
- We need more inclusive web performance metrics - Filament Group
- Why you should be testing your 404 pages web performance
- Quel type de contenu intégré sur une page ralentit le plus son chargement ?
- How to Improve Largest Contentful Paint (LCP) and SEO
- Strengthening the Link Between Site Speed and Business Outcomes
- Cumulative Layout Shift in Practice
- The Core Web Vitals hype train
- Testing priority hints with WebPageTest
- Ecommerce Core Web Vitals Study
- Cumulative Layout Shift Study of Over 1 Million Websites
- Measuring Web Performance in 2021: The Definitive Guide
- Optimizing Web Vitals using Lighthouse
Ressources
- https://boris.schapira.dev/assets/images/2020-06-04/synthese.png
- https://github.com/addyosmani/puppeteer-webperf#largest-contentful-paint
- https://sites.google.com/a/webpagetest.org/docs/using-webpagetest/scripting
- https://blog.bitsrc.io/performance-analysis-tools-for-front-end-development-a7b3c1488876?gi=3ea70890bef2
- https://almanac.httparchive.org/en/2020/
- https://www.voorhoede.nl/en/blog/building-a-client-side-proxy/
- https://web.dev/bfcache/
Measure
- https://web.dev/chrome-ux-report-data-studio-dashboard/
- https://css-tricks.com/recipes-for-performance-testing-single-page-applications-in-webpagetest
- https://dev.to/victormagarlamov/performance-measuring-12nj
- https://web.dev/chrome-ux-report-api/
- https://nextjs.org/docs/advanced-features/measuring-performance
Tools
- Perf Track
- Netlify-minutes
- Security Headers
- https://tools.keycdn.com/curl
- Crux Run
- Glyphhanger
- Fastorslow
- Crux benchmarking
- Speedlab
- PageSpeed Compare
- Google Lighthouse Budget Generator
- EStimator
- Layout Shift GIF Generator
- Pagespeed Compare
- Lighthouse Parade
- GreenIT-Analysis
- Site Speed
- Free Google Page Experience Checker - Cloudways
- Lighthouse Metrics
Github
- https://github.com/pocketjoso/specificity-graph
- https://github.com/patrickhulce/third-party-web
- https://github.com/dwisiswant0/findom-xss
- https://github.com/remorses/actions-cli
- https://github.com/mandatoryprogrammer/CursedChrome
- https://github.com/Zizzamia/perfume.js
- https://github.com/GoogleChrome/web-vitals/
- https://github.com/WPTbot/WPTbot
- https://github.com/tsenart/vegeta
- https://github.com/treosh/web-vitals-reporter
- https://github.com/philhawksworth/virtual-lolly/blob/master/plugins/track-latest/index.js
- https://lightest.app/c/moDs01S3Ng