All activity
Matt Zeunertleft a comment
HAR files are great for debugging, but we found that many of the online viewer tools show requests in a confusing way. So we built our own HAR analyzer based on our existing request waterfall and analysis UI!
HAR File AnalyzerVisualize network requests made by the browser
Upload a HAR file and view requests in a waterfall chart, resource sizes, HTTP headers, and response bodies.
HAR File AnalyzerVisualize network requests made by the browser
Matt Zeunertleft a comment
A lot of our customers are marketers investigating Core Web Vitals issues or web performance consultants wanting to quickly check how a website is built. We built this free tool to answer questions like "does this website support server-side rendering" and "does JavaScript slows down the website?"
NoScript Test: Check Website Without JSSee JavaScript impact on rendering and page speed
See whether your website requires JavaScript to load, and how JS code impacts your Largest Contentful Paint metric and total page weight.
NoScript Test: Check Website Without JSSee JavaScript impact on rendering and page speed
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 MonitoringMonitor 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 ToolCrawl 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 AnalyzerIdentify large CSS rules and selectors
Matt Zeunertleft 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 TestTest page speed and get recommendations to improve load time
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 TestTest 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 SimulationSpeed metrics for different bandwidth and latency settings
Matt Zeunertleft 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 SimulationSpeed 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 AnalyzerIdentify the cause of bloated HTML code
Matt Zeunertleft 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 super...
HTML Size AnalyzerIdentify the cause of bloated HTML code
Matt Zeunertleft 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 features...
DebugBear 2.0Website 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.0Website monitoring for front-end developers
FromJS shows you where each value in the DOM comes from.
FromJSAn 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 AnalyzerA 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.
DebugBearFront-end website performance monitoring
Matt Zeunertleft 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 that...
DebugBearFront-end website performance monitoring
TaaalkObserve conversations between interesting people