Performance — Smashing Magazine

209 articles

Why Optimizing Your Lighthouse Score Is Not Enough For A Fast Website

November 5, 2024 — Feeling good with your Lighthouse score of 100%? You should! But you should also know that you’re only looking at part of the performance picture. Learn how Lighthouse scores are measured differently than other tools, the impact that has on measuring performance metrics, and why you need real-user monitoring for a complete picture. Read more&mldr;

Salma Alam-Naylor wrote

How To Hack Your Google Lighthouse Scores In 2024

June 11, 2024 — Do perfect Lighthouse scores mean the performance of your website is perfect? As it turns out, Lighthouse is influenced by a number of things that can be manipulated and bent to make sites seem more performant than they really are, as Salma Alam-Naylor demonstrates in several experiments. Read more&mldr;

Addy Osmani wrote

Scaling Success: Key Insights And Practical Takeaways

June 4, 2024 — The web is still a young platform, and we’re only now beginning to recognize what “success” looks like for large projects. In his recent Smashing book, Success at Scale, Addy Osmani presents practical case studies featuring the web’s most renowned companies and their efforts to make big changes to existing apps and sites. In this article, Addy shows some of the key insights he has learned. Read more&mldr;

Lazar Nikolov wrote

The Forensics Of React Server Components (RSCs)

May 9, 2024 — React Server Components (RSCs) combine the best of client-side rendering, and author Lazar Nikolov thoroughly examines how we got here with a deep look at the impact that RSCs have on the page load timeline. Read more&mldr;

Matt Zeunert wrote

How To Monitor And Optimize Google Core Web Vitals

April 16, 2024 — The three Core Web Vitals metrics don’t only tell you how visitors experience your website but also impact your Google search result rankings. In this article, we’ll look at what Core Web Vitals are, how they are measured, and how you can use DebugBear to monitor them continuously. Read more&mldr;

Geoff Graham wrote

Reporting Core Web Vitals With The Performance API

February 27, 2024 — The Performance API is a set of standards for measuring and evaluating performance metrics with JavaScript. This article demonstrates how to use the Performance API to generate performance metrics directly in the DOM to create your own reporting. Read more&mldr;

Geoff Graham wrote

Preparing For Interaction To Next Paint, A New Web Core Vital

December 7, 2023 — Starting in March 2024, Interaction to Next Paint will formally replace First Input Delay as a Core Web Vital metric. Learn how the two metrics differ, why we needed a new way to measure interaction responsiveness, and how you can start optimizing the performance of your site now for a seamless transition to the latest Core Web Vital metric. Read more&mldr;

Geoff Graham wrote

Answering Common Questions About Interpreting Page Speed Reports

October 31, 2023 — Take a closer look at how various performance tools audit and report on performance metrics, such as core web vitals. Geoff Graham answers a set of common questions that pop up during performance audits. Read more&mldr;

Geoff Graham wrote

The Fight For The Main Thread

October 24, 2023 — Having access to a free reporting tool like Lighthouse in DevTools is a great start for diagnosing performance issues by identifying bottlenecks on the main thread. Even better are paid tools like SpeedCurve to dig deeper into the data for more targeted insights and to produce visual reports to help make a case for performance improvements for your team and other stakeholders. Read more&mldr;

Juan Diego Rodríguez wrote

Gatsby Headaches: Working With Media (Part 2)

October 16, 2023 — In the final part of this two-part series on solving headaches when working with media files in Gatsby projects, Juan Rodriguez demonstrates strategies and techniques for handling various types of documents, including Markdown files, PDFs, and 3D models. Read more&mldr;