DebugBear Web Performance Blog

Website builder performance review 19 Nov 2020

Site builders let you create your own website without writing any code, but the websites they generate aren't always fast. Slow page load times not only affect…

Creating a web performance team 10 Nov 2020

Creating a web performance team is essential for many online businesses. Improving web performance for the long term requires a culture that understands the va…

Reducing variability in web performance metrics by running tests more than once 5 Nov 2020

Web performance metrics always vary somewhat between tests. This variability will be lower for simple static sites, and higher for complex dynamic content that…

Building custom Lighthouse audits 2 Nov 2020

Lighthouse automatically evaluates the performance, accessibility, and technical SEO of your website. But did you know that you can add your own custom tests a…

Debugging JavaScript memory leaks 15 Sep 2020

Memory leaks can hurt the performance of your website and even crash your page, especially on mobile devices. In this article we'll explain how to debug JavaS…

Front-end JavaScript performance 9 Sep 2020

Nearly every website uses JavaScript, so JavaScript performance is a growing topic in modern front-end development. In this post we'll introduce common perform…

Is the web getting slower? 24 Aug 2020

A story on Hacker News recently argued that webpage speeds haven't improved, even as internet speeds have gone up. This article explains why that conclusion c…

GPT-3 on web performance 31 Jul 2020

I interviewed OpenAI's GPT-3 on how to measure and improve website performance. This article contains the interview, additional performance tips from GPT-3, a…

How to improve server response time (TTFB)? 8 Jul 2020

How quickly your server responds to requests has a significant effect on user experience. This article will look at how to identify the cause of slow responses…

Counting Chrome Extensions – Statistics on the Chrome Web Store 30 Jun 2020

For my report on extension performance I first needed a list of Chrome extensions. This post takes a deeper look at the full list, looking at the most popular …

2020 Chrome Extension Performance Report 15 Jun 2020

I tested how the 1000 most popular Chrome extensions affect browser performance. The main metrics I'll consider are CPU consumption, memory consumption, and w…

How many websites support the Save-Data header? 9 Mar 2020

Browsers can set the `Save-Data: on` header to indicate that a user is on a connection that's slow or has high data costs. Websites can then adjust their respo…

Performant front-end architecture 10 Feb 2020

This post describes some techniques to make front-end apps load faster and provide a good user experience. We'll look at the overall architecture of the front…

What's causing intermittent gzip compression? 26 Jan 2020

Sometimes DebugBear customers notice that a file isn't always served compressed. What's the cause of that, and is there anything that can be done? I'll try an…

How does browser support impact JavaScript bundle size? 13 Nov 2019

Older browsers don’t support many of the modern features that have been added to JavaScript, such as the array spread operator and the `Object.entries` method.…

Monitoring web performance: lab-based testing vs collecting field data 11 Sep 2019

This article compares two approaches to monitoring website performance: lab-based monitoring and collecting field data from real users. Lab-based monitoring i…

Lazy loading Angular components without a router 3 Sep 2019

Splitting your Angular app into several smaller bundles can make your site faster by reducing download and execution times. Instead of loading all code upfront…

Why is my Lighthouse score different from PageSpeed Insights? 21 Aug 2019

This article will explain why you might see score and metric differences between PageSpeed Insights (or web.dev) and other tools. Other tools might be: - Run…

How do different chat widgets impact site performance? 15 Jul 2019

Live chat widgets are a quick and easy way to contact support. However, adding live chat to your website will impact its performance, as the browser needs to d…

Measuring React app performance 26 Jun 2019

React has gained significant popularity as a library for building UIs on the web. One of the main attractors to the library is its impressive browser performan…

Browser Resource Hints: preload, prefetch, and preconnect 13 May 2019

Resource Hints can improve page performance by giving the browser extra information that it can't infer from the document HTML. For example, you can tell the b…

Measuring when images are displayed with the experimental Element Timing API 29 Apr 2019

The Element Timing API lets you track when images appear on the screen. While this could be done with JavaScript, the Element Timing API is more accurate and …

Custom front-end performance metrics with the User Timing API 1 Apr 2019

Browsers collect a bunch of general-purpose performance metrics when loading a page. For example, you can check when the Load event fired or use the Performanc…

Understanding network throttling: DevTools vs. Lighthouse vs. Netem 13 Mar 2019

Network throttling lets you simulate how a user on a slower connection would experience loading a website. I experimented with three different methods: - Netw…

Bundle splitting components with Webpack and React 15 Jan 2019

Bundle splitting allows you to delay loading resources until they are actually needed. And Webpack and React make it surprisingly easy! In this article we'll …

Measuring the performance impact of Chrome extensions 5 Dec 2018

I tested 26 Chrome extensions to measure their impact on CPU consumption, page download size, and user experience. Key findings: - Grammarly and Honey are su…

Keeping your JavaScript bundle size in check 23 Oct 2018

It's easy to keep adding new packages and lose track of the size of your Webpack, Parcel, or Rollup bundle. But large bundles slow down your page not just beca…

More

Website builder performance comparison 4 Apr 2019

I created a similar website in 11 different website builders and tested each site with Lighthouse.

DebugBear is a website monitoring tool built for front-end teams. Track performance metrics and Lighthouse scores in CI and production. Learn more.

Get new articles on web performance by email.

© 2020 DebugBear Ltd