[{"data":1,"prerenderedAt":55},["ShallowReactive",2],{"\u002Fglossary\u002Ffirst-contentful-paint-fcp":3,"\u002Fglossary\u002Ffirst-contentful-paint-fcp:related":38},{"id":4,"title":5,"author":6,"authorImage":7,"body":8,"category":22,"date":23,"description":24,"draft":25,"extension":26,"letter":27,"meta":28,"navigation":29,"path":30,"readTime":31,"related":32,"seo":33,"stem":35,"term":36,"__hash__":37},"glossary\u002Fglossary\u002Ffirst-contentful-paint-fcp.md","First Contentful Paint (FCP)","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":18},"minimark",[11],[12,13,14,17],"p",{},[15,16,5],"strong",{}," is a performance metric that measures the time from when a user initiates loading the page until the first piece of content (text, image, or other element) is rendered on the screen. FCP is important for measuring the perceived loading experience; a fast FCP makes it feel like the page is loading quickly even if the full page takes longer to finish loading.",{"title":19,"searchDepth":20,"depth":20,"links":21},"",2,[],null,"April 8, 2026","First Contentful Paint (FCP) is a performance metric that measures the time from when a user initiates loading the page until the first piece of content (text, image, or other element) is rendered on the screen.",false,"md","F",{},true,"\u002Fglossary\u002Ffirst-contentful-paint-fcp","1 min read",[],{"title":34,"description":24},"First Contentful Paint (FCP): Definition | Web Performance Glossary","glossary\u002Ffirst-contentful-paint-fcp","First Contentful Paint","fHoTLUixmN5iFOvuwEXEdxEjP_dvpVX4jZNnBGKUIac",[39,43,47,51],{"path":40,"title":41,"description":42,"letter":27},"\u002Fglossary\u002Ffail-safe-mechanism","Fail-safe Mechanism","A fail-safe mechanism is a core architectural principle of Speed Kit that guarantees the service will never slow down a website.",{"path":44,"title":45,"description":46,"letter":27},"\u002Fglossary\u002Ffetch-priority-fetchpriorityhigh","Fetch Priority (`fetchpriority=\"high\"`)","The fetchpriority=\"high\" attribute is an HTML attribute that tells the browser to prioritize loading a specific resource (like an image or script) higher than other resources of the same type.",{"path":48,"title":49,"description":50,"letter":27},"\u002Fglossary\u002Ffield-data-real-user-monitoring-rum","Field Data (Real User Monitoring - RUM)","Field data is performance data collected from the real users visiting your website in their actual environments. It captures the true user experience across the full spectrum of devices, network co…",{"path":52,"title":53,"description":54,"letter":27},"\u002Fglossary\u002Fflash-of-original-content-fooc","Flash of Original Content (FOOC)","See Flicker Effect.",1787756714337]