Performance

336 bookmarks
Custom sorting
State of the Web: Top Image Optimization Strategies - Analysis - HTTP Archive
State of the Web: Top Image Optimization Strategies - Analysis - HTTP Archive
Images are a central part of the web. Beautiful imagery draws customers deeper into the story that your webpage is attempting to tell – whether it is news, entertainment, or e-commerce. And as important as images are – the (potentially) large size of images can hurt the load time of the same pages, leading to customer abandonment. In fact, the HTTP Archive shows that the average mobile website is ~50% images (in KB): This percentage has held relatively constant for a number of years, but at...
·discuss.httparchive.org·
State of the Web: Top Image Optimization Strategies - Analysis - HTTP Archive
Short basics of caching
Short basics of caching
What headers to enable, how resource lifecycle looks, and more
·iamakulov.com·
Short basics of caching
Optimizing images on the web
Optimizing images on the web
A detailed breakdown of how best to optimize images for the web, a new tool to test a webpage's image performance, and explanation of how Cloudflare Images can help to improve your website's image experience.
·blog.cloudflare.com·
Optimizing images on the web
How to read a WebPageTest Waterfall View chart
How to read a WebPageTest Waterfall View chart
WebPageTest waterfall charts are a very powerful web performance tool, but can sometimes be a little confusing. Maybe this post can change that.
·nooshu.com·
How to read a WebPageTest Waterfall View chart
How we cut 99% of our JavaScript with Qwik + Partytown
How we cut 99% of our JavaScript with Qwik + Partytown
Builder.io is excited to announce that our homepage now achieves a 100/100 score on PageSpeed Insights even on mobile, since we adopted Qwik.
·builder.io·
How we cut 99% of our JavaScript with Qwik + Partytown
Readle - App Optimisation & Consultancy
Readle - App Optimisation & Consultancy
Having worked primarily on website performance, the chance to work on Readle's native mobile apps was a new challenge. Here's how we improved app speed and delivered greater user satisfaction.
·fershad.com·
Readle - App Optimisation & Consultancy
TwicPics
TwicPics
Responsive Images as a Service
·twicpics.com·
TwicPics
mobiReady
mobiReady
Is your website mobile ready? mobiReady, a DeviceAtlas Limited product.
·ready.mobi·
mobiReady
Maximally optimizing image loading for the web in 2021
Maximally optimizing image loading for the web in 2021
In this post I'll outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the...
·industrialempathy.com·
Maximally optimizing image loading for the web in 2021
Performance — Smashing Magazine
Performance — Smashing Magazine
Ensuring your site loads quickly is important. The subject touches almost every part of web design and development, from your choice of images to the performance of your web server. In this guide we bring together information that can help you build a fast site, and keep it fast.
·smashingmagazine.com·
Performance — Smashing Magazine
Scott Jehl
Scott Jehl
·scottjehl.thinkific.com·
Scott Jehl
How We Improved SmashingMag Performance — Smashing Magazine
How We Improved SmashingMag Performance — Smashing Magazine
In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and improve the Core Web Vitals metrics. With some of the mistakes we’ve made, and some of the unexpected changes that helped boost all the metrics across the board.
·smashingmagazine.com·
How We Improved SmashingMag Performance — Smashing Magazine
Lighthouse performance scoring
Lighthouse performance scoring
Learn how Lighthouse generates the overall Performance score for your page.
·web.dev·
Lighthouse performance scoring
Optimizing Video For Size And Quality — Smashing Magazine
Optimizing Video For Size And Quality — Smashing Magazine
Adding video to your application can increase customer engagement and satisfaction. But the exact opposite can occur when there are issues with the video playback: video stalls are frustrating and drive customers away. In this article, we’ll walk through the steps to optimize the video on your website to ensure fast playback and reduce stalls.
·smashingmagazine.com·
Optimizing Video For Size And Quality — Smashing Magazine
JavaScript performance beyond bundle size
JavaScript performance beyond bundle size
There’s an old story about a drunk trying to find his keys in the streetlight. Why? Well, because that’s where it’s the brightest. It’s a funny story, but also relatable, be…
·nolanlawson.com·
JavaScript performance beyond bundle size
SpeedCurve | An Opinionated Guide to Performance Budgets
SpeedCurve | An Opinionated Guide to Performance Budgets
If you're just getting started with performance budgets � or if you've been using them for a while and want to validate your work � this post is for you.
·speedcurve.com·
SpeedCurve | An Opinionated Guide to Performance Budgets
Making the slowest 'fast' page
Making the slowest 'fast' page
Can you make a webpage which gets 100 score in Lighthouse and passes all the Core Web Vitals and still feels slow?
·tunetheweb.com·
Making the slowest 'fast' page
The Core Web Vitals hype train
The Core Web Vitals hype train
Are Core Web Vitals the panacea that everyone thinks it is? I'm not so sure.
·sylormiller.com·
The Core Web Vitals hype train
How To Boost Media Performance On A Budget — Smashing Magazine
How To Boost Media Performance On A Budget — Smashing Magazine
How do we get media performance right while staying within performance budgets? Let’s take a look at the recent stats and data around performance budgets, video playback performance issues and some techniques and tools to address these issues.
·smashingmagazine.com·
How To Boost Media Performance On A Budget — Smashing Magazine
Reduce WebFont Size
Reduce WebFont Size
This post explains how to reduce the size of the WebFonts that you use on your site, so that good typography doesn't mean a slow site.
·web.dev·
Reduce WebFont Size