[{"data":1,"prerenderedAt":85},["ShallowReactive",2],{"\u002Fglossary\u002Fcustom-performance-metric":3,"\u002Fglossary\u002Fcustom-performance-metric:related":68},{"id":4,"title":5,"author":6,"authorImage":7,"body":8,"category":53,"date":54,"description":55,"draft":56,"extension":57,"letter":58,"meta":59,"navigation":60,"path":61,"readTime":62,"related":63,"seo":64,"stem":66,"term":5,"__hash__":67},"glossary\u002Fglossary\u002Fcustom-performance-metric.md","Custom Performance Metric","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":49},"minimark",[11],[12,13,14,15,19,20,23,24,27,28,31,32,36,37,40,41,44,45,48],"p",{},"A ",[16,17,18],"strong",{},"custom performance metric"," is a user-defined measurement used to track the performance of specific, business-critical elements or interactions that are not captured by standard metrics. They are particularly useful when the ",[16,21,22],{},"Largest Contentful Paint (LCP)"," metric does not represent the most important element on the page. For instance, you can create a custom metric to measure the render time of a crucial but smaller element like a \"Buy Now\" button or a stock availability message, or to track the duration of a specific API call. These metrics are created using browser APIs like ",[16,25,26],{},"Element Timing"," and the ",[16,29,30],{},"User Timing API"," (",[33,34,35],"code",{},"performance.mark"," and ",[33,38,39],{},"performance.measure",") and can be collected and analyzed in both ",[16,42,43],{},"Lab Data"," tools and ",[16,46,47],{},"Field Data (RUM)"," solutions.",{"title":50,"searchDepth":51,"depth":51,"links":52},"",2,[],null,"April 8, 2026","A custom performance metric is a user-defined measurement used to track the performance of specific, business-critical elements or interactions that are not captured by standard metrics.",false,"md","C",{},true,"\u002Fglossary\u002Fcustom-performance-metric","1 min read",[],{"title":65,"description":55},"Custom Performance Metric: Definition | Web Performance Glossary","glossary\u002Fcustom-performance-metric","CFiNotyZz0xw8gZcPVQYfGq0kUdvqfK2CYYPibZ8ac8",[69,73,77,81],{"path":70,"title":71,"description":72,"letter":58},"\u002Fglossary\u002Fcdn-content-delivery-network","CDN (Content Delivery Network)","A CDN, or Content Delivery Network, is a globally distributed network of servers designed to deliver web content to users quickly and efficiently.",{"path":74,"title":75,"description":76,"letter":58},"\u002Fglossary\u002Fcors-cross-origin-resource-sharing","CORS (Cross-Origin Resource Sharing)","CORS is a browser security feature that uses HTTP headers to manage whether a web page from one domain is allowed to fetch resources from another domain.",{"path":78,"title":79,"description":80,"letter":58},"\u002Fglossary\u002Fcpu-time","CPU time","CPU time is the amount of time the Central Processing Unit (CPU) of a user's device spends processing the scripts and rendering a webpage.",{"path":82,"title":83,"description":84,"letter":58},"\u002Fglossary\u002Fcache","Cache","A cache is a high-speed, temporary storage layer designed to store copies of website files (like HTML, images, and scripts) closer to the user.",1787756713867]