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

FEBRUARY 2, 2022

In this article, we’re going to cover code-splitting best practices and showcase some examples using React, so we load the minimum JavaScript necessary to render a page and dynamically load sizeable non-critical bundles. Like any file referenced and used on a website, it first needs to be downloaded from a server.

Code 89

Code Performance Network Website 89

Smashing Magazine

JANUARY 7, 2019

Luckily, there are many great options that help you automate the collection of data and measure how your website performs over time according to these metrics. Depending on the network connection, performance budgets should adapt , but payload on slower connection is much more "expensive", regardless of how they’re used.

Performance 104

Performance Cache Network Metrics 104

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. Perf Track tracks framework performance at scale.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

Luckily, there are many great options that help you automate the collection of data and measure how your website performs over time according to these metrics. From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). AMP is not what makes the biggest difference from a performance perspective.".

Performance 145

Performance Cache Network Metrics 145