article thumbnail

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Smashing Magazine

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]. Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]. 2019-01-07T12:00:13+00:00. 2019-04-29T18:34:58+00:00. Web performance is a tricky beast, isn’t it? Testing And Monitoring. Vitaly Friedman. Assets Optimizations.

article thumbnail

Improving JavaScript Bundle Performance With Code-Splitting

Smashing Magazine

Website performance is not consistent across devices. JavaScript processing times are vastly different between high-end, average and low-end devices (Image source: ' The cost of JavaScript in 2019 ' by Addy Osmani) ( Large preview ). We can then run code-splitting for bundles that get caught by the performance budget monitor.

Code 89
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

Smashing Magazine

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. Testing And Monitoring. Getting Ready: Planning And Metrics. Setting Realistic Goals.

article thumbnail

Build a Node.js Tool to Record and Compare Google Lighthouse Reports

CSS - Tricks

to run Google Lighthouse audits via the command line, save the reports they generate in JSON format and then compare them so web performance can be monitored as the website grows and develops. In this tutorial, I’ll show you step by step how to create a simple tool in Node.js

Google 82
article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

This guide has been kindly supported by our friends at LogRocket , a service that combines frontend performance monitoring , session replay, and product analytics to help you build better customer experiences. Quantity-based metrics measure the number of requests, weight and a performance score. Vitaly Friedman. Quick Wins.