1"use strict";(self.webpackChunkdebugbear_docusauruss=self.webpackChunkdebugbear_docusauruss||[]).push([[1052],{75728:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>d,contentTitle:()=>n,default:()=>m,frontMatter:()=>a,metadata:()=>i,toc:()=>l});var s=o(74848),r=o(28453);const a={title:"Chrome Local Overrides: Run Core Web Vitals Experiments",date:new Date("2022-11-22T00:00:00.000Z"),description:"The Local Overrides feature in Chrome DevTools can be used to test the impact of site speed optimizations. Override the response headers and body of any website.",image:"https://www.debugbear.com/dimg/b671b38f6b5fe7005121022577f5ce48.png",tags:["Chrome DevTools"],authors:["mattzeunert"]},n=void 0,i={permalink:"/blog/devtools-local-overrides",source:"@site/blog/devtools-local-overrides.md",title:"Chrome Local Overrides: Run Core Web Vitals Experiments",description:"The Local Overrides feature in Chrome DevTools can be used to test the impact of site speed optimizations. Override the response headers and body of any website.",date:"2022-11-22T00:00:00.000Z",tags:[{label:"Chrome DevTools",permalink:"/blog/tags/chrome-dev-tools"}],readingTime:5.225,hasTruncateMarker:!0,authors:[{name:"Matt Zeunert",title:"Founder at DebugBear",imageURL:"https://www.debugbear.com/dimg/50c8b0b02ea55da721750d84b296b5ef.jpeg",key:"mattzeunert"}],frontMatter:{title:"Chrome Local Overrides: Run Core Web Vitals Experiments",date:"2022-11-22T00:00:00.000Z",description:"The Local Overrides feature in Chrome DevTools can be used to test the impact of site speed optimizations. Override the response headers and body of any website.",image:"https://www.debugbear.com/dimg/b671b38f6b5fe7005121022577f5ce48.png",tags:["Chrome DevTools"],authors:["mattzeunert"]},unlisted:!1,lastUpdatedAt:1765225769e3,prevItem:{title:"How to Serve Images in Next-Gen Formats: An In-Depth Guide",permalink:"/blog/image-formats"},nextItem:{title:"What Is CSS @import And Why Can It Slow Down Websites?",permalink:"/blog/avoid-css-import"}},d={authorsImageUrls:[void 0]},l=[];function c(e){const t={a:"a",p:"p",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(t.p,{children:["Many ",(0,s.jsx)(t.a,{href:"https://www.debugbear.com/test/website-speed",children:"site speed testing tools"})," provide recommendations to make your website faster. But it can be hard to tell whether these recommendations will work and how big the impact will be."]}),"\n",(0,s.jsx)(t.p,{children:"To estimate how much an optimization will help you need to try it out on your website. But deploying a new change to a staging server can be slow."}),"\n",(0,s.jsxs)(t.p,{children:["The local overrides feature in ",(0,s.jsx)(t.a,{href:"/blog/use-chrome-devtools",children:"Chrome DevTools"})," offers a solution. It allows you to make changes to your website locally and then measure how they impact performance."]})]})}function m(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}},28453:(e,t,o)=>{o.d(t,{R:()=>n,x:()=>i});var s=o(96540);const r={},a=s.createContext(r);function n(e){const t=s.useContext(a);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:n(e.components),s.createElement(a.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.