📣 New version Perfetto v52.0 github.com/google/perfe... #WebPerf #PerfTools

Do you have a website with international visitors? Check the Time to First Byte (TTFB) from different locations, and create a plan to improve it if your visitors are having a bad experience. Start testing today, links in the first comment. #WebPerf #PerfTools #Performance #TTFB

🔍 Found in a recent web performance audit: favicon.ico → 301 redirect → broken URL → returns 13 MB uncompressed HTML ⚠️ Even tiny assets can slow your site if misconfigured. Check static files (favicon, images, CSS, JS) — small issues add up #WebPerf #WebPerformance #Frontend #DevTips

In a Web Performance book, when technical references are made, which would you prefer? 1️⃣ Link to external refs, keeping reading high-level 2️⃣ Go into detail with the tech explanation 3️⃣ Both, deep dive in a distinct visual format so it can be skipped if desired e.g.: Avoid long tasks in JavaScript

📉 E-commerce site with LCP > 6s, INP > 2800ms, CLS > 1.1 Broken UX = lost sales. 💡 Performance isn’t just for devs. It’s key to convert, retain, and grow. Is your site fast enough to keep up with your customers? #WebPerf #UX #CRO #eCommerce

Same code, same infrastructure, different context. Web performance is sometimes an ‘us thing’ and sometimes a ‘them thing’. For better or worse, we have a responsibility to cater to both.

This is me a couple of days before the first release of PostCSS. From my new article about the history of PostCSS and the lessons I learned from it (for example, how to break an API when you have 400M downloads per month). evilmartians.com/chronicles/w...

I’m currently conducting a Web Perf Review for a client, and it’s the perfect excuse to revisit @kurtextrem.de’s brilliant article “How To Improve INP: Yield Patterns.” Hands down, one of the best reads out there if you want to truly understand and apply this pattern #WebPerf #INP #CoreWebVitals

Thanks for all the performance tips & knowledge you shared with us @perf.reviews. Great storytelling & rhythm, hidden gems, and very concrete materials. @backmarketeng.bsky.social folks were captivated, and locked on the leads you provided. Highly recommended!

This week, we had the great opportunity to deliver the Web Performance Workshop to the amazing tech team at Back Market It was two days of sharing knowledge, answering questions, and identifying areas for improvement. #WebPerf #WebPerfTraining #PerfReviews

#WebPerfTip RUM's web performance tools help us identify performance issues; please use IDs on the most important elements (elements that can potentially affect the UX) to assist us in debugging web performance #WebPerf #Performance #WebPerfTools

Fascinating deep dive by @iamtk.bsky.social on tracking down an LCP issue: www.iamtk.co/optimizing-n... It’s a lot of work for what some might see as a small gain, but uncovered (and fixed!) real issues that might otherwise have gone unnoticed.

Reduced style recalculations to improve Interaction to Next Paint (INP). Avoiding unnecessary recalculations made the interface more responsive. Small fixes like this directly impact perceived speed and UX. #WebPerf #React #INP #PerformanceMatters #ReactOptimization #UX

#WebPerfTip If you use "rel=dns-prefetch" to support older browsers, use separate link tags to safely implement the fallback. ⚠️ Putting "dns-prefetch" and "preconnect" in the same <link> causes a Safari bug where "preconnect" gets cancelled. #WebPerf

We created this starter pack of Performance Heroes, featuring #webperf luminaries like @anniesullie.com, @guaca.bsky.social, @infrequently.org, @sia.codes, @paulcalvano.bsky.social, @patmeenan.com and @sergeyche.dev! We'll be adding to it each month. Stay tuned! go.bsky.app/FTbRtFk

I just tested it; Firefox Nightly now supports the INP metric 🤩 #WebPerf #CoreWebVitals #Firefox

🎬 Video editing time... I find it hard to speak to the camera; I prefer to talk in front of hundreds of people, like at a conference, but I know that video content reaches more people, so let's go for it.

Comparing Video Encoders giannirosato.com/blog/post/co... #Video #VideoPerf

We love that our friends at Adevinta (hi @nucliweb.net!) use #webperf budgets to track TTFB and get alerts on redirect times! How you can do the same: Diagnose TTFB: www.speedcurve.com/web-performa... Guide to performance budgets: www.speedcurve.com/web-performa... #ux #sitespeed #pagespeed

So many good #webperf improvements in Chrome 134 DevTools: - Calibrated CPU throttling - field date in perf trace - third-party highlighting and dimming - forced reflow insight - DOM size insight - Lighter console.timestamps for Extensibility API Rolling out from today!!!

High-Performance Browser Networking What Every Web Developer Should Know About Networking and Browser Performance 📗 Free Book (online version) #WebPerf #Performance #Networking

How Preply improved INP on a Next.js application (without React Server Components and App Router) medium.com/preply-engin... #WebPerf #INP #SEO #WPO

🤩 New in Google Chrome Version 135 (Canary) Now, we can calibrate our computer to emulate low-tier and mid-tier mobile phones in CPU throttling This great feature helps us improve the web performance by emulating more accurately Thank you, DevTools Team #WebPerf #PerfTools #DevTools #Performance

Avoid marking too many requests as high priority - "If all resources are a priority, none is a priority" Selectively use the fetchpriority="high" attribute to prioritize only the most important resources, for example, the LCP image. #WebPerf #Performance #PerfTools #PerfTips

CSS is render- but not parser-blocking. This means that while a browser is fetching CSS, it is permitted to continue parsing the rest of your HTML but not render it. HOWEVER! If you’re not careful, you can inadvertently end up in parser-blocking territory.

Good post from @macarthur.me on the various ways to break up long tasks. macarthur.me/posts/long-t... I especially like nice summary at the bottom:

We wrote a guide on how to fix INP issues on your website! Use real user monitoring data to identify slow pages, UI elements with poor INP, and specific scripts that slow down your website.

I absolutely loved preparing and presenting this talk. Would love folks’ feedback!

📣 I'm so excited to announce a new meetup I started! PerformanceObserver is a virtual meetup for the frontend web performance community! The first event will be announced shortly. You can join the newsletter to make sure you don't miss an event. #webperf performanceobserver.dev

We are proud to be part of one of the agencies recommended by such a reference in the Web Performance community as @mattzeunert.com from @debugbear.com www.debugbear.com/web-performa... #WebPerf #CoreWebVitals #Performance #WPO #WebPerfConsulting #pagespeed #CWV

Just launched the Media chapter of the 2024 Web Almanac written by @stefanjudis.com and @ericportis.com almanac.httparchive.org/en/2024/media Check it out to see the state of images and video on the web today!!

¿Conoces Chrome Platform Status? Nos permite ver las funcionalidades de las siguientes versiones de Chrome, las que sufrirán algún cambio o las que pasan a un estado "Deprecated". chromestatus.com/roadmap

📺 Why is web.dev LCP so bad?! www.youtube.com/watch?v=WJHz...

¿Cuál cree que es la causa? #WebPerf #PerfReviews #PerfChallenge

Here's my idea for Vital Score: • shows % of traffic passing CWVs • no weights, shows the progress, easy to compare, evolves CWV assessment • formula: (LCP+CLS+INP+ min(LCP, CLS, INP)) / 4 What do you think? #webperf Thx @timvereecke.bsky.social for min() trick and @csswizardry.com for CrRRUX

Ya tenemos web candidata para la próxima Performance Review en nuestro canal de YouTube 📺 youtube.com/@perf.reviews #WebPerf #PerfReview

Os vais a perder la sesión de @nucliweb.net sobre Speculation Api el próximo día 2 de diciembre??? Nos vemos allí!!! www.meetup.com/barcelona-we...

🚀 Masterclass: Core Web Vitals que convierten - Optimización avanzada de LCP (<2.5s) - Técnicas para CLS perfecto (<0.1) - Mejora del INP (<200ms) - Casos prácticos con React, Vue y Vanilla JS 🗓️ 29 o 30 Noviembre ℹ️ nucliweb.net/workshops/co... #WebPerf #WebPerformance #CoreWebVitals

Vuelven las ⚡️ Web Performance Reviews a nuestro canal de YouTube 📺 Analizaremos webs en busca de mejoras en el rendimiento Si quieres que analicemos alguna web en concreto, deja un comentario Suscríbete + 🔔 para recibir la notificación cuando publiquemos youtube.com/@perf.reviews #WebPerf

A side- effect of #speculationrules is that CrUX shows a degradation in TTFB. Reason? CrUX unfortunately excludes TTFB from pre-rendered pages (subsequent navigations). As a result, the CrUX dataset for TTFB contains a relatively larger amount of slower landing pages. #webperf

What tools do you use to attribute #webperf metrics to business ones? Do these tools work in China? An agency partner recently asked - “is there was a way to track potential traffic lost on a website to build a case for improvements in markets with less visibility?” Curious what you lot share.

Would you want core web vitals In Safari? Can you help me understand how you would use them and why numbers in one browser isn’t enough? (These may sound like silly questions, but I’d love to understand *your* specific context and use cases)

I’m conducting a Web Performance training. Today, I explained how the Speculation Rules API works, and they were amazed! 🤯 developer.chrome.com/docs/web-pla... #WebPerf #Performance

Last week I gave a talk at the #PerfNow conference titled “Performance Mistakes”. I started off explaining a bit about Etsy’s blameless culture, and how it’s ok to make mistakes. Then I shared 17 common #webperf mistakes using @httparchive.org data, with examples. www.slideshare.net/slideshow/pe...

Always working and learning, at @perfnow.bsky.social 😊 Photo by bsky.app/profile/gokb... #perfnow

In Barcelona after 2 days at #perfnow, great talks, amazing speakers and MCs, and awesome Web Performance Community 🥰

In Barcelona after 2 days at #perfnow, great talks, amazing speakers and MCs, and awesome Web Performance Community 🥰

We are in the Performance Help Desk at #perfnow 😊

Took 2 mins at #PerfNow to talk about the RUM Community Group in W3C for anyone doing RUM. It's free and easy to join if you're interested! www.w3.org/community/ru...

📝 Put your pencils down—now you can annotate traces directly in the performance panel! + Label time ranges + Label individual entries + Connect entries together Alina Varkki walks you through all of the new features in today's blog post 👇 developer.chrome.com/blog/devtool...