DebugBear Blog
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.