9 Best Articles in 2022
DEV Community 👩💻👨💻
The Ultimate Guide to Web Performance 🚀
DEV Community 👩💻👨💻
2 min read · 2020-09-23 · There's so many ways to speed up your site. Don't you wish every web performance tip was in one place...
Reader View · Shared by 113, including Yoav Ganbar, Matthew Turland, René Stalder, ΛLΞX TRΞJʘ
Chrome Developers
content-visibility: the new CSS property that boosts your rendering performance
Chrome Developers
6 min read · 2020-08-05 · The CSS content-visibility property enables web content rendering performance benefits by skipping rendering of off-screen content. This article shows you how to leverage this new CSS property for…
Reader View · Shared by 135, including Ferit (at 🏠) 🌙, DON’T PANIC, Ahrbil, Matteo Fogli, Stéphanie Walter, Joe Lencioni, Jamie Indigo 👾 100% Human Tech SEO, una.css 👩🏻💻🇺🇦, Rodrigo Noales, David Hellmann, Chris Heilmann, Harry Roberts, Zain Fathoni, Evan (he/him), Yoav Ganbar, Baadier Sydow 🇿🇦, Dion Almaer, Peter Steinberger, Marius Bleuer, lacolaco / Suguru Inatomi
medium.com
A Tinder Progressive Web App Performance Case Study
medium.com
9 min read · From 2017 · Tinder recently swiped right on the web. Their new responsive Progressive Web App — Tinder Online — is available to 100% of users on…
Reader View · Shared by 215, including Jacob Jarnvall, Thomas Kaul, Patric Fornasier, Zain Fathoni, Bernhard Huessy, Matthew Turland, William El Kaim, Joona Tuunanen 🇫🇮, Matt, Ferit (at 🏠) 🌙, Peter Schmidhuber, Rezha Julio, Jon Thompson, Dominik Grolimund, Leslie D, Johannes Lenz, Joe Lencioni, Aleyda Solis 🇺🇦, zeldman
freeCodeCamp.org
How to use SVG as a Placeholder, and Other Image Loading Techniques
freeCodeCamp.org
8 min read · From 2017 · I’m passionate about image performance optimisation and making images load fast on the web. One of the most interesting areas of…
Reader View · Shared by 616, including Martin Hoffmann, Mara Averick, Martin Stabe, Tableless, Tibor Martini 🇺🇦, Zain Fathoni, Ricardo Yasuda, Adrian Zumbrunnen, Rezha Julio, Elia Palme, Mark Kaigwa, David Hellmann, Thomas Power, Ernie Smith, Nick Floro, Marie-José Kolly, Thomas Pleil, Dominik Grolimund, Massimiliano Aroffo, Marcus Kuhn
Harry Roberts
CSS and Network Performance
Harry Roberts
~13 min read · From 2018 · How can CSS impact network and resource-loading performance? Can things be that serious?
Reader View · Shared by 124, including Marius Bleuer, Kim Schläpfer, Davy De Pauw, Ferit (at 🏠) 🌙, Álvaro Felipe, ross, David Hellmann, Brad Brooks, Aleyda Solis 🇺🇦, masone, Charles Baldwin, Jitendra Vyas, Alligator.io 🐊, Thomas Wong, Matteo Fogli, Beni Buess, Tableless
Smashing Magazine 🇺🇦
Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word] — Smashing Magazine
Smashing Magazine 🇺🇦
5 min read · From 2020 · Let’s make 2020... fast! A front-end performance checklist (PDF/Apple Pages/MS Word), with everything you need to know to create fast experiences on the web today.
Reader View · Shared by 201, including Damian J Mullins, Davy De Pauw, Evan (he/him), Zain Fathoni, henrik, Joe Lencioni, Aleyda Solis 🇺🇦, Esther Schindler, Dr. Ganapathi Pulipaka 🇺🇸, Matteo Fogli, masone, René Stalder, Balda, Phil Walton, Pizza 🍕, Marius Bleuer, Vincent Terrasi
Smashing Magazine 🇺🇦
Front-End Performance Checklist 2017 (PDF, Apple Pages)
Smashing Magazine 🇺🇦
20+ min read · From 2016 · A performance checklist with all the obscure issues you might need to consider in 2017 to ensure that your response times are fast and your website smooth.
Reader View · Shared by 194, including Mohamed Azazy, Brad Brooks, Steed Monteiro, Dominik Grolimund, Tibor Martini 🇺🇦, Stephen C Sanders, Patric Fornasier, Kenneth Kalmer, Alligator.io 🐊, Jacob Jarnvall, Joe Lencioni, Galen King, Vincent Liu, Ana Rita, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Florian Hanke 🍎, Dominic Grzbielok, David Hellmann, René Stalder, Ferit (at 🏠) 🌙
engineering.fb.com
Rebuilding our tech stack for a new Facebook.com
engineering.fb.com
~14 min read · From 2020 · Building a new web app for today’s browsers, we completely rebuilt our tech stack to achieve our goals for performance and sustainable future growth.
Reader View · Shared by 289, including Christian Surchi, Joe Lencioni, Nando 💪🇦🇺🇦🇷, Nicholas C. Zakas, Pizza 🍕, Matthias Lampe, Vikram Dutt, Mark Tabladillo PhD, Simone Corsi 💻🚀, Will Preston, Richard Joerges
timkadlec.com
The Ethics of Web Performance
timkadlec.com
5 min read · From 2019 · One question I’ve seen posed a few times in the past several months is whether performance really is a moral or ethical concern, or if that’s all heavy-handed exaggeration. It’s a fair question, I…
Reader View · Shared by 80, including Chris Schultz ✌️, Chris Coyier, Clemens, Davy De Pauw, Victor Tolosa, Philippe Surber, Fabricio Teixeira, Chris {he, they}, Joe Lencioni, Mohamed Azazy, Niklaus Gerber, Marius Bleuer
Trending
Stack Overflow
Picture perfect images with the modern element
Stack Overflow
~12 min read · Mar 28th · You may not think about images as part of your web dev work, but they can affect your web app's performance more than any other part of your code.
DigitalOcean
DigitalOcean
DigitalOcean
1 min read · May 16th · Build web apps faster with industry-leading price-performance and predictable costs on DigitalOcean – the simplest cloud platform for developers and teams.
Reader View · Shared by 62, including Zack Kanter
Smashing Magazine 🇺🇦
Performance Game Changer: Browser Back/Forward Cache — Smashing Magazine
Smashing Magazine 🇺🇦
~13 min read · May 9th · At the end of 2021, the Chrome team shipped some functionality that has the ability to make or break sites meeting the Core Web Vitals. So, let’s learn a little bit more about the Back/Forward Cache…
imeugenia.medium.com
User Flow web performance testing for desktop devices
imeugenia.medium.com
4 min read · Mar 23rd · User Flows API is a tool made by Lighthouse for testing web performance during user interactions with the page. Here is how to configure…
Reader View · Shared by 6, including Marius Bleuer
More like this
medium.com
Start Performance Budgeting
medium.com
6 min read · From 2018 · If you’re building a web experience and want to stay fast, a performance budget can be critical. For success, embrace performance budgets…
Reader View · Shared by 67, including René Stalder, lacolaco / Suguru Inatomi, Matt, Matteo Fogli, Yoav Ganbar, Nando 💪🇦🇺🇦🇷, Joe Lencioni, David Hellmann, Clemens, Davy De Pauw, Jitendra Vyas, masone
nolanlawson.com
Memory leaks: the forgotten side of web performance
nolanlawson.com
8 min read · Jan 5th · I’ve researched and learned enough about client-side memory leaks to know that most web developers aren’t worrying about them too much. If a web app leaks 5 MB on every interaction, but…
Reader View · Shared by 108, including Kevin C. Tofel 🇺🇦, Yannick D.
HackerNoon | Will NOT Insert LINKS in HN stories
10 things I learned making the fastest site in the world
HackerNoon | Will NOT Insert LINKS in HN stories
~18 min read · From 2016 · This post is about performance techniques, so I hope you won’t mind that the site in question is not quite finished.
Reader View · Shared by 308, including PotHix, kp 🇺🇦, Mark Needham, Thomas Power, Brian ChristnΞr | vegasb2.eth, Diego Paladino, Dominik Grolimund, Anthony Atkinson, Brad Brooks, Natan Souza, Mark Kaigwa, Sérgio Vieira, Yann “shalf@mastodon.social” Heurtaux 不停, Zain Fathoni, David Hellmann, Matthew Turland, Stephen C Sanders, Marc Wieland, Kenneth Kalmer, David Smooke
infrequently.org
Can You Afford It?: Real-world Web Performance Budgets
infrequently.org
20+ min read · From 2017 · TL;DR: performance budgets are an essential but under-appreciated part of product success and team health. Most partners we work with are not aware of the real-world operating environment and make…
Reader View · Shared by 81, including Aleyda Solis 🇺🇦, Davy De Pauw, masone, Joe Lencioni, Matteo Fogli, René Stalder, Patric Fornasier, Ferit (at 🏠) 🌙, Oleg Baskov, Thomas Spreng, Rezha Julio
jonyablonski.com
Designer's Web Performance Optimization Checklist
jonyablonski.com
From 2016 · A comprehensive project checklist for designers focused on prioritizing performance on the web.
Shared by 59, including René Stalder, Fabricio Teixeira, Jacob Jarnvall, Marc Hinse, Dominik Grolimund, Matthias Lampe, ross, Steed Monteiro, Marc Zenger, Stephen C Sanders, Samuel Hauser, Walid Ark
jonyablonski.com
Designers Guide to Web Performance Optimization
jonyablonski.com
10 min read · From 2016 · Why Performance Is Important Web performance optimization is important because it directly impacts user experience and page metrics. You can pack as many micro-interactions, animations and beautiful…
Reader View · Shared by 40, including Fabricio Teixeira, Niklaus Gerber, Louis Chenais, Dominic H, Tibor Martini 🇺🇦
Google Developers
Measure Performance with the RAIL Model | Web | Google Developers
Google Developers
20+ min read · From 2016 · RAIL is a user-centric performance model. Every web app has these four distinct aspects to its life cycle, and performance fits into them in very different ways: Response, Animation, Idle, Load.
Reader View · Shared by 50, including Mohamed Azazy, Yoav Ganbar, William El Kaim, Matteo Fogli, laugri, Aleyda Solis 🇺🇦
CSS-Tricks
Continuous Performance Analysis with Lighthouse CI and GitHub Actions
CSS-Tricks
10 min read · 2020-12-23 · Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. The easiest
Reader View · Shared by 78, including David Hellmann, Chris Coyier
catchjs.com
We rendered a million web pages to find out what makes the web slow
catchjs.com
~15 min read · 2020-12-22 · We rendered the top 1 million pages on the web, tracking every conceivable performance metric, logging every error, noting every requested…
Reader View · Shared by 115, including Esther Schindler, Nico Müller 🇺🇦, rogerverhoeven, jorge-ferrer, Marius Bleuer, ITNEXT, Joe Lencioni, Vue.js Developers Newsletter