DebugBear Blog
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…
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…
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 a…
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.…
This article compares two approaches to monitoring website performance: lab-based monitoring and real-user monitoring. Lab-based monitoring is done by a serv…
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…
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: - Runn…
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…
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…
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…
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…
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…
Network throttling lets you simulate how a user on a slower connection would experience loading a website. I experimented with three different methods: - Net…
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 …
I tested 26 Chrome extensions to measure their impact on CPU consumption, page download size, and user experience. Key findings: - Grammarly and Honey are sup…
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
I created a similar website in 11 different website builders and analyzed each site with Lighthouse.