#webvitals — Public Fediverse posts

Headless WordPress With Astro: Achieving Perfect “100” Core Web Vitals, by (not on Mastodon or Bluesky):

https://awplife.com/headless-wordpress-with-astro-perfect-core-web-vitals/?ref=frontenddogma.com

#wordpress #headless #astro #webvitals #performance

#Development #Guides
Reading a performance profile · An interactive guide to Chrome DevTools’ Performance panel https://ilo.im/16esrh

_____
#Chrome #DevTools #Network #WebVitals #LCP #CLS #INP #WebPerf #WebDev #Frontend

New Research: The Core Web Vitals Thresholds You Trust Might Be Wrong for Your Site, by @tammy:

https://embrace.io/blog/research-core-web-vitals/?ref=frontenddogma.com

#webvitals #google #performance #metrics

#Development #Findings
New Core Web Vitals research · “Good” for Google may not be good enough for your site https://ilo.im/16eqer

_____
#Business #Metrics #Google #WebVitals #LCP #RUM #Website #WebPerf #WebDev #Frontend

Image Optimization for Core Web Vitals in 2026: What Actually Moves the Needle, by (not on Mastodon or Bluesky):

https://www.sitepoint.com/image-optimization-for-core-web-vitals-in-2026-what-actually-moves-the-needle/?ref=frontenddogma.com

#images #optimization #performance #webvitals #avif #webp #jpegxl #png

A browser extension that shows a rating of how annoying a service is. It’s like lighthouse but for things that people actually do give a damn about:

• Time to First Interruption (TFI)
• Modal Per Click (MPC)
• Ad Density Percentage (ADP)
• Content-to-Crap Ratio (CCR)
• Dark Pattern Score (DPS)
• Exit Complexity Score (ECS)
• Autoplay Count (ACN)
• Notification Beg Score (NBS)

#Lighthouse #BrowserExtension #Chrome #FireFox #WebVitals #Startup #Idea

#Development #Pitfalls
CSS ‘font-family’ fallbacks can trick you · Prevent visual glitches with complete font stacks https://ilo.im/16c2pg

_____
#CSS #Fonts #Fallbacks #LayoutShifts #CLS #WebVitals #Metrics #WebPerf #WebDev #Frontend

#Development #Collections
WebPerf Snippets · Performance profiling directly in the DevTools console https://ilo.im/169jrs

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

#Development #Guides
Modern guide to the ‘image’ element · From the basics to LCP optimization https://ilo.im/16au5g

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

Measuring SVG Rendering Time, by @stoyan:

https://www.phpied.com/measuring-svg-rendering-time/

#svg #png #images #rendering #performance #webvitals #metrics

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

https://www.debugbear.com/blog/web-performance-user-experience

#performance #ux #webvitals #metrics

#Development #Techniques
Improving LCP for hero videos · Let users see something while the video loads https://ilo.im/169n0w

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

Performance, by @25prathamesh.bsky.social and @aarontgrogg.com and others (@httparchive.org):

https://almanac.httparchive.org/en/2025/performance

#webalmanac #studies #research #metrics #performance #webvitals #hints #speculation

Ecommerce, by @httparchive.org:

https://almanac.httparchive.org/en/2025/ecommerce

#webalmanac #studies #research #metrics #ecommerce #tooling #performance #webvitals #lighthouse

CMS, by @httparchive.org:

https://almanac.httparchive.org/en/2025/cms

#webalmanac #studies #research #metrics #contentmanagement #tooling #wordpress #ux #performance #webvitals #lighthouse #apis

Page Weight, by @barkseo.bsky.social and @not-a-robot.com (@httparchive.org):

https://almanac.httparchive.org/en/2025/page-weight

#webalmanac #studies #research #metrics #performance #webvitals #lighthouse #google

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

https://calendar.perfplanet.com/2025/optimizing-cls-for-infinite-scroll-and-load-more/

#performance #webvitals #scrolling #optimization

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

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

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

https://calendar.perfplanet.com/2025/react-19-2-further-advances-inp-optimization/

#react #webvitals #performance #optimization

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

https://calendar.perfplanet.com/2025/the-anatomy-of-lcp-a-deep-dive-into-sub-parts/

#deepdives #performance #webvitals #tooling

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

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

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

https://calendar.perfplanet.com/2025/the-anatomy-of-a-web-performance-report/

#performance #documentation #webvitals #lighthouse

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

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

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 #chrome #google #firefox #browsers #devtools #tooling #testing #mcp #ai #retrospectives #outlooks

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

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

RUM на Prometheus: пишем за вечер свой простой и надёжный фронтенд-мониторинг

Вы смотрите в Lighthouse на 95 баллов, а пользователи пишут, что сайт тормозит. Знакомо? Пользователи сидят на старых смартфонах, слабом интернете, через прокси — поэтому лабораторные метрики не отражают реальную картину. По исследованиям даже +0,1 секунды загрузки сайта влияет на конверсию! Сегодня я покажу, как своими руками сделать облегченный Real User Monitoring на Prometheus начиная со сбора метрик и заканчивая настройкой графиков — без Kafka, без ClickHouse, без хранения сырых событий.

https://habr.com/ru/companies/domclick/articles/952400/

#webvitals #js #производительность #мониторинг #графики #метрики #prometheus #grafana #frontops #rum

#Development #Releases
What’s new in Lighthouse 13 · Performance audits have been replaced by newer insights https://ilo.im/167jt6

_____
#Audits #Metrics #WebVitals #Lighthouse #Chrome #DevTools #WebPerf #WebDev #Frontend

The History of Core Web Vitals, by @addyosmani:

https://addyosmani.com/blog/core-web-vitals/

#webvitals #performance #ux #metrics #google #history

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

https://www.pawelpokrywka.com/p/google-prefetching-methods-performance-study

#performance #google #webvitals #signedexchanges

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

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