speakerdeck.com
Stats + related links for Fast By Default: Modern loading best practices

Optimizing sites to load instantly on mobile is far from trivial. Costly JavaScript can take seconds to process, we often aren't sensitive to users data-plans and browsers don't know what UX-critical…
View original
274
Made me smarter
Read later
Your notes & highlights
Save highlights in Reader View or with our Chrome extension.
This your link? Claim it
More like this
addyosmani.com
JavaScript Loading Priorities in Chromeaddyosmani.com
1 min read · From 2019 · How browsers schedule and execute scripts can impact the performance of web pages. While techniques like <script defer>, <link rel=preload> (and ...
Reader View · Shared by 144, including BrendanEich, AJ Kohn, getify, Mathias Bynens, Ahrbil, Bryan Onel, Una 👩🏻‍💻🇺🇦, Marius Bleuer, Aleyda Solis 🇺🇦, Andreas Heer, Paul Irish, Joe Lencioni, Florian Hanke 🍎, David Hellmann, Simone Corsi 💻🚀, Tibor Martini 🇺🇦, Yoav Ganbar, shishir das, Joel Bez, Alligator.io 🐊
javascript
web performance
webperf
addyosmani.com
Native image lazy-loading for the web!addyosmani.com
5 min read · From 2019 · In this post, we'll look at the new loading attribute which brings native and lazy-loading to the web!. For the curious, here&...
Reader View · Shared by 257, including Kevin Kyburz, Mathias Bynens, Pizza 🍕, David Hellmann, Yoav Ganbar, Smith — Design Studio, Joe Lencioni, Design Shack, BrendanEich, Jeff Atwood, Baadier Sydow 🇿🇦, Alligator.io 🐊, lacolaco / Suguru Inatomi, Tregg 🤘, Una 👩🏻‍💻🇺🇦, Pascal Birchler, AJ Ghergich, Emerson Macedo, Aaron Gustafson, Adrian Zumbrunnen
ios dev
web performance
lazy loading
Smashing Magazine 🇺🇦
Improving JavaScript Bundle Performance With Code-Splitting — Smashing MagazineSmashing Magazine 🇺🇦
~18 min read · Feb 2nd · In this article, Adrian Bece shares more about the benefits and caveats of code-splitting and how page performance and load times can be improved by dynamically loading expensive, non-critical…
Reader View · Shared by 117, including AJ Ghergich
javascript
programming
Most highlighted
Password checking is not critical for page render. Its functionality is required only when the user interacts with the password input. So, let’s code-split zxcvbn into a separate bundle, dynamically import it and load it only when the password input value changes, i.e. when the user starts typing their password.
CodePen.IO
Lazy loading with inline SVGCodePen.IO
From 2017 · Lazy loading with inline SVGs. Using inline SVGs to create lightweight thumbnails that creates a better before experience compared to blurred rendered ...
Reader View · Shared by 140, including von Moerenburgh, Tibor Martini 🇺🇦, Dez S. Papp, Michael Musgrove, Ferit (at 🏠) 🌙, Layton Diament, Kaspar Manz, Michael Sumner, Kenneth Kalmer, Chris Coyier, Gerardo Segura, Florian Hanke 🍎, John Hues, Joe Lencioni, Nico Müller 🇺🇦, Bernhard Huessy, David Dias, Jacob du Toit
svg
images
performance
Chrome Developers
Native lazy-loading for the webChrome Developers
8 min read · From 2019 · This post covers the loading attribute and how it can be used to control the loading of images and iframes.
Reader View · Shared by 168, including Joe Lencioni, Chris {he, they}, David Hellmann, ITNEXT, Charles Baldwin, Anon Anon, Diego Paladino, Ⓓarío Macchi, Joost de Valk, 🐝 johnmu.csv (personal) 🐝, Aleyda Solis 🇺🇦, Damian J Mullins, Alligator.io 🐊, Yoav Ganbar, Baadier Sydow 🇿🇦, sascha aßbach, Dion Almaer, Ferit (at 🏠) 🌙, Fabricio Teixeira, Rodrigo Noales
programming
lazy loading
webdev
CSS-Tricks
The Complete Guide to Lazy Loading ImagesCSS-Tricks
20+ min read · From 2018 · Images are critical. Whether it is marketing banners, product images or logos, it is impossible to imagine a website without images. Sadly though, images
Reader View · Shared by 124, including masone, Rodrigo Noales, Christophe Jean, Ferit (at 🏠) 🌙, fernand0, Nico Müller 🇺🇦, Victor Tolosa, Yoav Ganbar, Davy De Pauw, Design Shack, Alligator.io 🐊, Esther Schindler, Benoist Lawniczak, Mariella Petrigni 🌍 Translator, five5star // Design Graphique, Dominik Grolimund, Connecticut SEO, Kim Schläpfer, shishir das
images
frontend
web development
zachleat.com
A Comprehensive Guide to Font Loading Strategies—zachleat.comzachleat.com
~14 min read · From 2016 · A post by Zach Leatherman (zachleat), a Front End Engineer.
Reader View · Shared by 154, including Chris Coyier, Chris {he, they}, David Hellmann, Brad Frost, adrianleb.eth, Ricardo Yasuda, Michael Sumner, Aleyda Solis 🇺🇦, Joe Lencioni, Brad Brooks, Louis Chenais, Benoist Lawniczak, Adriano Latorre, Leslie D, Niklaus Gerber, Pizza 🍕, Tibor Martini 🇺🇦, Kam, Davy De Pauw, Samuel Hauser
fonts
performance
web fonts
Google Developers
Loading Third-Party JavaScript  |  Web Fundamentals  |  Google DevelopersGoogle Developers
20+ min read · From 2018 · Third-party scripts provide a wide range of useful functionality, making the web more dynamic. Learn how to optimize the loading of third-party scripts to reduce their impact on performance.
Reader View · Shared by 46, including Michael Sumner, Tableless, David Hellmann, Joe Lencioni, Davy De Pauw
javascript
performance
testing
Chrome Developers
Optimizing third-party script loading in Next.jsChrome Developers
8 min read · Feb 24th · This article discusses the Next.js Script component and demonstrates how it can be used for better sequencing of third-party scripts.
Reader View · Shared by 70
programming
javascript
More like this

Get smarter every day

Get smarter every day

Share link
