#webvitals

WebPerf Snippets A curated list of snippets to get Web Performance metrics to use in the browser console or as snippets on Chrome DevTools by Joan León

1 month ago

#Development #Collections
WebPerf Snippets · Performance profiling directly in the DevTools console ilo.im/169jrs by Joan León

_____
#Measuring #Debugging #Network #Browser #DevTools #WebVitals #WebPerf #WebDev #Frontend #JavaScript

1 0 0 0

Practical guide to the <img> element: from the basics to LCP | Joan León The <img> element has attributes that make a real difference in performance: loading, decoding, fetchpriority, srcset and sizes. A practical guide to using them well.

1 month ago

#Development #Guides
Modern guide to the ‘image’ element · From the basics to LCP optimization ilo.im/16au5g by Joan León

_____
#Images #ImageFormats #Browsers #WebVitals #LCP #CDN #WebPerf #WebDev #Frontend #HTML

1 0 0 0

How Web Performance Impacts User Experience | DebugBear Learn how website speed impacts user experience and how you can measure performance and business outcomes.

2 months ago

How Web Performance Impacts User Experience, by @debugbear.com:

www.debugbear.com/blog/web-performance-use...

#performance #ux #webvitals #metrics

1 1 0 0

Improving LCP for Video Hero Components A hero video component is a popular request/demand. Unfortunately for our users, videos take longer than images to download, and cannot be preloaded like images can. But when the boss says "video", what...

2 months ago

#Development #Techniques
Improving LCP for hero videos · Let users see something while the video loads ilo.im/169n0w by Aaron T. Grogg

_____
#Hero #Video #WebVitals #LCP #WebPerf #WebDev #Frontend #HTML #CSS #JavaScript

2 0 0 0

Kris 👨🏼‍💻 TS, JS, Vue.js & Nuxt Front-End Engineer (SaaS)

@komdigital.bsky.social

2 months ago

I do a lot of Web vitals work... and I get the same questions constantly. Local vs. web, why fast 3G/slow 4G?

This is a good article.

#google #webvitals #lighthouse #pagespeed

1 0 0 0

Optimizing for 75% is fine. Optimizing for 90% is where it gets interesting Why optimizing on p75 is a starting point. Optimizing for p90 should be our common goal. What is a percentile? The 75th percentile (p75) means 75% of users had an experience that was equal to or better than that value, and 25% were worse. If you work with Core Web Vitals, you live in the 75th perc

3 months ago

Optimizing for 75% Is Fine—Optimizing for 90% Is Where It Gets Interesting, by @jordyscholing.bsky.social (@perfplanet.bsky.social):

calendar.perfplanet.com/2025/optimizing-for-75-i...

#performance #webvitals #optimization

1 0 0 0

Optimizing CLS for Infinite Scroll and Load More Even though Cumulative Layout Shift (CLS) has been a well-known metric for about five years now, I still frequently encounter negative scores on major websites during my web performance audits. The most frequent causes of CLS I encounter fall into two categories: Promotional banners at the top

3 months ago

Optimizing CLS for Infinite Scroll and Load More, by @verlok.bsky.social (@perfplanet.bsky.social):

calendar.perfplanet.com/2025/optimizing-cls-for-...

#performance #webvitals #scrolling #optimization

1 0 0 0

Optimizing for 75% is fine. Optimizing for 90% is where it gets interesting Why optimizing on p75 is a starting point. Optimizing for p90 should be our common goal. What is a percentile? The 75th percentile (p75) means 75% of users had an experience that was equal to or better...

3 months ago

#Development #Approaches
Optimizing for 75% is fine · ”Optimizing for 90% is where it gets interesting.” ilo.im/169d69 by Jordy Scholing

_____
#Business #Metrics #KPI #WebVitals #RUM #SEO #Conversion #WebPerf #WebDev #Frontend

2 1 0 0

React 19.2. Further Advances INP Optimization Last year, in the article “5 tips to effectively optimize INP in React,” we focused on what developers often underestimate when optimizing React. React is not automatically fast, and long JavaScript tasks can arise from perfectly common constructs. A larger DOM and more components mean more work du

3 months ago

React 19.2: Further Advances INP Optimization, by @perfplanet.bsky.social:

calendar.perfplanet.com/2025/react-19-2-further-...

#react #webvitals #performance #optimization

0 0 0 0

The Anatomy of LCP - A Deep Dive into Sub-Parts Optimizing LCP (Largest Contentful Paint) is not just reducing the file size of your images, there's a lot more that goes into optimizing the loading strategy - and you can only grasp where the bottleneck is if you understand the sub-parts that make LCP. LCP is one of the Core Web Vitals metrics th

3 months ago

The Anatomy of LCP—a Deep Dive Into Sub-Parts, by @perfplanet.bsky.social:

calendar.perfplanet.com/2025/the-anatomy-of-lcp-...

#deepdives #performance #webvitals #tooling

0 0 0 0

Firefox And Safari Now Support Two Core Web Vitals Metrics | DebugBear Firefox and Safari now support LCP and INP Core Web Vitals metrics, providing new insight into real visitor experience.

3 months ago

#Development #Releases
Wider support for Core Web Vitals · Firefox and Safari now support LCP and INP metrics ilo.im/1696in by Matt Zeunert

_____
#Metrics #WebVitals #LCP #INP #Firefox #Safari #Browser #WebPerf #WebDev #Frontend

2 0 0 0

The Anatomy of a Web Performance Report A high-level view of performance reporting In the performance community, we spend a lot of time talking about tools, metrics, budgets, thresholds, regressions, and dashboards. But at the end of the day, the real challenge is not collecting data, it is making sense of it. A great report does not o

3 months ago

The Anatomy of a Web Performance Report, by @webperfreport.bsky.social:

calendar.perfplanet.com/2025/the-anatomy-of-a-we...

#performance #documentation #webvitals #lighthouse

1 0 1 0

v1v3k

@vivek-a.bsky.social

3 months ago

core web vitals

#webvitals
#chrome
#google

0 0 0 0

Web Performance 2025: The Shift from Optimization to Prediction To build instantly loading websites was always my goal. For years, however, this remained an aspirational target rather than a technical reality for the open web. We spent a decade optimizing critical...

4 months ago

#Development #Approaches
Web performance 2025 · “We can finally get as close as possible to instant loading pages.” ilo.im/168zet by Fabian Krumbholz

_____
#Metrics #WebVitals #RUM #InstantLoading #Prerendering #CompressionDictionary #Browser #WebPerf #WebDev #Frontend

0 0 0 0

2025 In Review: What’s New In Web Performance? | DebugBear Find out how web performance changed in 2025, and what changes are coming up in the future.

4 months ago

2025 in Review: What’s New in Web Performance?, by @debugbear.com:

https://www.debugbear.com/blog/2025-in-web-performance

#performance #webvitals #lighthouse #apis #speculation

0 0 0 0

2025 In Review: What’s New In Web Performance? | DebugBear Find out how web performance changed in 2025, and what changes are coming up in the future.

4 months ago

#Development #Overviews
New in web performance 2025 · What changed this year and what to expect next ilo.im/168xsd by Matt Zeunert

_____
#Metrics #WebVitals #Lighthouse #AI #DevTools #Browser #WebPerf #DevOps #WebDev #Frontend

3 0 0 0

The Drop Times

@thedroptimes.bsky.social

4 months ago

Specbee Shares 8 Drupal Image Optimization Techniques to Boost Core Web Vitals Images can silently hurt your Drupal site’s performance—but Specbee’s latest guide by Ravikant shows how to fix that with eight practical image optimisation techniques. From built-in image styles and WebP support to responsive strategies, caching, an...

📸 Speed up your Drupal site without sacrificing image quality.

Specbee @specbee-drupal.bsky.social outlines 8 smart image optimization steps—from WebP conversion to CDN caching.

A solid Core Web Vitals upgrade path.
https://bit.ly/4ii8MGv

#Drupal #Performance #WebVitals #ImageOptimization

1 0 0 0

Codeminer42

@codeminer42.bsky.social

6 months ago

New post in our blog! ⚙️

Dive into the significance of Web Vitals and explore cutting-edge deployment tools as part of our trainee series.

Link to the full post in the first comment 👇

#Codeminer42 #Blog #TheMinersGuideToCodeCrafting #WebVitals

0 0 1 0

How fast do websites load from Google Search? Comparing various prefetching and on-demand load methods. Optimizing page load performance for Google-referred users with Signed Exchanges (part 8 of 10)

6 months ago

How Fast Do Websites Load From Google Search? Comparing Various Prefetching and On-Demand Load Methods, by @pawelpokrywka@ruby.social:

www.pawelpokrywka.com/p/google-prefetching-met...

#performance #google #webvitals #signedexchanges

0 0 0 0

Should you preload fonts for performance? Preloading fonts can speed up or slow down your site. Learn how it affects FCP/LCP, how Chrome handles preloads, and when to use them for better performance.

6 months ago

#Development #Guidelines
Preloading fonts for performance? · When preloading helps, and when it hurts ilo.im/166oxo by Erwin Hofman

_____
#Preloading #Fonts #WebPerf #WebVitals #FCP #Browser #WebDev #Frontend

0 0 0 0

reshepe.dev

@reshepe.bsky.social

7 months ago

🚨 Myth: Website speed is only for tech giants. The truth? All biz need to make site speed a priority. Slow load times = lost sales no matter your industry. 🔍 Metrics uncover what's slowing you down so you can fix it. URL: reshepe.dev #WebsiteSpeed #SiteOptimization #WebVitals #TestLearn

🚨 Myth: Website speed is only for tech giants.

The truth? All biz need to make site speed a priority. Slow load times = lost sales no matter your industry. 🔍 Metrics uncover what's slowing you down so you can fix it.

URL: reshepe.dev

#WebsiteSpeed #SiteOptimization #WebVitals #TestLearn

0 0 0 0

Ben Mirkhah

@benmirkhah.bsky.social

7 months ago

PageSpeed Insights

@developer.chrome.com
@developers.google.com

Hey Google I aced your Lighthouse benchmark, what do I win? :)

#WebDev #WebVitals #WebPerformance #PageLoad #TTFB #PageSpeed #FastPage #SEO #Cloudfront #AWS #S3 #VanillaJS #Minify #DevTools #GoogleLighthouse

pagespeed.web.dev/analysis/htt...

2 0 1 0

7 months ago

Web Vital API Dmitrii , an experienced front-end engineer, discusses Core Web Vitals, explaining their importance for web improvement, search rankings, and user engagement...

Web Vital API, by @thisislearning@hachyderm.io:

https://www.youtube.com/watch?v=3Q9Quz8IZoU

#videos #performance #webvitals #apis

0 0 0 0

reshepe.dev

@reshepe.bsky.social

8 months ago

🔥 Reshepe.dev: Measure, analyze, discuss, and improve your website's performance. • Track web vitals • Dive into user experience • Plan site improvements • Implement upgrades #WebOptimization #WebDev #WebVitals

🔥 Reshepe.dev: Measure, analyze, discuss, and improve your website's performance.

• Track web vitals
• Dive into user experience
• Plan site improvements
• Implement upgrades

#WebOptimization #WebDev #WebVitals

0 0 0 0

Jorge Lison

@jorgelison.bsky.social

8 months ago

I donno if y'all know this, but Cloudflare can instantly optimize your images for SEO & Core Web Vitals...

JUST by tweaking the URL

✅ Right format/size
✅ Free or super cheap
✅ 2-minute setup

No more excuses for bad SEO.
Let me show you how 👇

#buildinpublic #seo #webdev #webperf #webvitals

5 1 1 0