All activity
Passing Google's Core Web Vitals can help you rank higher in search results. This tool measures your Core Web Vitals and alerts you if you can improve your site. It helps you understand how your users are experiencing your site.
DebugBear Real User Monitoring
Monitor Real User INP And Other Core Web Vitals
This tool crawls your website and selects one or more random pages. You can rediscover old content and make sure all pages are up to date.
Random Page Tool
Crawl a website and find a random page on it
This tool analyses CSS code to identify large rules and selectors. You might find that there are large CSS selectors generated by Sass or assets like images or fonts embedded in the file.
CSS Size Analyzer
Identify large CSS rules and selectors
This tool analyzes the loading speed of your website and provides detailed reports that help you optimize it. View how your site renders frame by frame and use identify network requests that slow down your site.
DebugBear Website Speed Test
Test page speed and get recommendations to improve load time
Matt Zeunert
left a comment
Hi everyone,
Our free site speed tool is based on Lighthouse by Google, but adds a ton of custom functionality and debug data:
π Detailed request waterfall showing blocking requests, large images, ...
π Doesn't rely on simulated data like PageSpeed Insights and other Lighthouse-based tools
πΉ Rendering filmstrip/video view to see how your website renders
Click on each metric to see how to...
DebugBear Website Speed Test
Test page speed and get recommendations to improve load time
This tool runs Google's Lighthouse tool with 100 different combinations of network bandwidth and latency. See how users on different connection types would experience your website.
Lighthouse Network Simulation
Speed metrics for different bandwidth and latency settings
Matt Zeunert
left a comment
Hey there! π
Lighthouse and PageSpeed Insights use something called simulated throttling to run tests βΒ that makes it very fast to generate metrics for a large number of different network configurations.
This tool shows how latency and bandwidth impact site speed, as well as surfacing some of the Lighthouse internals like observed metrics and optimistic/pessimistic estimates.
Lighthouse Network Simulation
Speed metrics for different bandwidth and latency settings
This tool parses HTML code to identify what causes bloated document responses. For example, you might find that there are large inline images or that there's a big chunk of JSON for hydrating a single-page app.
HTML Size Analyzer
Identify the cause of bloated HTML code
Matt Zeunert
left a comment
Hey there! π
Sometimes when looking into why a website is slow I find that the size of the HTML document is half a megabyte or more.
There's a few reasons for this, often JSON hydration state from a single-page app or inline images that are embedded as data URLs.
Other times there's just lots of duplication, for example a page I saw specified 180 image URLs per visible images (to make it...
HTML Size Analyzer
Identify the cause of bloated HTML code
Matt Zeunert
left a comment
Hey everyone! π
I originally launched DebugBear in 2018, and honestly it was pretty basic at the time π
Since then I've grown to 20+ customers and added lots of new functionality aimed at developers:
- API builds + GitHub integration
- Lighthouse reports
- Automatic regression alerts
- Monitoring behind logins or search forms
Let me know if you've got any feedback on the product. What...
DebugBear 2.0
Website monitoring for front-end developers
Measure site performance and drill down into what caused a regression.
DebugBear is website monitoring tool built for front-end teams. Track bundle size, performance metrics, and Lighthouse scores over time and get alerted when there's a problem.
DebugBear 2.0
Website monitoring for front-end developers
FromJS shows you where each value in the DOM comes from.
FromJS
An experimental data-flow analysis tool for JavaScript
This tool breaks down the size of a JSON object by property. You can use it when looking for ways to make your API responses smaller, or to store less data in your database.
JSON Size Analyzer
A little tool to help you make your JSON data smaller
DebugBear is a website monitoring tool for front-end developers. Track site speed from 10 different locations and benchmark against your competitors.
DebugBear
Front-end website performance monitoring
Matt Zeunert
left a comment
Hi everybody!
The idea behind DebugBear is to watch pages as they load and then use that data to help developers understand what's going on. That can mean finding out when a new third party script was added, or when a new error message started appearing in the console.
One feature I'm very happy with is the JS bundle monitoring: you can see a graph for each bundle and it takes into account...
DebugBear
Front-end website performance monitoring
Taaalk
Observe conversations between interesting people