DebugBear Blog

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: - Net…

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 sup…

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 analyzed each site with Lighthouse.

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

Get new articles on web performance by email.

© 2019 DebugBear Ltd