As we build sites that are more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this talk, Addy explains how and why JavaScript is the most expensive resource your site uses today—especially on mobile and lower-end desktops.
Web developers should focus on optimizing JavaScript bundles by keeping them small to improve download speeds, especially on mobile devices. Small JavaScript bundles improve network transfer speeds, lower memory usage, and reduce CPU can be achieved by splitting bundles larger than 50-100 kB. Additionally, it’s crucial to enhance execution time by avoiding tasks that overly engage the main thread and by not using large inline scripts over 1 kB. Avoid creating Long Tasks that can keep the main UI thread busy and can push out how soon pages are interactive by users. These steps are vital as parse and compile costs have become faster than before.
He will also share tips for fixing JavaScript performance issues so everything loads quicker. A little discipline can help if you want your site to load and be interactive as soon as possible on mobile.
A few things that will be covered:
- What the dominant costs of heavy JavaScript are
- How median hardware plus heavy JavaScript can impact user-experience
- Tips and tricks for reducing the cost of JavaScript, reducing long-tasks and improving the Core Web Vitals metrics
- Things frameworks and browsers are doing to try reducing the cost of JavaScript by default.
- How new performance metrics can help you reason about where to optimize JavaScript to improve user interactions
Target Audience: Intermediate web developers
Originally presented at Web Unleashed
#javascript #webdevelopers #programming #webperformance
17 views
151
21
5 months ago 00:09:02 1
How Would a Katana Swordmaster Fight with a Buckler?
5 months ago 00:02:30 1
Thelma the Unicorn | Official Trailer | Netflix
5 months ago 00:28:04 1
Iran Retaliates for Israeli Consulate Attack + The US, UK and Jordan Protect Israel w/ Marwa Osman
5 months ago 00:05:50 1
Oxygen [Official Lyric Video]
5 months ago 01:05:59 1
Q&A And Unpacking New Gear Stream | Opening New Meinl Package
5 months ago 04:00:49 1
The Book Of Enoch - Definitive Reference w/ audio and text, full apocalyptic religious narration
5 months ago 00:13:46 1
BACKFIRED: The Russian Metals BAN Will Make Putin Richer & China’s Economy Stronger
5 months ago 00:03:18 1
Fallout - Official Trailer | Prime Video
5 months ago 00:32:18 1
This furniture commission kicked my a**
5 months ago 00:04:31 1
Roxette - Joyride (Official Video) [Remastered]
5 months ago 00:01:53 1
Falcon Heavy & Starman
5 months ago 00:13:04 1
「BRO」4K PC Build ASUS ROG Strix Helios Silver ROG +RTX4090华硕太阳神银色#GX601#pcbuild
5 months ago 00:11:07 1
Advanced Midjourney V5.2 Guide (Ultra Realistic Zoom Out and Consistent Characters in Minutes)
5 months ago 00:02:51 1
Outer Range Season 2 - Official Trailer | Prime Video
5 months ago 00:46:02 1
The Staff of Karnath Longplay (C64) [QHD]
5 months ago 00:08:26 1
Slaughter to Prevail - Conflict || Goth Reacts
5 months ago 00:14:37 1
Turn pallets into extremely productive strawberry gardens. Large, sweet fruits, very good for health
5 months ago 00:05:22 1
Kogan Plays Paganini La Campanella
5 months ago 00:43:43 1
OMG! The Bible gives PRECISE INSTRUCTIONS about the PINEAL GLAND
5 months ago 00:03:01 1
Architects - “Curse“
5 months ago 00:06:01 1
Learn ANY Language Effortlessly With This EASY Method
5 months ago 00:13:16 1
Топ 10 Самых Больших Новых Классических Мотоциклов (2024) !
5 months ago 00:09:32 1
Google Maps Data Scraping with Business Emails | Supports Multiple Keywords at Once!
5 months ago 00:40:59 1
Machiavelli - The Art of Power in The Modern World