- Scan ID:
- 69716ce6-2c0c-43f1-a550-5ac7a49e39c8Finished
- Submitted URL:
- https://debugbear.comRedirected
- Report Finished:
Links · 4 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://www.youtube.com/watch?v=4N0LkZATmlM | Watch VideoTwo-minute walkthrough |
| https://calendly.com/matt-665/debugbear-demo | Book A Demo |
| http://thewpguy.com.au/ | The WP Guy |
| https://twitter.com/debugbear |
JavaScript Variables · 36 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | object |
| 1 | object |
| 2 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| plausible | function |
| findGetParameter | function |
| dbb | object |
| beData | object |
Console log messages · 2 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| warning | other |
|
| info | other |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<title>Monitor Page Speed and Core Web Vitals | DebugBear</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="/public/bootstrap4.css?version=dec-2021">
<link rel="stylesheet" href="/public/core-1.css?version=aug2024b">
<link rel="shortcut icon" type="image/png" sizes="16x16" href="/public/favicon-2022-16x16.png">
<link rel="shortcut icon" type="image/png" sizes="32x32" href="/public/favicon-2022-32x32.png">
<link rel="icon" sizes="200x200" href="/public/favicon-2022-200x200.png">
<link rel="apple-touch-icon" sizes="200x200" href="/public/favicon-2022-200x200.png">
<meta content="@debugbear" name="twitter:site">
<meta content="@debugbear" name="twitter:creator">
<meta content="DebugBear - Page Speed and Core Web Vitals Monitoring" name="twitter:title">
<script type="text/javascript" async="" src="https://widget.intercom.io/widget/d03lq65y"></script><script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Organization",
"name" : "DebugBear",
"url" : "https://www.debugbear.com",
"logo": "https://www.debugbear.com/public/head-white-outline.png",
"sameAs" : [
"http://www.twitter.com/debugbear"
]
}
</script>
<link rel="canonical" href="https://www.debugbear.com">
<meta property="og:url" content="https://www.debugbear.com">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:title" content="Monitor Page Speed and Core Web Vitals">
<meta property="og:type" content="website">
<meta name="description" content="Make your website faster and improve user experience. Optimize Core Web Vitals and rank higher in Google. Get alerts when your site is too slow. Free 14-day trial.">
<meta property="og:description" content="Make your website faster and improve user experience. Optimize Core Web Vitals and rank higher in Google. Get alerts when your site is too slow. Free 14-day trial.">
<meta content="Make your website faster and improve user experience. Optimize Core Web Vitals and rank higher in Google. Get alerts when your site is too slow. Free 14-day trial." name="twitter:description">
<meta property="og:image" content="https://www.debugbear.com/public/landing/og-image.png">
<meta property="twitter:image" content="https://www.debugbear.com/public/landing/og-image.png">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">
<link rel="prefetch" href="https://www.debugbear.com/cdn/runtime~app.4ba9d8113b1859ce6561.js" nonce="" as="script" fetchpriority="low">
<link rel="prefetch" href="https://www.debugbear.com/cdn/5338.efae96a10bf3730d306d.js" nonce="" as="script" fetchpriority="low">
<link rel="prefetch" href="https://www.debugbear.com/cdn/6127.7cea7cbb6be14f470283.js" nonce="" as="script" fetchpriority="low">
<link rel="prefetch" href="https://www.debugbear.com/cdn/5423.39b9adc0e90f4623b59a.js" nonce="" as="script" fetchpriority="low">
<link rel="prefetch" href="https://www.debugbear.com/cdn/app.a6896a5643376b8dd721.js" nonce="" as="script" fetchpriority="low">
<link rel="prefetch" href="https://www.debugbear.com/cdn/chunk-page-load.cf01fcf419831769b87d.js" nonce="" as="script" fetchpriority="low">
<link rel="prefetch" href="https://www.debugbear.com/cdn/chunk-project.0b0f2ac335b53aeb2e7f.js" nonce="" as="script" fetchpriority="low">
<script nonce="" src="https://www.debugbear.com/cdn/runtime~landingPage.6173ff3f693146aaf256.js" defer=""></script>
<script nonce="" src="https://www.debugbear.com/cdn/961.ea081e29044b326c0f86.js" defer=""></script>
<script nonce="" src="https://www.debugbear.com/cdn/6127.7cea7cbb6be14f470283.js" defer=""></script>
<script nonce="" src="https://www.debugbear.com/cdn/landingPage.752d85dcdb164a5a453e.js" defer=""></script>
<style>
.product-intro {
background: white;
text-align: center;
height: 250px;
}
.product-intro__content {
width: 900px;
max-width: 90vw;
margin: auto;
}
.product-intro__image-container {
background: #1d6b99;
border-radius: 10px;
transform: translateY(-290px);
position: relative;
}
@media screen and (min-width: 900px) {
.product-intro__image-container img {
height: 532px;
}
}
@media screen and (max-width: 899px) {
.product-intro__image-container img {
min-height: 200px;
}
}
.product-intro__image-container img {
border-radius: 10px;
width: 900px;
max-width: 90vw;
}
@media screen and (min-width: 1400px) {
.product-intro__content,
.product-intro__image-container img,
.product-intro__image-container-background {
width: 1200px !important;
}
.product-intro__image-container img {
height: 709px;
}
.product-intro {
height: 400px;
}
}
@media screen and (max-width: 900px) {
.product-intro__image-container {
transform: translateY(-40px);
}
.product-intro__content,
.product-intro__image-container img,
.product-intro__image-container-background {
max-width: 350px !important;
}
.product-intro {
height: 210px;
}
}
.product-intro__image-container-background {
position: absolute;
bottom: 0;
width: 900px;
max-width: 90vw;
height: 200px;
z-index: -1;
box-shadow: 2px 0px 40px #c4c9d4;
border-radius: 10px;
}
#header .head-icon-name h1 {
font-weight: normal;
}
h2 {
font-size: 48px;
}
#header {
padding-top: 40px;
}
.main-title-h1 {
display: inline-block;
margin-bottom: 20px;
font-weight: bold;
font-size: 42px;
}
#header {
background: transparent !important;
height: 0;
box-sizing: border-box;
overflow: visible !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#header .container {
padding-top: 40px;
}
code {
color: inherit;
}
ul li {
line-height: 1.75em;
}
ul li:before {
content: "";
background: url(/public/tick-transparent.png);
display: inline-block;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-position-y: 1px;
background-size: 100%;
margin-right: 5px;
}
ul {
padding-top: 10px;
padding-left: 10px;
list-style-type: none;
font-size: 16px;
}
h2:not(.main-title-h1) {
font-size: 30px;
font-weight: bold;
color: #25495d;
}
img.homepage-img-head {
display: inline-block;
width: 70px;
height: 73px;
margin-right: 10px;
}
h2.main-title-h2,
h3.main-title-h2,
div.main-title-h2 {
opacity: 0.9;
margin: auto;
max-width: 85vw;
line-height: 1.5em;
font-size: 20px;
color: white;
font-weight: normal;
margin-top: 4px;
}
@media screen and (max-width: 800px) {
h2 {
font-size: 28px;
}
.head-icon-name {
display: block;
width: 100%;
text-align: center;
}
.head-icon-name img {
margin: auto !important;
margin-bottom: 10px !important;
display: block;
}
}
</style>
<script nonce="">localStorage.plausible_ignore=navigator.userAgent.includes("DebugBear")</script>
<script defer="" data-domain="debugbear.com" src="https://plausible.io/js/plausible.js" nonce=""></script>
<script nonce="">window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
<script nonce="">
window.requestIdleCallback = window.requestIdleCallback || function(fn) {
setTimeout(() => fn(), 100)
}
</script>
<script src="https://cdn.debugbear.com/8XbtWYsBxRww.js"></script><style>.bg-grey{background:#f6f5f6}.space-children-2>*+*{margin-top:.5rem}.top-right-dialog-close-button{border:0;background:rgba(0,0,0,0);position:absolute;top:.5rem;right:.5rem;padding:.5rem;font-size:16px;line-height:.8;color:#c7c7c7;cursor:pointer}.top-right-dialog-close-button:hover{color:#e45858}</style><style>.bg-grey{background:#f6f5f6}.space-children-2>*+*{margin-top:.5rem}.modal__content>:first-child{margin-top:0}.modal__content>:last-child{margin-bottom:0}.ReactModal__Overlay{background-color:rgba(19,47,68,.8) !important}</style><style>/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/.hamburger{padding:10px 10px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:rgba(0,0,0,0);border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#000}.hamburger-box{width:30px;height:20px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:30px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-8px}.hamburger-inner::after{bottom:-8px}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:8px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:16px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0, 8px, 0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-4.2857142857px, -4px, 0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0, -16px, 0) rotate(-90deg)}.mobile-nav{display:none}.mobile-nav.mobile-nav--white .hamburger-inner,.mobile-nav.mobile-nav--white .hamburger-inner::before,.mobile-nav.mobile-nav--white .hamburger-inner::after{background:#fff !important}.mobile-nav .hamburger-box{margin-bottom:-4px}@media screen and (max-width: 800px){.mobile-nav{display:block}}.mobile-nav__link{border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav__link a{padding:20px;display:block;color:#fff}.mobile-nav__link:first-child{border-top:1px solid rgba(255,255,255,.1)}.mobile-nav__content{padding-top:80px;padding-bottom:0;position:absolute;left:0;width:100vw;background:#222;z-index:1001}</style></head>
<body class="isHomeLandingPage disableWideContent
">
<div id="outer-container">
<header id="header" class="">
<style>
@media (min-width: 900px) {
.container-wide {
max-width: 900px;
}
}
@media (min-width: 1000px) {
.container-wide {
max-width: 1000px;
}
}
@media (min-width: 1200px) {
.container-wide {
max-width: 1200px;
}
}
</style>
<style>
.landing-page-top-section {
background-color: #0e7ab6;
background: linear-gradient(0deg, #206892, #0e7ab6);
background-size: cover;
}
.landing-page-top-section-plain-blue {
background: #0a5078;
background: linear-gradient(312deg, #28678a 50%, #763f98 99%)
}
.free-test-top-section {
background-color: #0e7ab6;
background: linear-gradient(320deg, #0ea7b6, #0e7ab6 70%);
}
.landing-page-top-section-plain-green {
background-color: #276935;
background: linear-gradient(0deg, #30723e, #306a5e);
}
</style>
<div class="container container-wide">
<div class="row">
<div class="col-12">
<div class="main-nav-top-left-content">
<div id="top-of-page"><div class="mobile-nav mobile-nav--white"><div style="position: absolute; top: -30px; right: 10px; z-index: 1002; border: 1px solid rgba(255, 255, 255, 0.1);"><button class="hamburger hamburger--slider" type="button" aria-label="Open menu"><span class="hamburger-box"><span class="hamburger-inner"></span></span></button></div></div></div>
<div id="project-dropdown-placeholder"></div>
<div id="main-nav-home-link-container">
<a id="main-nav-home-link" href="/" style="color: black;text-decoration:none" class="head-icon-name d-lg-flex align-items-center">
<img alt="DebugBear logo" class="homepage-img-head" src="/public/head-white-outline.png">
<span class="dbb-home-name">DebugBear</span>
</a>
</div>
</div>
<style>
@media screen and (min-width: 800px){
#header.sticky-header {
position: sticky;
top: 0;
height: auto;
z-index: 1000;
background: #075883 !important
}
#header.sticky-header .container {
padding-top: 10px;
padding-bottom: 10px;
}
#header.sticky-header img.homepage-img-head {
width: 38px;
height: auto;
}
}
</style>
<script nonce="">
window.addEventListener("scroll", () => {
if (document.documentElement.scrollTop > 100) {
document.querySelector("#header").classList.add("sticky-header")
} else {
document.querySelector("#header").classList.remove("sticky-header")
}
})
</script>
<nav class="header-nav-dropdown__container" style="min-width: 203px">
<div class="header-nav-dropdown">
<button class="header-nav-dropdown__trigger" tabindex="-1">Product</button>
<div class="header-nav-dropdown__flyout">
<a href="/real-user-monitoring">
<img src="/public/landing/icon-heart-rate.svg" alt="Computer icon">
<div>
Real-User Monitoring (RUM)
<div>Understand visitor experiences</div>
</div>
</a>
<a href="/synthetic-website-monitoring">
<img src="/public/landing/icon-experiment.svg" alt="Computer icon">
<div>
Synthetic Monitoring
<div>Analysis and recommendations</div>
</div>
</a>
<a href="https://www.debugbear.com/project/25972" rel="noopener" target="_blank">
<img src="/public/landing/icon-computer.svg" alt="Computer icon">
<div>
Interactive Demo
<div>Try DebugBear without signing up</div>
</div>
</a>
<a href="https://www.youtube.com/watch?v=4N0LkZATmlM" rel="noopener" target="_blank" id="header-watch-demo-video-link">
<img src="/public/landing/icon-video.svg" alt="Video icon">
<div>
Watch Video
<div>Two-minute walkthrough</div>
</div>
</a>
<a href="https://calendly.com/matt-665/debugbear-demo" rel="noopener" target="_blank">
<img src="/public/landing/icon-demo.svg" alt="Call icon">
<div>
Book a Call
<div>Get your questions answered</div>
</div>
</a>
</div>
</div>
<div class="header-nav-dropdown">
<button class="header-nav-dropdown__trigger d-none d-xl-flex" tabindex="-1">Why DebugBear?</button>
<div class="header-nav-dropdown__flyout">
<a href="/for/seo-and-marketing">
<img src="/public/landing/icon-marketing.svg" alt="Chart icon">
<div>
Marketing & Technical SEO
<div>Rank higher in Google</div>
</div>
</a>
<a href="/for/developers">
<img src="/public/landing/icon-laptop.svg" alt="Laptop icon">
<div>
Software Developers
<div>In-depth analysis and API access</div>
</div>
</a>
<a href="/for/agencies">
<img src="/public/landing/icon-agencies.svg" alt="People icon">
<div>
Digital Agencies
<div>Keep client websites fast</div>
</div>
</a>
<a href="/for/ecommerce">
<img src="/public/landing/icon-store.svg" alt="Store icon">
<div>
Ecommerce Stores
<div>Increase conversion rates</div>
</div>
</a>
<a href="/blog/why-site-speed-matters">
<img src="/public/landing/icon-gauge.svg" alt="Gauge icon">
<div>
Why Site Speed Matters
<div>Benefits of a fast website</div>
</div>
</a>
<a href="/docs/why-use-debugbear">
<img src="/public/landing/icon-rocket.svg" alt="Rocket icon">
<div>
Why Use DebugBear?
<div>Find out how we're different</div>
</div>
</a>
</div>
</div>
<a class="header-nav-link" href="/blog">Blog</a>
<a class="header-nav-link" href="/docs">Docs</a>
<a class="header-nav-link" href="/pricing">Pricing</a>
<a class="header-nav-link" href="/login">Log In</a>
<a class="header-nav-link primary-nav-cta nav-start-free-trial-btn" href="/signup">Start Free Trial</a>
</nav>
<div id="mobile-menu-placeholder">
</div>
</div>
</div>
</div>
</header>
<script nonce="">
function findGetParameter(parameterName) {
var result = null,
tmp = [];
location.search
.substr(1)
.split("&")
.forEach(function(item) {
tmp = item.split("=");
if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
});
return result;
}
if (findGetParameter("discountCode")) {
localStorage.setItem("discountCode", findGetParameter("discountCode"))
}
</script>
<script nonce="">
window.dbb = {
flashMessages: null,
projectInvite: null,
userMessages: null,
signupMeta: null
}
window.beData = {
userId: null,
userRole: null,
userEmail: null,
userCreatedAt: null,
userName: null,
userLastName: null,
userEmailConfirmed: null,
userProjects: [],
onboardingSteps: {},
highContrast: null,
zeitEmail: null,
loginType: "",
isCorp: false
};
window.beConfig = {
chargebeeSite: "debugbear",
githubAppName: "debugbear",
slackAppClientId: "433124843792.611881171426",
baseUrl: "https://www.debugbear.com",
testLoginStepEndpoint: "https://us-central1-debugbear-us.cloudfunctions.net/testLoginStep",
prettifyEndpoint: "https://us-central1-debugbear-us.cloudfunctions.net/prettify",
zeitIntegrationName: "debugbear"
}
</script>
<script nonce="">
var env = "production";
var _rollbarConfig = {
accessToken: "92ca14e1fe504be8bad8ad178eda6b1c",
captureUncaught: true,
captureUnhandledRejections: true,
payload: {
environment: "production",
client: {
javascript: {
code_version: '1.0.0',
}
},
},
checkIgnore: function(isUncaught, args, payload) {
if (JSON.stringify(payload?.body?.trace).includes("chrome://")) {
return true
}
}
};
if (env === "production") {
// Rollbar Snippet
!function(r){var e={};function o(n){if(e[n])return e[n].exports;var t=e[n]={i:n,l:!1,exports:{}};return r[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=r,o.c=e,o.d=function(r,e,n){o.o(r,e)||Object.defineProperty(r,e,{enumerable:!0,get:n})},o.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},o.t=function(r,e){if(1&e&&(r=o(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var t in r)o.d(n,t,function(e){return r[e]}.bind(null,t));return n},o.n=function(r){var e=r&&r.__esModule?function(){return r.default}:function(){return r};return o.d(e,"a",e),e},o.o=function(r,e){return Object.prototype.hasOwnProperty.call(r,e)},o.p="",o(o.s=0)}([function(r,e,o){"use strict";var n=o(1),t=o(5);_rollbarConfig=_rollbarConfig||{},_rollbarConfig.rollbarJsUrl=_rollbarConfig.rollbarJsUrl||"https://cdn.rollbar.com/rollbarjs/refs/tags/v2.26.4/rollbar.min.js",_rollbarConfig.async=void 0===_rollbarConfig.async||_rollbarConfig.async;var a=n.setupShim(window,_rollbarConfig),l=t(_rollbarConfig);window.rollbar=n.Rollbar,a.loadFull(window,document,!_rollbarConfig.async,_rollbarConfig,l)},function(r,e,o){"use strict";var n=o(2),t=o(3);function a(r){return function(){try{return r.apply(this,arguments)}catch(r){try{console.error("[Rollbar]: Internal error",r)}catch(r){}}}}var l=0;function i(r,e){this.options=r,this._rollbarOldOnError=null;var o=l++;this.shimId=function(){return o},"undefined"!=typeof window&&window._rollbarShims&&(window._rollbarShims[o]={handler:e,messages:[]})}var s=o(4),d=function(r,e){return new i(r,e)},c=function(r){return new s(d,r)};function u(r){return a((function(){var e=this,o=Array.prototype.slice.call(arguments,0),n={shim:e,method:r,args:o,ts:new Date};window._rollbarShims[this.shimId()].messages.push(n)}))}i.prototype.loadFull=function(r,e,o,n,t){var l=!1,i=e.createElement("script"),s=e.getElementsByTagName("script")[0],d=s.parentNode;i.crossOrigin="",i.src=n.rollbarJsUrl,o||(i.async=!0),i.onload=i.onreadystatechange=a((function(){if(!(l||this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState)){i.onload=i.onreadystatechange=null;try{d.removeChild(i)}catch(r){}l=!0,function(){var e;if(void 0===r._rollbarDidLoad){e=new Error("rollbar.js did not load");for(var o,n,a,l,i=0;o=r._rollbarShims[i++];)for(o=o.messages||[];n=o.shift();)for(a=n.args||[],i=0;i<a.length;++i)if("function"==typeof(l=a[i])){l(e);break}}"function"==typeof t&&t(e)}()}})),d.insertBefore(i,s)},i.prototype.wrap=function(r,e,o){try{var n;if(n="function"==typeof e?e:function(){return e||{}},"function"!=typeof r)return r;if(r._isWrap)return r;if(!r._rollbar_wrapped&&(r._rollbar_wrapped=function(){o&&"function"==typeof o&&o.apply(this,arguments);try{return r.apply(this,arguments)}catch(o){var e=o;throw e&&("string"==typeof e&&(e=new String(e)),e._rollbarContext=n()||{},e._rollbarContext._wrappedSource=r.toString(),window._rollbarWrappedError=e),e}},r._rollbar_wrapped._isWrap=!0,r.hasOwnProperty))for(var t in r)r.hasOwnProperty(t)&&(r._rollbar_wrapped[t]=r[t]);return r._rollbar_wrapped}catch(e){return r}};for(var p="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleAnonymousErrors,handleUnhandledRejection,captureEvent,captureDomContentLoaded,captureLoad".split(","),f=0;f<p.length;++f)i.prototype[p[f]]=u(p[f]);r.exports={setupShim:function(r,e){if(r){var o=e.globalAlias||"Rollbar";if("object"==typeof r[o])return r[o];r._rollbarShims={},r._rollbarWrappedError=null;var l=new c(e);return a((function(){e.captureUncaught&&(l._rollbarOldOnError=r.onerror,n.captureUncaughtExceptions(r,l,!0),e.wrapGlobalEventHandlers&&t(r,l,!0)),e.captureUnhandledRejections&&n.captureUnhandledRejections(r,l,!0);var a=e.autoInstrument;return!1!==e.enabled&&(void 0===a||!0===a||function(r){return!("object"!=typeof r||void 0!==r.page&&!r.page)}(a))&&r.addEventListener&&(r.addEventListener("load",l.captureLoad.bind(l)),r.addEventListener("DOMContentLoaded",l.captureDomContentLoaded.bind(l))),r[o]=l,l}))()}},Rollbar:c}},function(r,e,o){"use strict";function n(r,e,o,n){r._rollbarWrappedError&&(n[4]||(n[4]=r._rollbarWrappedError),n[5]||(n[5]=r._rollbarWrappedError._rollbarContext),r._rollbarWrappedError=null);var t=e.handleUncaughtException.apply(e,n);o&&o.apply(r,n),"anonymous"===t&&(e.anonymousErrorsPending+=1)}r.exports={captureUncaughtExceptions:function(r,e,o){if(r){var t;if("function"==typeof e._rollbarOldOnError)t=e._rollbarOldOnError;else if(r.onerror){for(t=r.onerror;t._rollbarOldOnError;)t=t._rollbarOldOnError;e._rollbarOldOnError=t}e.handleAnonymousErrors();var a=function(){var o=Array.prototype.slice.call(arguments,0);n(r,e,t,o)};o&&(a._rollbarOldOnError=t),r.onerror=a}},captureUnhandledRejections:function(r,e,o){if(r){"function"==typeof r._rollbarURH&&r._rollbarURH.belongsToShim&&r.removeEventListener("unhandledrejection",r._rollbarURH);var n=function(r){var o,n,t;try{o=r.reason}catch(r){o=void 0}try{n=r.promise}catch(r){n="[unhandledrejection] error getting `promise` from event"}try{t=r.detail,!o&&t&&(o=t.reason,n=t.promise)}catch(r){}o||(o="[unhandledrejection] error getting `reason` from event"),e&&e.handleUnhandledRejection&&e.handleUnhandledRejection(o,n)};n.belongsToShim=o,r._rollbarURH=n,r.addEventListener("unhandledrejection",n)}}}},function(r,e,o){"use strict";function n(r,e,o){if(e.hasOwnProperty&&e.hasOwnProperty("addEventListener")){for(var n=e.addEventListener;n._rollbarOldAdd&&n.belongsToShim;)n=n._rollbarOldAdd;var t=function(e,o,t){n.call(this,e,r.wrap(o),t)};t._rollbarOldAdd=n,t.belongsToShim=o,e.addEventListener=t;for(var a=e.removeEventListener;a._rollbarOldRemove&&a.belongsToShim;)a=a._rollbarOldRemove;var l=function(r,e,o){a.call(this,r,e&&e._rollbar_wrapped||e,o)};l._rollbarOldRemove=a,l.belongsToShim=o,e.removeEventListener=l}}r.exports=function(r,e,o){if(r){var t,a,l="EventTarget,Window,Node,ApplicationCache,AudioTrackList,ChannelMergerNode,CryptoOperation,EventSource,FileReader,HTMLUnknownElement,IDBDatabase,IDBRequest,IDBTransaction,KeyOperation,MediaController,MessagePort,ModalWindow,Notification,SVGElementInstance,Screen,TextTrack,TextTrackCue,TextTrackList,WebSocket,WebSocketWorker,Worker,XMLHttpRequest,XMLHttpRequestEventTarget,XMLHttpRequestUpload".split(",");for(t=0;t<l.length;++t)r[a=l[t]]&&r[a].prototype&&n(e,r[a].prototype,o)}}},function(r,e,o){"use strict";function n(r,e){this.impl=r(e,this),this.options=e,function(r){for(var e=function(r){return function(){var e=Array.prototype.slice.call(arguments,0);if(this.impl[r])return this.impl[r].apply(this.impl,e)}},o="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleAnonymousErrors,handleUnhandledRejection,_createItem,wrap,loadFull,shimId,captureEvent,captureDomContentLoaded,captureLoad".split(","),n=0;n<o.length;n++)r[o[n]]=e(o[n])}(n.prototype)}n.prototype._swapAndProcessMessages=function(r,e){var o,n,t;for(this.impl=r(this.options);o=e.shift();)n=o.method,t=o.args,this[n]&&"function"==typeof this[n]&&("captureDomContentLoaded"===n||"captureLoad"===n?this[n].apply(this,[t[0],o.ts]):this[n].apply(this,t));return this},r.exports=n},function(r,e,o){"use strict";r.exports=function(r){return function(e){if(!e&&!window._rollbarInitialized){for(var o,n,t=(r=r||{}).globalAlias||"Rollbar",a=window.rollbar,l=function(r){return new a(r)},i=0;o=window._rollbarShims[i++];)n||(n=o.handler),o.handler._swapAndProcessMessages(l,o.messages);window[t]=n,window._rollbarInitialized=!0}}}}]);
// End Rollbar Snippet
}
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script nonce="" async="" src="https://www.googletagmanager.com/gtag/js?id=G-Z4JJBGM0GY"></script>
<script nonce="">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('consent', 'default', {
'ad_storage': 'denied',
'analytics_storage': 'denied'
});
gtag('config', 'G-Z4JJBGM0GY', { 'transport_type': 'beacon'});
</script>
<div id="page-content">
<div class="section section--dark section--first landing-page-top-section">
<div class="container">
<div class="row">
<div class="col-12" style="text-align: center;">
<h1 class="main-title-h1 animation--slideup">Monitor Page Speed and Core Web Vitals</h1>
<h2 class="main-title-h2 animation--slideup">
Optimize web performance to improve user experience and rank higher in Google.
</h2>
<div class="data-types-container animation--slideup">
<a href="/synthetic-website-monitoring" data-datatype-link="lab">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14" height="14" width="14"><g><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m3.10938 8.35083 7.80432 0" stroke-width="1"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.2857 5.28571V1h3.42858v4.28571l4.04392 5.66149c0.1573 0.2202 0.2418 0.484 0.2418 0.7546C13 12.4188 12.4188 13 11.7018 13H2.29824C1.58124 13 1 12.4188 1 11.7018c0 -0.2706 0.08454 -0.5344 0.24182 -0.7546L5.2857 5.28571Z" stroke-width="1"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.42871 1h5.14286" stroke-width="1"></path></g></svg>
<div>Scheduled Lab Tests</div>
</a>
<a href="/google-crux-monitoring" data-datatype-link="crux">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14" height="14" width="14"><g><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7.48997 1.09 1.59 3.21c0.03616 0.08148 0.09305 0.15205 0.16499 0.20469 0.07194 0.05264 0.15641 0.0855 0.24501 0.09531L13 5.12c0.1016 0.01307 0.1974 0.05478 0.2762 0.12026 0.0788 0.06548 0.1374 0.15204 0.1689 0.24956 0.0314 0.09751 0.0345 0.20197 0.0088 0.30116 -0.0257 0.0992 -0.0791 0.18903 -0.1539 0.25902l-2.53 2.51c-0.0646 0.06033 -0.1131 0.13585 -0.141 0.21968 -0.0279 0.08383 -0.0345 0.17332 -0.019 0.26032l0.61 3.53c0.0176 0.1014 0.0065 0.2058 -0.0322 0.3012 -0.0388 0.0954 -0.1035 0.178 -0.1868 0.2384 -0.0834 0.0605 -0.182 0.0963 -0.2848 0.1034 -0.1027 0.0072 -0.2053 -0.0147 -0.2962 -0.063l-3.16003 -1.67c-0.08091 -0.0397 -0.16986 -0.0604 -0.26 -0.0604s-0.17908 0.0207 -0.26 0.0604l-3.16 1.67c-0.09091 0.0483 -0.19356 0.0702 -0.29627 0.063 -0.10271 -0.0071 -0.20136 -0.0429 -0.28471 -0.1034 -0.08336 -0.0604 -0.14808 -0.143 -0.1868 -0.2384 -0.03872 -0.0954 -0.04988 -0.1998 -0.03222 -0.3012l0.61 -3.57c0.01546 -0.087 0.00892 -0.17649 -0.01902 -0.26032 -0.02795 -0.08383 -0.07641 -0.15935 -0.14098 -0.21968L0.669972 6.05c-0.075737 -0.0719 -0.129 -0.16422 -0.153336 -0.26578 -0.024336 -0.10156 -0.0187 -0.208 0.016223 -0.30642 0.034924 -0.09842 0.097637 -0.1846 0.180544 -0.24811 0.082907 -0.0635 0.182449 -0.1016 0.286569 -0.10969L4.50997 4.6c0.0886 -0.00981 0.17308 -0.04267 0.24502 -0.09531 0.07193 -0.05264 0.12882 -0.12321 0.16498 -0.20469l1.59 -3.21c0.0433 -0.093488 0.11244 -0.172641 0.19927 -0.228113 0.08682 -0.055472 0.1877 -0.084948 0.29073 -0.084948 0.10303 0 0.20391 0.029476 0.29074 0.084948 0.08682 0.055472 0.15596 0.134625 0.19926 0.228113v0Z" stroke-width="1"></path></g></svg>
<div>Google CrUX Data</div>
</a>
<a href="/real-user-monitoring" data-datatype-link="rum">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14" height="14" width="14"><g><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.75 4.5c1.1046 0 2 -0.89543 2 -2s-0.8954 -2 -2 -2c-1.10457 0 -2 0.89543 -2 2s0.89543 2 2 2Z" stroke-width="1"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.75 6.5c-2.75002 0 -2.75 7 -2.75 7h5.5s0 -7 -2.75 -7Z" stroke-width="1"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.25 4.5c1.10457 0 2 -0.89543 2 -2s-0.89543 -2 -2 -2 -2 0.89543 -2 2 0.89543 2 2 2Z" stroke-width="1"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.25 13.5C0.500025 13.5 0.5 6.5 0.5 6.5H6s-0.00002 7 -2.75 7Z" stroke-width="1"></path></g></svg>
<div>Real User Monitoring</div>
</a>
</div>
<script nonce="">
document.querySelectorAll("[data-datatype-link]").forEach((el) => {
el.addEventListener("mouseenter", (e) => {
e.preventDefault();
const type = e.target.closest("[data-datatype-link]").getAttribute("data-datatype-link");
document.querySelectorAll("[data-datatype-screenshot]").forEach((el) => {
el.style.opacity = 0;
});
document.querySelector("[data-datatype-screenshot=" + type + "]").style.opacity = 1;
});
});
</script>
<div style="margin-top: 50px;">
<a class="btn btn-primary btn-primary-red animation--slideup" href="/signup">
➔ Start Free Trial
</a>
<div style="font-size: 13px; margin-top: 8px; opacity: 0.75" class="animation--slideup">No card required. Get set up in minutes.</div>
</div>
</div>
</div>
</div>
</div>
<div class="product-intro">
<div class="product-intro__content ">
<div class="product-intro__image-container">
<div class="product-intro__image-container-background">
</div>
<img fetchpriority="high" src="https://www.debugbear.com/dimg/725359cdcb971a56aa688ac7a8fc7432.png" srcset="https://dbbdimg.imgix.net/dimg/725359cdcb971a56aa688ac7a8fc7432.png?q=100&auto=format&width=900 900w,
https://dbbdimg.imgix.net/dimg/725359cdcb971a56aa688ac7a8fc7432.png?q=100&auto=format&width=1200 1200w,
https://dbbdimg.imgix.net/dimg/725359cdcb971a56aa688ac7a8fc7432.png?q=100&auto=format&width=1800 1800w,
https://dbbdimg.imgix.net/dimg/725359cdcb971a56aa688ac7a8fc7432.png?q=100&auto=format&width=2400 2400w" sizes="(min-width: 1400px) 1200px, 900px" alt="Front-end web performance monitoring dashboard" data-datatype-screenshot="lab">
<img data-datatype-screenshot="crux" style="opacity: 0; position: absolute; top: 0; left: 0" src="https://www.debugbear.com/dimg/a0cb5384831036c6a8f6fbfe5974e676.png" srcset="https://dbbdimg.imgix.net/dimg/a0cb5384831036c6a8f6fbfe5974e676.png?q=100&auto=format&width=900 900w,
https://dbbdimg.imgix.net/dimg/a0cb5384831036c6a8f6fbfe5974e676.png?q=100&auto=format&width=1200 1200w,
https://dbbdimg.imgix.net/dimg/a0cb5384831036c6a8f6fbfe5974e676.png?q=100&auto=format&width=1800 1800w,
https://dbbdimg.imgix.net/dimg/a0cb5384831036c6a8f6fbfe5974e676.png?q=100&auto=format&width=2400 2400w" sizes="(min-width: 1400px) 1200px, 900px" alt="Website performance monitoring dashboard with Google CrUX metrics">
<img data-datatype-screenshot="rum" style="opacity: 0; position: absolute; top: 0; left: 0" src="https://www.debugbear.com/dimg/310c5cb1a4e8bd4f42ec5cc6cf70059a.png" srcset="https://dbbdimg.imgix.net/dimg/310c5cb1a4e8bd4f42ec5cc6cf70059a.png?q=100&auto=format&width=900 900w,
https://dbbdimg.imgix.net/dimg/310c5cb1a4e8bd4f42ec5cc6cf70059a.png?q=100&auto=format&width=1200 1200w,
https://dbbdimg.imgix.net/dimg/310c5cb1a4e8bd4f42ec5cc6cf70059a.png?q=100&auto=format&width=1800 1800w,
https://dbbdimg.imgix.net/dimg/310c5cb1a4e8bd4f42ec5cc6cf70059a.png?q=100&auto=format&width=2400 2400w" sizes="(min-width: 1400px) 1200px, 900px" alt="Website performance monitoring dashboard with real user data">
</div>
</div>
</div>
<div class="section section--light section--quote section--quote-top">
<div class="container">
<div class="row">
<div class="col-md-6" style="max-width: 720px;">
<div style="font-weight: bold">
”We've updated around 15,000 pages and saw some nice gains from it. "Good URLs" and their impressions
<a href="/case-study/coinstats">have increased 3x</a> since implementation.“
</div>
<div class="section-quote__author">
<img alt="Web performance monitoring user profile picture" src="/public/landing/rafayel.jpeg">
<div class="section-quote__author-text">
<div>
Rafayel Begoyan
</div>
<div>
Senior SEO Specialist at CoinStats
</div>
</div>
<img src="/public/landing/coinstats.svg" alt="CoinStats logo">
</div>
</div>
<div class="col-md-6" style="max-width: 720px;">
<div style="font-weight: bold">
”We love DebugBear. <a href="/case-study/medium">It has proven useful time and time again</a>. I evaluated the different competitors and DebugBear was the best overall product.“
</div>
<div class="section-quote__author">
<img alt="Web peformance monitoring user profile picture" src="/public/case-study/rafael.jpg">
<div class="section-quote__author-text">
<div>Rafael Corral</div>
<div>Senior Software Engineer</div>
</div>
<img src="/public/landing/medium.svg" alt="Medium logo">
</div>
</div>
</div>
</div>
</div>
<style>
@keyframes scroll-right {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-1988px); /* image width plus 30px margin */
}
}
.customer-logos {
text-align:center;
}
.customer-logos--container {
display: flex;
width: 100%;
overflow: hidden;
text-align:left;
white-space: nowrap;
}
.customer-logos img {
height: 36px;
max-height: 100%;
margin-right: 30px;
filter: grayscale(1) contrast(40%);
animation: 75s scroll-right linear infinite;
}
</style>
<div class="container">
<div class="row">
<div class="col-md-12 customer-logos">
<div style="margin-top: 60px; margin-bottom: 20px; opacity: 0.7">Trusted By Hundreds Of Happy Customers</div>
<div class="customer-logos--container">
<img src="/public/landing/customer-logos.webp" alt="DebugBear Customers">
<img src="/public/landing/customer-logos.webp" alt="DebugBear Customers">
</div>
</div>
</div>
</div>
<div class="section--wrapper">
<div class="section section--text-image">
<div class="container">
<div class="row">
<div class="col-md-5">
<h2>Be faster than your competition</h2>
<div class="row">
<div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Improve Google rankings</h3>
<p>
Optimize Google's <a href="/docs/metrics/core-web-vitals" target="_blank">Core Web Vitals</a> metrics to get more organic traffic.
</p>
</div><div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Higher conversion rates</h3>
<p>
A slow website can <a href="/blog/why-site-speed-matters">lose you customers</a> and leave visitors frustrated.
</p>
</div><div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Catch problems early</h3>
<p>
Track page speed over time and get alerts if there's a performance regression.
</p>
</div> </div>
</div>
<div class="section--text-image--image col-md-7">
<div class="circle"><div></div></div>
<img loading="lazy" class="image-style animation--scroll-scaleup" src="/public/landing/project-overview-new-3.png" srcset="https://dbb.imgix.net/landing/project-overview-new-3.png?q=100&auto=format&width=580 1x,
https://dbb.imgix.net/landing/project-overview-new-3.png?auto=format&dpr=2&width=1160 2x" alt="Front-end web performance monitoring dashboard" style="max-width: 100%;">
</div>
</div>
</div>
</div>
<div class="section section--text-image">
<div class="container">
<div class="row">
<div class="col-md-5">
<h2>See why your website is slow</h2>
<div class="row">
<div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Filmstrip and video view</h3>
<p>
See how users on a mobile connection would experience your website.
Clearly communicate problems to your team and show off successes to clients.
</p>
</div><div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Network request waterfall</h3>
<p>
Get a detailed report on what's happening on your website.
Easily correlate network activity with CPU tasks and rendering progress.
</p>
</div> </div>
</div>
<div class="section--text-image--image col-md-7">
<div class="circle"><div></div></div>
<img loading="lazy" class="image-style animation--scroll-scaleup" src="/public/landing/waterfall-new.png" srcset="https://dbb.imgix.net/landing/waterfall-new.png?q=100&auto=format&width=580 1x,
https://dbb.imgix.net/landing/waterfall-new.png?auto=format&dpr=2&width=1160 2x" alt="Request waterfall and page size changes" style="max-width: 100%;">
</div>
</div>
</div>
</div>
<div class="section section--text-image">
<div class="container">
<div class="row">
<div class="col-md-5">
<h2>Optimize Core Web Vitals</h2>
<div class="row">
<div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Performance recommendation</h3>
<p>
Test your website to see how you can make it faster.
DebugBear automatically identifies problems on your site
and highlights the data you need to fix them.
</p>
</div><div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Debug data for every metric</h3>
<p>
Select one of over 70 metrics and view the data you need to optimize it.
</p>
</div><div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Run site speed experiments</h3>
<p>
See the <a href="/docs/experiments" target="_blank">impact of performance optimizations</a> without deploying changes to your website.
</p>
</div> </div>
</div>
<div class="section--text-image--image col-md-7">
<div class="circle"><div></div></div>
<img loading="lazy" class="image-style animation--scroll-scaleup" src="/public/landing/lcp-optimization.png" srcset="https://dbb.imgix.net/landing/lcp-optimization.png?q=100&auto=format&width=580 1x,
https://dbb.imgix.net/landing/lcp-optimization.png?auto=format&dpr=2&width=1160 2x" alt="Largest Contentful Paint request chain" style="max-width: 100%;">
</div>
</div>
</div>
</div>
<div class="section section--text-image">
<div class="container">
<div class="row">
<div class="col-md-5">
<h2>Track the data that matters</h2>
<div class="row">
<div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Reliable lab-based tests</h3>
<p>
Automatically run lab tests on a schedule and keep track of Google Lighthouse scores.
Get more <a href="/blog/simulated-throttling">reliable data</a> than you'd get from PageSpeed Insights.
</p>
</div><div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Google CrUX data</h3>
<p>
Continuously track real user data from the
<a href="/blog/chrome-user-experience-report" target="_blank">Chrome User Experience Report (CrUX)</a>.
This is what impacts Google search results.
</p>
</div><div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Real user page speed analytics</h3>
<p>
Track <a href="/real-user-monitoring">real user experience</a> across your website, without the 28-day delay
that comes with Google's data.
</p>
</div> </div>
</div>
<div class="section--text-image--image col-md-7">
<div class="circle"><div></div></div>
<img loading="lazy" class="image-style animation--scroll-scaleup" src="/public/landing/ru-correlation.png" srcset="https://dbb.imgix.net/landing/ru-correlation.png?q=100&auto=format&width=580 1x,
https://dbb.imgix.net/landing/ru-correlation.png?auto=format&dpr=2&width=1160 2x" alt="Core Web Vitals monitoring" style="max-width: 100%;">
</div>
</div>
</div>
</div>
<div class="section section--text-image">
<div class="container">
<div class="row">
<div class="col-md-5">
<h2>Real User Monitoring</h2>
<div class="row">
<div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Understand user experience</h3>
<p>
Collect data from across your whole website to identify slow pages and visitor cohorts.
</p>
</div><div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Optimize your website</h3>
<p>
Identify what's responsible for poor Core Web Vitals and optimize accordingly.
</p>
</div><div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Improve Interaction to Next Paint</h3>
<p>
DebugBear RUM identifies what page elements frequently cause slow responsiveness
and provides context to help fix the issues.
</p>
</div> <a href="/real-user-monitoring" class="btn btn-primary">➔ Learn More</a>
</div>
</div>
<div class="section--text-image--image col-md-7">
<div class="circle"><div></div></div>
<img loading="lazy" class="image-style animation--scroll-scaleup" src="https://www.debugbear.com/dimg/9bd2711759500db067bde4fc3e90d25b.png" srcset="https://dbbdimg.imgix.net/dimg/9bd2711759500db067bde4fc3e90d25b.png?q=100&auto=format&width=580 1x,
https://dbbdimg.imgix.net/dimg/9bd2711759500db067bde4fc3e90d25b.png?auto=format&dpr=2&width=1160 2x" alt="Page speed world map" style="max-width: 100%;">
</div>
</div>
</div>
</div>
<div class="section section--text-image">
<div class="container">
<div class="row">
<div class="col-md-5">
<h2>Catch and fix regressions</h2>
<div class="row">
<div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Automatic change notifications</h3>
<p class="mb-1">
Added a new render-blocking script?
Uploaded a 5 MB image?
Got a slow server response?
</p>
<p class="mt-2">
Use our zero-config automatic alerts, or set custom thresholds.
</p>
</div><div class="col-md-12 section-bullet animation--scroll-slideleft">
<h3>Compare test results</h3>
<p>
Wondering why your site got slower? Use our in-depth before and after comparison to see exactly what changed.
</p>
</div> </div>
</div>
<div class="section--text-image--image col-md-7">
<div class="circle"><div></div></div>
<img loading="lazy" class="image-style animation--scroll-scaleup" src="/public/landing/regression.png" srcset="https://dbb.imgix.net/landing/regression.png?q=100&auto=format&width=580 1x,
https://dbb.imgix.net/landing/regression.png?auto=format&dpr=2&width=1160 2x" alt="Catch and fix regressions" style="max-width: 100%;">
</div>
</div>
</div>
</div></div>
<div class="section section--light section--quote">
<div class="container" style="padding-top: 70px; padding-bottom: 70px">
<div class="row">
<div class="col-md-6 animation--scroll-slideright" style="max-width: 720px;">
<div>
”DebugBear delivers the
<b>best stats for before and after changes</b>
in exquisite detail. It also shows clear and easy to find data for
Google's Web Vitals.
</div>
<div class="section-quote__author">
<img alt="Web peformance monitoring user profile picture" src="/public/landing/tony.jpg">
<div class="section-quote__author-text">
<div>Tony Cosentino</div>
<div>Owner at
<a href="http://thewpguy.com.au/" rel="noopener" target="_blank">The WP Guy</a></div>
</div>
<img src="/public/landing/wp-guy.png" alt="The WP Guy logo">
</div>
</div>
<div class="col-md-6 animation--scroll-slideright" style="max-width: 720px;">
<div style="">
”The reporting data is very helpful in pinpointing what causes
site speed issues – immediately actionable.
<b>It's well above and beyond the info you get from Lighthouse</b>
and the performance tests through Chrome.“
</div>
<div class="section-quote__author">
<img alt="Web peformance monitoring user profile picture" src="/public/landing/loren.jpeg">
<div class="section-quote__author-text">
<div>
Loren McDonald
</div>
<div>
IT Director
</div>
</div>
<img src="/public/landing/manncorp.png" alt="Manncorp logo">
</div>
</div>
</div>
<div class="row" style="margin-top: 30px">
<div class="col-md-6 animation--scroll-slideright" style="max-width: 720px;">
<div>
”<b>The most actionable-info packed page speed visualization
available</b>. DebugBear provides unique features that are crucial
to debugging complex issues, like request-chain visualization."
</div>
<div class="section-quote__author">
<img alt="Web performance testimonial photo" src="/public/landing/robin-marx.jpeg">
<div class="section-quote__author-text">
<div>Robin Marx</div>
<div>Web Protocol and Performance Expert</div>
</div>
<img src="/public/landing/akamai.svg" alt="Akamai logo">
</div>
</div>
<div class="col-md-6 animation--scroll-slideright" style="max-width: 720px;">
<div>
”DebugBear's alerts are our <b>early warning system</b>. They <a href="/case-study/sitecare">catch new scripts</a> that could slow us down <b>before they become a problem</b>.”
</div>
<div class="section-quote__author">
<img alt="Web peformance monitoring user profile picture" src="https://dbbdimg.imgix.net/fb9061048d8c4d471ec35b47bba52b51.jpeg?w=120">
<div class="section-quote__author-text">
<div>Ryan Sullivan</div>
<div>Chief of Staff at SiteCare</div>
</div>
<img class="company-logo" alt="SiteCare logo" src="https://dbbdimg.imgix.net/16ba60365aed9fdc707217a742f92a1c.png?width=200">
</div>
</div>
</div>
</div>
</div>
<style>
.landing-page-bottom-section {
background: #0272bf;
background: url(/public/bg-blue-zag.webp);
background-size: cover;
}
</style>
<div class="section landing-page-bottom-section">
<div class="container" style="text-align: center;">
<div class="row">
<div class="col-md-12">
<h2 style="color: white; font-size: 40px; margin-bottom: 10px">
Get set up in minutes.
</h2>
<div style="color: white; font-size: 20px; ">
No credit card required.
</div>
<a style="margin-top: 40px; font-size: 18px" class="btn btn-primary btn-primary-red animation--scroll-scaleup" href="/signup">
Start Free 14-Day Trial
</a>
<div>
<a style="color: white; margin-top: 20px; display: block; opacity: 0.8;" href="https://calendly.com/matt-665/debugbear-demo">
Book A Demo
</a>
</div>
</div>
</div>
</div>
<script type="speculationrules" nonce="">
{
"prerender": [
{
"source": "document",
"where": {
"href_matches": [
"/pricing",
"/signup"
]
},
"eagerness": "moderate"
}
]
}
</script>
</div>
<div class="old-browser-warning d-none">
<button type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>
</svg>
</button>
<p>
You are using an old browser that is not supported anymore. You can
continue using the site, but some things might not work as expected.
</p>
</div>
<script nonce="">
const warningContainer = document.querySelector(".old-browser-warning")
if (warningContainer) {
if (isOldMobileIOS(window.navigator.userAgent) || isOldChrome(window.navigator.userAgent)) {
warningContainer.classList.remove("d-none")
if (window.env === "production" && Rollbar) {
Rollbar.configure({
enabled: false,
});
}
}
const button = warningContainer.querySelector("button")
if (button) {
button.addEventListener("click", () => {
warningContainer.classList.add("d-none")
})
}
function isOldMobileIOS(userAgent) {
const match = /Version\/([0-9\._]+).*Mobile.*Safari.*/.exec(userAgent);
if (!match) {
return false;
}
let versionParts = match[1].split(".").map((item) => parseFloat(item));
// In iOS 14.5 Safari public class fields became supported.
// Check that we are using at least that version
let isValidVersion = true;
if (versionParts[0] == 14) {
if (versionParts[1] >= 5) {
isValidVersion = true;
} else {
isValidVersion = false;
}
} else if (versionParts[0] > 14) {
isValidVersion = true;
} else {
isValidVersion = false;
}
return !isValidVersion;
}
}
function isOldChrome(userAgent) {
const match = /Chrom(e|ium)\/([0-9]+)\./.exec(userAgent)
if (!match) {
return false;
}
const version = match && match[2] ? parseInt(match[2]) : false;
return version < 100
}
</script>
<footer class="footer" id="link-footer">
<div class="container">
<div class="row">
<div class="col-md-3 col-6">
<h4>Learn More</h4>
<a href="/docs">Documentation</a>
<a href="/blog">Blog</a>
<h4 style="margin-top: 20px">Product</h4>
<a href="/changelog">Changelog</a>
<a href="/pricing">Pricing</a>
<a href="/integrations">Integrations</a>
<a href="/roadmap">Roadmap</a>
</div>
<div class="col-md-3 col-6">
<h4>Legal</h4>
<a href="/legal">Terms, Privacy, and Security</a>
<h4 style="margin-top: 20px">Features</h4>
<a href="/lighthouse">Lighthouse Score Monitoring</a>
<a href="/core-web-vitals-monitoring">Core Web Vitals Monitoring</a>
<a href="/website-performance-monitoring">Website Performance Monitoring</a>
<a href="/page-speed-monitoring">Page Speed Monitoring</a>
<h4 style="margin-top: 20px">Alternatives</h4>
<a href="/gtmetrix-alternative">GTmetrix Alternative</a>
<a href="/pagespeed-insights-alternative">PageSpeed Insights Alternative</a>
</div>
<div class="col-md-3 col-6">
<h4>Tools</h4>
<a href="/test/website-speed">Website Speed Test</a>
<a href="/html-size-analyzer">HTML Size Analyzer</a>
<a href="/resource-hint-validator">Resource Hint Validator</a>
<a href="/tools">All Tools</a>
<h4 style="margin-top: 20px">Web Performance</h4>
<a href="/docs/metrics/core-web-vitals">Core Web Vitals</a>
<a href="/docs/web-performance-metrics">Web Performance Metrics</a>
<a href="/newsletter">Site Speed Newsletter</a>
</div>
<div class="col-md-3 col-6">
<h4>Support</h4>
<a href="mailto:[email protected]" style="color: white" target="_blank">
Email
</a>
<a href="https://twitter.com/debugbear">Twitter</a>
<a href="/contact?ref=footer">Contact</a>
<h4 style="margin-top: 20px">Website</h4>
<a href="https://www.debugbear.com/project/25972">Demo</a>
<a href="/?noredirect">Homepage</a>
<a href="/case-studies">Case Studies</a>
<a href="/about">About Us</a>
</div>
</div>
</div>
</footer>
</div>
<div style="background: #094f78; padding: 10px; color: #9bc4de;text-align: center;" id="company-footer">
© 2024 DebugBear Ltd
</div>
<script nonce="">(function(){var dbpr=100;if(Math.random()*100>100-dbpr){var d="dbbRum",w=window,o=document,a=addEventListener,scr=o.createElement("script");w[d]=w[d]||[];w[d].push(["presampling",dbpr]);["error","unhandledrejection"].forEach((t)=>{a(t,(e)=>w[d].push([t,e]));});} scr.src="https://cdn.debugbear.com/8XbtWYsBxRww.js";o.head.appendChild(scr);})()</script>
<script nonce="">
window.dbbRum = window.dbbRum || [];
window.dbbRum.push(["tag1", "loggedOut"]);
const manyImages = performance.getEntriesByType("resource").filter(r => r.initiatorType === "img").length > 50;
window.dbbRum.push(["tag2", "manyImages-" + (manyImages?"yes":"no")]);
window.dbbRum.push(["tag4", "tag4value"]);
window.dbbRum.push(["tag5", "thetag5"]);
window.dbbRum.push(["metric1", new Date().getHours()]);
const core1CssEntry=performance.getEntriesByType("resource").find(r => r.name.includes("core-1.css"));
if (core1CssEntry){
window.dbbRum.push(["metric2", core1CssEntry.duration]);
}
</script>
<script nonce="">
window.intercomSettings = {
app_id: "d03lq65y"
};
</script>
<script nonce="">(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/d03lq65y';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()</script>
</div>
<div id="demo-modal-container"></div>
<script nonce="">
setTimeout(() => {
const selector = "a, button";
Array.from(document.querySelectorAll(selector)).forEach((el) => {
el.addEventListener("click", () => {
if (el.tagName === "A" && !el.href.includes("https://www.debugbear.com")) {
/* */
return
}
window["plausible"] && window["plausible"]('Link Click', {
props: {
title: el.text,
path: el["pathname"] || el.tagName
}
})
});
});
}, 1000)
</script>
<div class="ReactModalPortal"></div><iframe id="intercom-frame" style="position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; top: 0 !important; left: 0 !important; border: none !important; display: block !important; z-index: -1 !important; pointer-events: none;" aria-hidden="true" tabindex="-1" title="Intercom"></iframe><div class="intercom-lightweight-app"><style id="intercom-lightweight-app-style" type="text/css">
@keyframes intercom-lightweight-app-launcher {
from {
opacity: 0;
transform: scale(0.5);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes intercom-lightweight-app-gradient {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes intercom-lightweight-app-messenger {
0% {
opacity: 0;
transform: scale(0);
}
40% {
opacity: 1;
}
100% {
transform: scale(1);
}
}
.intercom-lightweight-app {
position: fixed;
z-index: 2147483001;
width: 0;
height: 0;
font-family: intercom-font, "Helvetica Neue", "Apple Color Emoji", Helvetica, Arial, sans-serif;
}
.intercom-lightweight-app-gradient {
position: fixed;
z-index: 2147483002;
width: 500px;
height: 500px;
bottom: 0;
right: 0;
pointer-events: none;
background: radial-gradient(
ellipse at bottom right,
rgba(29, 39, 54, 0.16) 0%,
rgba(29, 39, 54, 0) 72%);
animation: intercom-lightweight-app-gradient 200ms ease-out;
}
.intercom-lightweight-app-launcher {
position: fixed;
z-index: 2147483003;
padding: 0 !important;
margin: 0 !important;
border: none;
bottom: 20px;
right: 20px;
max-width: 48px;
width: 48px;
max-height: 48px;
height: 48px;
border-radius: 50%;
background: #0071b2;
cursor: pointer;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
transition: transform 167ms cubic-bezier(0.33, 0.00, 0.00, 1.00);
box-sizing: content-box;
}
.intercom-lightweight-app-launcher:hover {
transition: transform 250ms cubic-bezier(0.33, 0.00, 0.00, 1.00);
transform: scale(1.1)
}
.intercom-lightweight-app-launcher:active {
transform: scale(0.85);
transition: transform 134ms cubic-bezier(0.45, 0, 0.2, 1);
}
.intercom-lightweight-app-launcher:focus {
outline: none;
}
.intercom-lightweight-app-launcher-icon {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 48px;
height: 48px;
transition: transform 100ms linear, opacity 80ms linear;
}
.intercom-lightweight-app-launcher-icon-open {
opacity: 1;
transform: rotate(0deg) scale(1);
}
.intercom-lightweight-app-launcher-icon-open svg {
width: 24px;
height: 24px;
}
.intercom-lightweight-app-launcher-icon-open svg path {
fill: rgb(255, 255, 255);
}
.intercom-lightweight-app-launcher-icon-self-serve {
opacity: 1;
transform: rotate(0deg) scale(1);
}
.intercom-lightweight-app-launcher-icon-self-serve svg {
height: 44px;
}
.intercom-lightweight-app-launcher-icon-self-serve svg path {
fill: rgb(255, 255, 255);
}
.intercom-lightweight-app-launcher-custom-icon-open {
max-height: 24px;
max-width: 24px;
opacity: 1;
transform: rotate(0deg) scale(1);
}
.intercom-lightweight-app-launcher-icon-minimize {
opacity: 0;
transform: rotate(-60deg) scale(0);
}
.intercom-lightweight-app-launcher-icon-minimize svg path {
fill: rgb(255, 255, 255);
}
.intercom-lightweight-app-messenger {
position: fixed;
z-index: 2147483003;
overflow: hidden;
background-color: white;
animation: intercom-lightweight-app-messenger 250ms cubic-bezier(0, 1, 1, 1);
transform-origin: bottom right;
width: 400px;
height: calc(100% - 104px);
max-height: 704px;
min-height: 250px;
right: 20px;
bottom: 84px;
box-shadow: 0 5px 40px rgba(0,0,0,0.16);
border-radius: 16px;
}
.intercom-lightweight-app-messenger-header {
height: 64px;
border-bottom: none;
background: #0071b2
}
.intercom-lightweight-app-messenger-footer{
position:absolute;
bottom:0;
width: 100%;
height: 80px;
background: #fff;
font-size: 14px;
line-height: 21px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
}
@media print {
.intercom-lightweight-app {
display: none;
}
}
</style><div class="intercom-lightweight-app-launcher intercom-launcher" role="button" tabindex="0" aria-label="Open Intercom Messenger" aria-live="polite"><div class="intercom-lightweight-app-launcher-icon intercom-lightweight-app-launcher-icon-open"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 32"><path d="M28 32s-4.714-1.855-8.527-3.34H3.437C1.54 28.66 0 27.026 0 25.013V3.644C0 1.633 1.54 0 3.437 0h21.125c1.898 0 3.437 1.632 3.437 3.645v18.404H28V32zm-4.139-11.982a.88.88 0 00-1.292-.105c-.03.026-3.015 2.681-8.57 2.681-5.486 0-8.517-2.636-8.571-2.684a.88.88 0 00-1.29.107 1.01 1.01 0 00-.219.708.992.992 0 00.318.664c.142.128 3.537 3.15 9.762 3.15 6.226 0 9.621-3.022 9.763-3.15a.992.992 0 00.317-.664 1.01 1.01 0 00-.218-.707z"></path></svg></div><div class="intercom-lightweight-app-launcher-icon intercom-lightweight-app-launcher-icon-minimize"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.601 8.39897C18.269 8.06702 17.7309 8.06702 17.3989 8.39897L12 13.7979L6.60099 8.39897C6.26904 8.06702 5.73086 8.06702 5.39891 8.39897C5.06696 8.73091 5.06696 9.2691 5.39891 9.60105L11.3989 15.601C11.7309 15.933 12.269 15.933 12.601 15.601L18.601 9.60105C18.9329 9.2691 18.9329 8.73091 18.601 8.39897Z" fill="white"></path>
</svg>
</div></div></div></body></html>