[{"data":1,"prerenderedAt":69},["ShallowReactive",2],{"\u002Fglossary\u002Fviewport":3,"\u002Fglossary\u002Fviewport:related":51},{"id":4,"title":5,"author":6,"authorImage":7,"body":8,"category":36,"date":37,"description":38,"draft":39,"extension":40,"letter":41,"meta":42,"navigation":43,"path":44,"readTime":45,"related":46,"seo":47,"stem":49,"term":5,"__hash__":50},"glossary\u002Fglossary\u002Fviewport.md","Viewport","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":32},"minimark",[11],[12,13,14,15,19,20,23,24,27,28,31],"p",{},"The ",[16,17,18],"strong",{},"viewport"," is the user's visible area of a webpage on their device's screen. Its size and dimensions vary depending on the device (mobile phone, desktop, etc.). It is a fundamental concept for ",[16,21,22],{},"Responsive Design"," and for calculating key performance metrics like ",[16,25,26],{},"LCP"," and ",[16,29,30],{},"CLS",", which are measured relative to the content within the viewport.",{"title":33,"searchDepth":34,"depth":34,"links":35},"",2,[],null,"April 8, 2026","The viewport is the user's visible area of a webpage on their device's screen. Its size and dimensions vary depending on the device (mobile phone, desktop, etc.).",false,"md","V",{},true,"\u002Fglossary\u002Fviewport","1 min read",[],{"title":48,"description":38},"Viewport: Definition | Web Performance Glossary","glossary\u002Fviewport","evQvSQQsZk-7sSK9KWt_o2sUz6hVT_ot9muCbV-Z5WY",[52,56,61,65],{"path":53,"title":54,"description":55,"letter":41},"\u002Fglossary\u002Fvisually-complete","Visually Complete","Visually Complete is a lab metric that marks the point in time when all the content in the visible, above the fold portion of the page has finished rendering.",{"path":57,"title":58,"description":59,"letter":60},"\u002Fglossary\u002Fa-b-testing","A\u002FB Testing","A\u002FB testing is a method of comparing two versions of a webpage to see which one performs better. For example, an e-commerce store might show 50% of its visitors a green \"Buy Now\" button (Version A)…","A",{"path":62,"title":63,"description":64,"letter":60},"\u002Fglossary\u002Favif","AVIF","AVIF (AV1 Image File Format) is a modern, next-generation image format that provides significantly better compression than older formats like JPEG and WebP.",{"path":66,"title":67,"description":68,"letter":60},"\u002Fglossary\u002Fabandonment-rate","Abandonment Rate","Abandonment Rate is a metric that measures the percentage of users who start a specific process (like a checkout funnel or a sign-up form) but leave before completing it.",1787756716599]