Fast By Default: Modern loading best practices

speakerdeck.com
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…
277
performance
javascript
web development
Recently saved by
MLBMOM 2410
Diego Santiago
Mohamed Azazy
Digital Product Design Specialist. PGP 0x67E62D64
David Lee Rota
Product Guy
Christoph Wilke
Wanna be time traveller, old man skateboarding, occasional…
Jack Hone
Product Designer @bulbenergy. Previously @ustwo.
Victor Tolosa
Digital Product Designer @ http://bynd.com
Vojtěch Hýža
Ruby positive Internet junkie
Kaspar Manz
team lead graphics at @nzzvisuals / previously @ta_interaktiv…
Ralph Pfister
Leiter Redaktion bei @FinkFuchs. Vorher Koordinator bei W&V.…
Matthew Turland
Spouse to @MusicianGirl. Parent. Egalitarian. Geek. Tenor. Author.…
Paul Shapiro - SEO Edition
Global Director, Technical SEO @CondeNast • Previously @CatalystSEM…
Jordi Cabestany
bah
David
Passionate and experienced developer with an entrepreneural mind…
Michael Gogel
Parisian Entrepreneur | Founder Crypto Fund Ventures +…
Kay Drechsler
Giulio
Doris Schuppe 😷🇪🇺
#NewWork Catalyst • verkürzt Lernkurven mit digitalem Erfahrungs-Transfer…
Helmi
All electric guy. Tweets in 🇬🇧 and 🇩🇪
Mikael Gramont
Developer at Bit Complete. Previously with @onrewindtv, @googlearts…
Robert Lohmer
complete maniac on all things digital. Thinking about…
Codewell
Web Strategy & Development
Leslie D
Los Angeleno; insatiably inquisitive; loves flowers; bibliophile; data…
Kenny Ma
Engineering @flexport. Former Co-founder & CTO @LearnUp (acquired…
More like this
 
addyosmani.com
JavaScript Loading Priorities in Chromeaddyosmani.com
1 min read · 143 saves · 2019-02-20 · How browsers schedule and execute scripts can impact the performance of web pages. While techniques like <script defer>, <link rel=preload> (and ...
javascript
web performance
webperf
 
medium.com
The Sad State of Web Developmentmedium.com
7 min read · 356 saves · From 2016 · Random thoughts on web development
web
react
javascript
 
medium.com
JavaScript Start-up Performancemedium.com
~11 min read · 62 saves · From 2017 · As web developers, we know how easy it is to end up with web page bloat. But loading a webpage is much more than…
javascript
performance
 
medium.com
The Cost Of JavaScript In 2018medium.com
20+ min read · 501 saves · From 2018 · Addy Osmani · Building interactive sites can involve sending JavaScript to your users. Often, too much of it. Have you been on a mobile page that looked…
javascript
performance
best practices
 
addyosmani.com
Native image lazy-loading for the web!addyosmani.com
4 min read · 239 saves · 2019-04-07 · In this post, we'll look at the new loading attribute which brings native and lazy-loading to the web!. For the curious, here&...
ios dev
web performance
lazy loading
 
Chrome Developers
Loading Third-Party JavaScript  |  Web Fundamentals  |  Google DevelopersChrome Developers
48 saves · 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…
javascript
performance
testing
 
CodePen.IO
Lazy loading with inline SVGCodePen.IO
135 saves · From 2017 · Lazy loading with inline SVGs. Using inline SVGs to create lightweight thumbnails that creates a better before experience compared to blurred rendered ...
svg
images
performance
 
medium.com
JavaScript Start-up Performancemedium.com
~11 min read · 51 saves · From 2017 · As web developers, we know how easy it is to end up with web page bloat. But loading a webpage is much more than…
javascript
v8
performance
 
flowmapp.com
Easily organise web development processflowmapp.com
1 min read · 77 saves · From 2017 · Develop a structure, create web pages, and alter the order of the pages of your site. FlowMapp gives developers the ability to choose cover…
tools
mindmap
web design