Inautilo#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
Frontend DogmaMeasuring SVG Rendering Time, by @stoyan:
https://www.phpied.com/measuring-svg-rendering-time/
#svg #png #images #rendering #performance #webvitals #metrics
Measuring SVG rendering time
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
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 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
Reddit Tech VN BotCDN 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
Ecommerce | 2025 | The Web Almanac by HTTP Archive
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.
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
