#webvitals — Public Fediverse posts

#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

#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

#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

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

#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

Как правильно пофиксить INP и весь Performance: опыт команды ОК

С 12 марта 2024 года метрика FID (First Input Delay) из семейства Core Web Vitals заменена метрикой INP (Interaction to Next Paint), которая оценивает скорость отклика сайтов. При этом, согласно оценке Google, по метрике FID было оптимизировано 93% сайтов, но лишь 65% — по INP. В связи с этим владельцы интернет-ресурсов столкнулись с необходимостью оперативно дорабатывать свои сайты, чтобы не потерять позиции в поисковой выдаче. Меня зовут Кирилл Радыгин. Я руководитель фронтэнд направления в компании Одноклассники. В этой статье я расскажу, как команда ОК адаптировала соцсеть под изменившийся набор метрик оценки перформанса.

https://habr.com/ru/companies/vk/articles/905196/

#продуктовая_разработка #performance #performance_optimization #performance_tests #frontend #webvitals #google_console #lcp #inp #cls

#Development #Approaches
Designing a new web performance score · CrRRUX simplifies competitor analysis into a single number https://ilo.im/16139y

_____
#Business #Competitors #WebPerf #Scores #Metrics #CrRRUX #CrUX #WebVitals #WebDev #Frontend

#Development #Launches
CrUX Vis · A tool to visualize the UX performance of popular websites https://ilo.im/160adv

_____
#CrUX #Business #SEO #TechnicalSEO #WebVitals #Chrome #Browser #WebPerf #WebDev #Frontend

#Development
Chrome ends support for First Input Delay · Google retires its former performance metric in Chrome tools https://ilo.im/16025c

_____
#WebPerf #Metrics #WebVitals #INP #FID #CrUX #Chrome #Browser #WebDev #Frontend

Be careful with ch units

Read about some unexpected CLS issues caused by the ‘ch’ unit.

https://silvestar.codes/articles/be-careful-with-ch-units/

#css #cls #cwv #webvitals

#Development #Tools
TTFB Test · Measure your website’s Time to First Byte (TTFB) from many locations worldwide https://ilo.im/12z146

_____
#WebPerformance #WebPerf #Measurement #TTFB #WebVitals #WebDevelopment #WebDev #Website #CDN #HTML #CSS #JavaScript