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
The questions Is rendering large SVGs significantly slower than smaller ones? Is there a cut-off size above which things are terrible? And what if these SVGs were PNGs, just for giggles. To answer this let's generate a bunch of test images and render them! The code is here Test images A Python sc
How Web Performance Impacts User Experience, by @debugbear.com:
https://www.debugbear.com/blog/web-performance-user-experience
#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
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 are you to do? This handy component tries to find the best of both worlds, responsively providing something for the user to look at while the video downloads, and improving the CWVs along the way!
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
CDN chỉ cải thiện ~15% hiệu năng; 85% còn lại phụ thuộc vào kiến trúc và mã JS. Netflix giảm 200 KB JavaScript, LCP cải thiện 50%; Airbnb, Shopify, Wayfair cũng giải quyết LCP, INP, CLS bằng tối ưu tài nguyên, không phải CDN. Hãy tập trung vào kiến trúc, giảm JS, ưu tiên tải hình ảnh. #WebVitals #Performance #CDN #TốiƯuWeb #PerformanceOptimization #WebPerformance
https://www.reddit.com/r/programming/comments/1qgz3nc/your_cdn_wont_save_web_vitals_the_nononsense/
Ecommerce, by @httparchive.org:
https://almanac.httparchive.org/en/2025/ecommerce
#webalmanac #studies #research #metrics #ecommerce #tooling #performance #webvitals #lighthouse
This chapter explores trends in the ecommerce ecosystem, covering platform adoption, Core Web Vitals, Lighthouse metrics, payments, and regional differences. It highlights how platforms like WooCommerce and Shopify lead while newer players grow in specific markets.
Michal Bryxí
Inautilo
Frontend Dogma
Reddit Tech VN Bot