En mars 2024, les #CoreWebVitals évoluent. L'Interaction to Next Paint (#INP), remplace le First Input Delay (FID) comme mesure de l'interactivité.
Depuis juillet 2023, #Contentsquare supporte l'INP, ce qui vous permet non seulement de suivre l’INP au niveau du site et de pages ciblées, mais aussi d'analyser l'impact de l'INP sur les indicateurs business tels que les taux de rebond, de conversion et les revenus.
#CoreWebVitals #INP #contentsquare #WebPerformance #analytics #ux #morehumananalytics #dxa
#WebPerformance folks, what are the most reliable tools these days? I have been playing around with sitespeed.io on the command line and it looks really useful. Of course, I also use Webpagetest and Lighthouse inside Chrome. Anything else?
Are there even cases were #CSS implementations of a #JavaScript :javascript: behavior where CSS performs worse than JS?
"A case study on scroll-driven animations performance"
➡️ https://developer.chrome.com/blog/scroll-animation-performance-case-study/
#css #JavaScript #Frontend #WebPerformance #webdevelopment
"How Back/forward Cache Helped Yahoo! JAPAN News Increase Revenue by 9% on Mobile"
🆕 FE Coffee Break
In this episode Chucho and I have invited our colleague Ines Akrap, Senior Web Performance Engineer, for insights into Core Web Vitals in 2023.
Listen or watch:
#podcast #Frontend #WebPerformance
> Avoid long main-thread tasks
> 2 long task(s) found:
>
> 1. rendering the html of the page
> 2. rendering the html of the page [listed twice for some reason?]
I'm so sorry i've inconvenienced your web browser by sending it some html to render, how rude of me.
The Interaction to Next Paint (INP) metric is explained further here: https://web.dev/inp-cwv/
#WebPerformance #webperf #web #dev #CWV #fid #INP
INP replaces FID as a core web vital! 🔔
https://developers.google.com/search/blog/2023/05/introducing-inp
#web #performance #WebPerformance #webperf #dev
"How to optimize web responsiveness with Interaction to Next Paint"
➡️ https://www.youtube.com/watch?v=KZ1kxzsJZ5g
#WebPerformance #Frontend #JavaScript :javascript: #WebDevelopment
#WebPerformance #Frontend #JavaScript #webdevelopment
These reads are always interesting 👇
"300ms Faster: Reducing Wikipedia's Total Blocking Time"
"How two simple steps improved the responsiveness of Wikipedia's mobile site"
➡️ https://www.nray.dev/blog/300ms-faster-reducing-wikipedias-total-blocking-time/
This is so insanely good. Custom fallback fonts to reduce #cls!
#cls #webperf #WebPerformance #web #dev #performance #css
An #introduction, since I switched servers!
I'm Allie (they/them), a mostly-frontend software engineer and #fiberArts enthusiast.
At my day job I currently focus on #DesignSystems, but I've built all kinds of #frontend infrastructure. I'm particularly proud of building SSR support for Etsy.com (https://www.etsy.com/codeascraft/mobius-adopting-jsx-while-prioritizing-user-experience). I care a lot about #WebPerformance and #Accessibility. While I'm always curious about new fun tech, I think it's more important to make software that's usable and useful.
#introduction #fiberarts #DesignSystems #frontend #WebPerformance #accessibility
If you want to know like *everything* about image optimization, head right here: https://calibreapp.com/blog/image-optimisation-guide
The slowest asset on the https://motherfuckingwebsite.com is the Google Analytics tracking script.
How ironic.
"Our top Core Web Vitals recommendations for 2023"
"A collection of best practices for optimizing websites' Core Web Vitals performance based on the state of the web in 2023"
"Prerender pages in Chrome for instant page navigations"
"Optimising Largest Contentful Paint | Harry Roberts | performance.now() 2022"
#WebPerformance #Frontend #webdevelopment