Smashing Magazine

FEBRUARY 2, 2022

Like any file referenced and used on a website, it first needs to be downloaded from a server. Users can browse the Internet using slow and unreliable networks, so minification, optimization, and code-splitting of JavaScript files ensure that the user downloads the smallest file possible. import("path/to/myFunction.js").then((myFunction)

Code 89

Code Performance Network Website 89

Smashing Magazine

APRIL 29, 2022

And slow websites are, in a way, discrimination: The majority of the world’s population don’t have access to high-speed Internet or fast CPUs. Even if your website is designed with usability in mind, these factors impede users from fully benefiting from the website’s features. Large preview ). How Partytown Works.

Website 80

Website Google Open Source Mobile 80

Smashing Magazine

JUNE 1, 2022

You may have a lean, agile, responsive site design only to find it gradually loaded down with more and more “extras” that are often put onto the site by marketing departments or business leaders who are not always thinking about website performance. The CSS-Tricks website has good documentation on font-display.

Website 131

Website Design Network Best Practices 131

Smashing Magazine

APRIL 19, 2021

Google uses anonymized data from Chrome users to feedback metrics and makes these available in the Chrome User Experience Report (CrUX). CrUX data is available in a number of tools, including in Google Search Console for your site. CrUX is also available as a free API to get more precise figures for those percentages.

Google 140

Google Metrics Mobile Analytics 140

Smashing Magazine

JANUARY 11, 2021

In his work, Harry Roberts has been using a Site-Speed Topography Spreadsheet which he uses to break down performance by key page types, and track how different key metrics are across them. You can download the spreadsheet as Google Sheets, Excel, OpenOffice document or CSV. Large preview ). Image source ). Large preview ).

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 7, 2019

Time to Interactive (TTI) The point at which layout has stabilized, key webfonts are visible, and the main thread is available enough to handle user input — basically the time mark when a user can interact with the UI. AMP is not what makes the biggest difference from a performance perspective.". Image source ).

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

JANUARY 6, 2020

Usually, the most specific and relevant ones are: Time to Interactive (TTI) The point at which layout has stabilized, key webfonts are visible, and the main thread is available enough to handle user input — basically the time mark when a user can interact with the UI. Other options are available , too. Image source ).

Performance 145

Performance Cache Network Metrics 145