Smashing Magazine

JUNE 10, 2021

But how do you find all these things causing performance issues? Let me share three tools that will help you spot performance issues and ship high-quality and fast websites. Note : If you’re looking for a complete overview of best practices and tools, have a look at the Frontend performance checklist.

Cache 106

Cache Website Best Practices Network 106

Smashing Magazine

MAY 9, 2022

WebPageTest is one of the few web performance testing tools that actually tests a reload of the page using a primed HTTP Cache — most of the other tools just flag if your HTTP resources are not explicitly set to be cached. 400 pages , jam-packed with in-depth user research and best practices.

Cache 93

Cache Games Performance Website 93

Smashing Magazine

APRIL 11, 2022

Over-using this attribute or running premature optimization might harm performance, so make sure to run performance tests to verify. Improving Largest Contentful Paint performance. With that in mind, let’s move on to some of those real-world examples and scenarios, so we can use this new attribute effectively.

Media 71

Media Tuning Metrics Google 71

Smashing Magazine

SEPTEMBER 6, 2021

You would, however, be hard-pressed even today to find a good article that details the nuanced best practices. This is because, as I stated in the introduction to part 1 , much of the early HTTP/2 content was overly optimistic about how well it would work in practice, and some of it, quite frankly, had major mistakes and bad advice.

Network 107

Network Servers Cache Traffic 107

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. This problem is more apparent on unreliable and slow networks and lower-end devices.

Code 91

Code Performance Network Website 91

Smashing Magazine

JANUARY 7, 2019

Depending on the network connection, performance budgets should adapt , but payload on slower connection is much more "expensive", regardless of how they’re used. From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). From Fast By Default: Modern Loading Best Practices by Addy Osmani (Slides 18, 19).

Performance 104

Performance Cache Metrics Network 104

Smashing Magazine

JANUARY 6, 2020

From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). Performance budgets should adapt depending on the network conditions for an average mobile device. Your decision will depend on what you are after: with WebP, you’ll reduce the payload, and with JPEG you’ll improve perceived performance.

Performance 145

Performance Cache Network Metrics 145