Performance

354 bookmarks
Custom sorting
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
Data
Data
Analysis and reports on the impact of third party entities on the web as a whole.
·thirdpartyweb.today·
Data
An In-Depth Guide To Measuring Core Web Vitals — Smashing Magazine
An In-Depth Guide To Measuring Core Web Vitals — Smashing Magazine
How are Core Web Vitals measured? How do you know your fixes have had the desired effect and when will you see the results in Google Search Console? Let’s figure it out.
·smashingmagazine.com·
An In-Depth Guide To Measuring Core Web Vitals — Smashing Magazine
Measure performance with the RAIL model
Measure performance with the RAIL model
RAIL model enables designers and developers to reliably target the performance optimization work that has the highest impact on user experience. Learn what goals and guidelines the RAIL model sets out and which tools you can use to achieve them.
·web.dev·
Measure performance with the RAIL model