Our new filter UI for RUM data and the lab test dashboard!
Try it out here: www.debugbear.com/project/2597...
Our new filter UI for RUM data and the lab test dashboard!
Try it out here: www.debugbear.com/project/2597...
DebugBear updates for February:
π Updated data filtering UI
π New lab dashboard table view
π¦ Better website scan UX
π Guide to ecommerce SEO
β
Performance analysis of Consent Management Platforms
www.debugbear.com/changelog/fe...
Thought we had a bad thumbnail for our Total Blocking Time video. Turns out I really look like this in the source material π³
Thankful to the new camera and plum-colored hoodie I bought since then!
Did you know that Chrome's preconnect logic only allows up to 3 in-flight DNS lookups? You can see this clearly in this waterfall.
(Ignore the TCP label, it's really a connect step inclusive of DNS and TCP.)
CSS import rules can cause poor performance, especially when each stylesheet is loaded from a new domain.
Stylesheets are render-blocking, so visitors can't see any content before they load. And establishing a server connection takes several network round trips.
www.debugbear.com/blog/avoid-c...
There's more to web performance than the initial loading speed. A page isn't usable until content stop shifting around.
The Cumulative Layout Shift metric measures visual stability. Learn how to test your own website and optimize CLS: www.debugbear.com/docs/metrics...
We do have a free tool with packet-level throttling here! www.debugbear.com/test/website...
You can also use something like the throttle NPM module or Apple's Network Link Conditioner. (They're annoying to use b/c everything on your computer is throttled.)
www.sitespeed.io/documentatio...
Many developers misinterpret what the DevTools performance test results tell them. My video below explains how Chrome implements network throttling and how it impacts your data.
Neither the bandwidth nor the latency implementation match what you'd see on a real slow network.
youtu.be/93HI4dnGjMk
We just added a new narrow table view to the DebugBear lab test dashboard! View more pages at once to get a quick overview of your website.
Try it live here: www.debugbear.com/project/2597...
Are visitors on your website more likely to bounce if page content loads slowly?
DebugBear real user monitoring can tell you how visitor experience impacts business metrics. www.debugbear.com/docs/rum/con...
π΅οΈββοΈ Does Google cut off file content beyond 2 megabytes? The reality is messy.
Google does use some scary wording in their documentation, and it seems to impact some users.
But I've not seen a script 2 MB limit applied in all cases.
www.debugbear.com/blog/googleb...
π Worried about Googlebot's 2 MB file size limit? Use our free HTML Size Analyzer to debug oversized payloads: www.debugbear.com/html-size-an...
I use neverssl.com for that, though now it seems Chrome is super aggressively warning about non HTTPS sites
A good TTFB score, but a slow load time β this is common with client-side JavaScript applications.
You can test your own website here: www.debugbear.com/test/website...
Open the Web Vitals tab to see real user data that Google has collected
The team behind example.com continues to rapidly iterate on their product: the previously unclosed head tag has now been closed!
View more historical data for the website here: www.debugbear.com/project/3/pa...
Something I played around with recently: an aggregated view of failing audits in a project. Would you find this kind of dashboard useful?
Both of these websites have a 2-second LCP score β but the user experience is very different!
Learn about how to relate metrics to visitor experience on your website: www.debugbear.com/blog/web-per...
Why do mobile websites present more performance challenges, and what can be done to optimize them?
In this new article, @jacobandrewsky.bsky.social explains what causes poor mobile user experiences and how to fix them.
www.debugbear.com/blog/mobile-...
New analysis: how fast do different consent management platforms respond when clicking "Accept"?
We tested 9 different CMPs across 45 websites and ranked them by their Interaction to Next Paint score.
www.debugbear.com/blog/consent...
π‘ Depending on the settings you use to run Lighthouse you'll get different scores!
Lighthouse tells you how fast your website would load on a slow mobile connection. But how the network is throttled varies across tools.
www.debugbear.com/blog/lightho...
How do you get customers to find your online store?
We just published an in-depth guide on ecommerce SEO, covering everything from keyword research to site architecture and performance optimization.
Check it out here: www.debugbear.com/blog/ecommer...
Did you know that PageSpeed Insights runs tests from one of four global test locations?
πΊπΈ Northwestern US (Oregon)
πΊπΈ Southeastern US (South Carolina)
π³π± Europe (Netherlands)
πΉπΌ Asia (Taiwan)
Learn more: www.debugbear.com/blog/why-is-...
Do we need another image format? In our new article, @aarontgrogg.com explains the advantages of JPEG XL and what tools have already adopted it.
www.debugbear.com/blog/jpeg-xl...
Recorded a new video explaining how to identify slow pages, diagnose performance issues, and set up monitoring with DebugBear!
π₯ A few months ago I talked to Henri Helvetica about performance monitoring on the SPDY steam. You can now find the recording on Youtube!
www.youtube.com/watch?v=0IWF...
βοΈ React Compiler can speed up your React app without manual memoization!
Our new article explains how React Compiler works and when to use it to improve React performance.
www.debugbear.com/blog/react-c...
Why would a browser pause rendering page content once it's already started?
Scripts in the HTML head block all rendering. But scripts in the body just block page content below it. In the screenshot you can see those resources marked as parser-blocking.
www.debugbear.com/blog/visuali...
How does speed impact how visitors experience your website? And how can metrics hide real-world problems visitors face?
My new article explains the impact of performance on user experience and behavior + how to interpret metrics in context.
www.debugbear.com/blog/web-per...
The useMemo and useCallback are key to preventing unnecessary render work in React. Our new article explains how to use them effectively to speed up React performance.
www.debugbear.com/blog/react-u...
Just added Aaron T. Grogg to our list of consulting partners!
Reach out to him if you need help making your website fast or leveling up the performance skills of your team.
www.debugbear.com/web-performa...