{"componentChunkName":"component---gatsby-theme-hipex-src-templates-blog-js","path":"/core-web-vitals-google/","result":{"data":{"markdownRemark":{"frontmatter":{"slug":"/core-web-vitals-google/","title":"Core Web Vitals van Google: alles wat je moet weten","author":{"frontmatter":{"authorName":"Hipex"}},"meta":{"metaTitle":"Core Web Vitals van Google ⏯ alles wat je moet weten in 2021","metaDescription":"Als marketeer of webshop-eigenaar kun je anno 2021 niet meer om Core Web Vitals heen. Maar wat betekent het nu precies? Waarom is het zo belangrijk? En hoe verbeter je het?","canonical":null,"alternatives":null,"noindex":null,"metaImage":{"publicURL":"/static/69c0384cb11dc635d77f4a235144003b/core-web-vitals.png","childImageSharp":{"fixed":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsSAAALEgHS3X78AAACZUlEQVQoz3VSS0uUYRT+nGgVQUTboMu2RQStXNUucNUqcFX9gIJwEVIbSxIUb4nIoCSpmUqmNRSiYqOiToaXyTItybk5zkVnxrl+l/P0vJ9jaNCBh3M45z3Pe26aRhl/916TRMChbCSDJbSvEw+JRqKWuE2cUHHq43zjILQDFPM0JGhXP6op0YqixzbLrF3/MjLbANKHsAdrN+Al2TntH7FW3cf0vgoHHx0NQI9VHiQjHbaQCevIR3XktnVkCeVPBgOSDN6XuO+y7pk7efdQvuHuPSjs/AVnY1tz5Nc3/PgyK96ZScO3siCe8VFx9Q1gYXJCxoaGVcxELgpIkh+GLBQiEcjelAS9rYW28ms2qWdU065culE60NkTH37Vj47nTrOztR0TLpeMDg1L07NG5ZPaqjoZ7OqFEdtk5VuG9XsN1sgYMPkRmH8LTNQDOxtldn2B74sXk/61QiqwrloStiucF9gmkAoqH8wdn+jxTUGC/kJE8iNuyfW7rFxHvWmuzGTh7YKElp02YXNNU/nLthdg2yarkMHuXmmobpCNpXmbVBSJIk6F9u10CFZwA3uP6yTrbIHh7tYx1aI+fmAThte991bnPViZnS6wTZ3zMj70vzF+LnhMElrcupBIAUUtvALRpz+JsThnIM9R+pfSyETP7m83u32VGw7vb9gkuFDki8MP2y3zvgxqnVDaIKm6ABN6nG8LQCb21OZKbTmKVX49Y8R9t4hKzquJeM05fmZynMkWJMXEDGytPlJ2PgrZ9YeQDFT8PT115Ewo0f4jfHCa8VLqO8QTwkm0s+Iq6pvEqSNklD95r2yOJkYpMwAAAABJRU5ErkJggg==","width":800,"height":420,"src":"/static/69c0384cb11dc635d77f4a235144003b/f9ff4/core-web-vitals.png","srcSet":"/static/69c0384cb11dc635d77f4a235144003b/f9ff4/core-web-vitals.png 1x"}}}},"featuredBlogImage":{"publicURL":"/static/69c0384cb11dc635d77f4a235144003b/core-web-vitals.png","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='758'%20height='400'%20viewBox='0%200%20758%20400'%20preserveAspectRatio='none'%3e%3cpath%20d='M382%20149v29h5c5%200%205%200%205-3v-2l3%202c15%2012%2037-8%2028-28-4-11-17-16-26-9l-4%202v-21h-11v30M73%20121c-19%207-25%2034-11%2049%2011%2013%2034%2012%2043-3%203-5%203-5-3-6s-6-1-8%201c-10%2013-27%205-27-13%200-16%2016-25%2026-13%203%203%203%203%208%202s6-2%204-6c-6-10-21-15-32-11m183%201l7%2028%209%2028h11l1-5a4685%204685%200%200010-33l3%2010%206%2020%202%208h6l5-1%2017-55-6-1h-6l-3%2014a691%20691%200%2000-7%2025l-5-17c-7-23-6-22-12-22h-5l-1%205a3689%203689%200%2000-10%2034l-5-18-6-20-5-1-6%201m403%2014l-15%2012c-21%2017-25%2018-67%2018-37%200-40%201-44%2011-3%206-3%2033%200%2039%203%205%206%208%2011%209l4%201v10c1%2017%205%2029%2011%2031h34c5-2%207-9%203-14-5-7-7-20-5-25l1-3h8c18%202%2028%206%2047%2022%2015%2011%2017%2012%2021%2011%205-1%206-4%206-27%200-21%200-21%202-22%208-5%208-21%200-26-2-1-2-1-2-22l-1-24c-3-5-8-5-14-1m-534%200c-23%2011-10%2049%2015%2042%2018-5%2022-29%207-39-5-4-16-5-22-3m56%200l-5%203-2%202v-2c0-3%200-3-5-3h-5v42h11v-13c1-16%202-18%209-18%204-1%205-2%205-8%200-4-4-5-8-3m24%201c-8%204-12%2010-12%2020%200%2019%2022%2029%2036%2016%205-5%205-5-1-7-5-2-5-2-7%201-3%202-8%203-12%201-2-1-5-6-5-7l15-1h15v-4c0-13-8-21-21-21l-8%202m141%200c-8%204-12%2010-12%2020%200%2019%2022%2030%2036%2016%205-5%205-5-1-7-4-2-5-2-6%200-3%203-8%204-11%203-3-2-7-6-7-8l15-1h15v-4c1-7-4-16-12-19-4-2-14-2-17%200m-137%207l-5%207%209%201c8%200%209%200%209-2%200-4-8-8-13-6m141%200c-2%202-5%205-5%207l9%201c10%200%2012-2%206-6-3-3-6-4-10-2m-222%203c-6%206-5%2017%202%2020%2012%207%2021-12%2010-21-3-2-9-1-12%201m269%200c-9%209-1%2026%2011%2021%206-4%208-14%202-20-3-4-9-4-13-1m254%2011a78%2078%200%2001-39%2020h-5v18l1%2017%209%202c10%203%2023%2010%2034%2018l10%208a583%20583%200%20000-90l-10%207m-105%2022c-3%202-3%2030%200%2032l25%201h23v-34h-23l-25%201m-431%2034c-5%203-3%2012%202%2012%204%200%207-3%207-6%200-5-4-8-9-6m97%2029v30h10v-59h-10v29M56%20228l11%2028%207%2017h12l11-27%2010-28-6-1-6%201-7%2019-8%2021-8-20-7-20-6-1h-7l4%2011m80-4v7h-7v4c0%204%201%205%204%205h3v12c1%2014%202%2018%208%2020%205%203%2016%202%2016-1%200-6-1-8-5-7-6%201-7-1-7-13v-11h11v-9h-11v-14h-12v7m425%202c-1%202%200%2015%201%2021%202%208%202%208%2012%208%207%200%208%200%207-2-2-6-3-12-3-19v-8l-8-1-9%201m-385%206c-4%202-7%205-8%208-1%202%200%202%204%203s5%201%207-2c6-4%2013-2%2013%205v3l-6-1c-13-1-20%204-20%2013%200%2011%2014%2017%2024%2010%203-2%203-2%203%200s1%202%205%202h5v-15c0-14%200-16-2-19-5-8-17-11-25-7m62%200c-8%204-10%2012-5%2018%203%204%205%205%2015%207%207%202%206%208-2%208l-6-2c-2-3-2-3-6-2-6%201-6%201-3%206%202%204%209%207%2015%207%2019%200%2024-21%206-26-10-3-11-3-11-6%200-4%205-5%2010-1%202%202%203%202%207%201%205%200%205-1%203-5-4-6-15-9-23-5m-126%2020l1%2021h10v-42h-11v21m67%205c-5%203-2%208%205%208s12-8%205-9c-5-1-7-1-10%201'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.9067796610169492,"src":"/static/69c0384cb11dc635d77f4a235144003b/f9ff4/core-web-vitals.png","srcSet":"/static/69c0384cb11dc635d77f4a235144003b/44803/core-web-vitals.png 225w,\n/static/69c0384cb11dc635d77f4a235144003b/169b9/core-web-vitals.png 450w,\n/static/69c0384cb11dc635d77f4a235144003b/f9ff4/core-web-vitals.png 800w","srcWebp":"/static/69c0384cb11dc635d77f4a235144003b/b0751/core-web-vitals.webp","srcSetWebp":"/static/69c0384cb11dc635d77f4a235144003b/e1b9e/core-web-vitals.webp 225w,\n/static/69c0384cb11dc635d77f4a235144003b/ed1b3/core-web-vitals.webp 450w,\n/static/69c0384cb11dc635d77f4a235144003b/b0751/core-web-vitals.webp 800w","sizes":"(max-width: 800px) 100vw, 800px","presentationWidth":800}}},"date":"17 februari 2021","categories":[{"frontmatter":{"categoryTitle":"Performance","slug":"/category/performance/"}}],"blocks":[{"type":"text","content":"<!--StartFragment-->\n\nMet de introductie van Core Web Vitals laat Google nogmaals merken wat het al langer belangrijk vindt: gebruikerservaring. Core Web Vitals gaat in 2021 zelfs een officiële ranking factor worden.\n\nAls je serieus met je website bezig bent, dan kun je niet meer om de Core Web Vitals heen. Maar wat betekent het nu precies? Waarom is het zo belangrijk? En hoe verbeter je het?\n\nIn dit blogartikel lees je hier alles over.\n\n<!--EndFragment-->","template":"small-center","textBackground":"blobPastelOrange","textTemplate":"text","removeSectionSpace":false,"buttons":null,"imageAlt":null,"imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":null,"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null},{"type":"text","content":"<!--StartFragment-->\n\n## **Wat zijn de Core Web Vitals van Google?**\n\nDe **Core Web Vitals** zijn drie factoren die volgens Google belangrijk zijn om de gebruikerservaring van een webpagina te meten.\n\nDe volgende drie aspecten komen hierbij om de hoek kijken:\n\n* Hoe snel een pagina laadt;\n* Hoe snel er interactie mogelijk is op de pagina;\n* Hoe stabiel de pagina is tijdens en na het laden.\n\nGoogle heeft deze drie onderdelen verwerkt in drie metrics met een vaste benaming, namelijk:\n\n1. [Largest Contentful Paint (LCP)](https://www.hipex.io/largest-contentful-paint-lcp/)\n2. First Input Delay (FID)\n3. [Cumulative Layout Shift (CLS)](https://www.hipex.io/cumulative-layout-shift-cls/)\n\nHiermee zijn de Core Web Vitals een groot onderdeel geworden van, zoals Google zelf zegt: de Page Experience Ranking Factor.\n\nDe Page Experience bestaat naast Core Web Vitals ook nog uit andere zaken zoals hoe mobiel vriendelijk een pagina is, HTTPS, veilig kunnen browsen en ‘no intrusive interstitials’ (geen onverwachte interrupties zoals pop-ups).\n\nAls je website geoptimaliseerd is voor al deze zaken dan hebben de bezoekers op jouw website in de ogen van Google een goede Page Experience.\n\n<!--EndFragment-->","template":"small-center","textBackground":null,"textTemplate":"text","removeSectionSpace":false,"buttons":null,"imageAlt":null,"imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":null,"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null},{"type":"image","content":null,"template":"center","textBackground":null,"textTemplate":null,"removeSectionSpace":null,"buttons":null,"imageAlt":"Page Experience Google","imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":{"publicURL":"/static/0fa58b54476dc856911d9927dc0aa56a/page-speed-experience-google.jpg","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='264'%20viewBox='0%200%20400%20264'%20preserveAspectRatio='none'%3e%3cpath%20d='M270%2018c-3%202-3%207-3%20118v112l2%203%203%202h51c45%200%2052%200%2054-2l2-1V135c0-110%200-115-2-116-1-2-7-2-54-2l-53%201m-45%2052c0%2025%201%2035%201%2023V70h17c19%200%2020%200%2019-1h-36V46c0-12-1-2-1%2024m-94-37c0%204%201%205%203%205l2-1h18c3%200%203-1%203-4%200-4-2-5-4-3s-5%203-6%202h-3c-1%202-1%202-3%200-1-2-4-1-5%202s-3%202-3-1l-1-4-1%204m-1%2030h-3c-3%200-3%200-3%203s0%203%201%201%201-2%202%200l1%202%201-2%201-2v2l2%202h4l3-1v-1l1%201%201-1c1-2%203-3%203%200%200%201%200%202%203%202h5l2-1v-1l-3-1%202-1c2%200%203%201%203%202l1%202c2%200%202-6%200-7l-1%201h-3l-2%201h-2c-1-2-9-1-9%201l-1-1h-4c-1%201-2%201-2-1-1-1-3-2-3%200m-15%2031l3%207c1%200%202-1%202-3l2-3v3c0%202%200%203%203%203l4-1h1l7%201h6v-8l-1%204c0%203%200%203-1%201-1-3-5-4-5-1l-1%203v-3c0-3-2-2-2%201%200%202%200%202-1%201v-2l-1-1h-1l-1%202-1-1-2-1c-2%200-3%200-3-2%201-2-3-1-4%201l-1%203-1-3c0-2-2-3-2-1m31%200l1%202v2c-2%201%200%203%202%203l3-2%201-2v2c0%203%2014%203%2015-1%200-1%200-2-2-3l-2-1c0-2-2-1-2%202%200%202%200%202-1%201l-2-2h-4c-1-1-2-1-3%201h-2v-1l1-1h-5m-30%2079l1%203c2%201%202%202%200%202h-1c1%201%206%202%209%201l2-2%201-2v2l1%202%201-2c0-2%200-2%201%200%202%203%204%204%205%201%202-3%200-5-3-4-2%201-3%200-2-2h-1l-2%201-2%201-4%201c0%202-1%202-3%200-2-1-2-2-1-2%202%201%204-1%201-1-2-1-2-1-3%201m19%2034l1%204%201-1c0-3%203-2%203%200%201%201%201%200%201-2%200-4%203-4%203%200l1%203%201-3c0-2%200-3%202-3s2%201%202%203l1%203%201-3c0-2%201-3%202-3l1%201c-1%203%200%205%201%204%204-4%205-4%206-3%202%202%203%203%201%202-2%200-3%202-1%202%201%201%204%200%204-2l-2-3-2-1h2c2%200%202%200%201-1h-6c-2-2-19-1-19%201s-2%201-4-1c-1-1-1-1-1%203'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.5151515151515151,"src":"/static/0fa58b54476dc856911d9927dc0aa56a/78463/page-speed-experience-google.jpg","srcSet":"/static/0fa58b54476dc856911d9927dc0aa56a/b3cab/page-speed-experience-google.jpg 300w,\n/static/0fa58b54476dc856911d9927dc0aa56a/78463/page-speed-experience-google.jpg 502w","srcWebp":"/static/0fa58b54476dc856911d9927dc0aa56a/78707/page-speed-experience-google.webp","srcSetWebp":"/static/0fa58b54476dc856911d9927dc0aa56a/5ba9d/page-speed-experience-google.webp 300w,\n/static/0fa58b54476dc856911d9927dc0aa56a/78707/page-speed-experience-google.webp 502w","sizes":"(max-width: 502px) 100vw, 502px","presentationWidth":502}}},"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null},{"type":"text","content":"<!--StartFragment-->\n\n## **Waarom zijn de Core Web Vitals zo belangrijk?**\n\nGoogle zegt letterlijk op [hun website](https://web.dev/vitals/) dat de kwaliteit van de gebruikerservaring uiteindelijk het succes op lange termijn voor welke website is.\n\nEn hier valt natuurlijk wat voor te zeggen. Zoekmachines zoals Google willen gebruikers natuurlijk de beste resultaten laten zien. \n\nDe websites die Google laat zien in de zoekresultaten moeten dus ook een goede gebruikerservaring leveren. Daarom zijn de Core Web Vitals zo belangrijk voor jou en voor Google.\n\nHet bieden van een optimale gebruikerservaring stond als het goed is al hoog op je lijst en nu Google dit ook nog eens onderdeel gaat maken van het zoekalgoritme is het alleen maar belangrijker geworden.\n\nDoordat Google Web Vitals dus uit gaat rollen als [officiële rankingfactor](https://developers.google.com/search/blog/2020/05/evaluating-page-experience) heeft het ook invloed op je SEO. Hier vertellen we later in dit artikel meer over.\n\n## **Hoe worden Core Web Vitals gemeten?**\n\nCore Web Vitals worden gemeten aan de hand van de drie eerder genoemde metrics:\n\n1. Largest Contentful Paint (LCP)\n2. First Input Delay (FID)\n3. Cumulative Layout Shift (CLS)\n\nIedere pagina krijgt een score op deze drie onderdelen. Het is goed om te melden dat de scores kunnen verschillen per testmethode.\n\nGoogle maakt namelijk gebruik van:\n\n**Field data->** Real user metrics van de site gebaseerd op ongeveer een maand aan verkeer\n\n**Lab test data->** Gebaseerd op tools zoals je browser die een inschatting maken van wat de users zien\n\nDe field data zie je terug in Google Search Console en is op basis van echt verkeer. De Lab test data verkrijg je door gebruik te maken van bijvoorbeeld [Chrome DevTools](https://developers.google.com/web/tools/chrome-devtools) of [Lighthouse](https://developers.google.com/web/tools/lighthouse). Dit is ideaal als je website bijvoorbeeld nog in de ontwikkelfase zit.\n\nUiteindelijk is de field data de meest betrouwbare. Deze meet namelijk het échte verkeer en zien hierbij ook de verschillen per apparaat, netwerkconnecties en andere externe zaken die van invloed zijn op de prestaties van een website.\n\nLaten we eens inzoomen op elk van de drie onderdelen, beginnend met de Largest Contentful Paint (LCP).\n\n### **Largest Contentful Paint (LCP)**\n\nLargest Contentful Paint (LCP) meet wanneer het grootste content element in de viewpoort zichtbaar wordt. Het kan worden gebruikt om te bepalen wanneer het belangrijkste element van een pagina is weergegeven op het scherm.\n\nHet verschilt per pagina welk element dit is. Soms is het een afbeelding en andere keer is het een video of een titel.\n\nIn onderstaande afbeelding van Google zie je goed hoe de LCP kan veranderen tijdens het inladen van een pagina.\n\n* Google ziet in de eerste vier dia’s de titel als LCP maar daarna wordt er nog een afbeelding ingeladen, die dan als Google gezien wordt als LCP","template":"small-center","textBackground":null,"textTemplate":"text","removeSectionSpace":false,"buttons":null,"imageAlt":null,"imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":null,"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null},{"type":"image","content":null,"template":"center","textBackground":null,"textTemplate":null,"removeSectionSpace":null,"buttons":null,"imageAlt":"LCP: Core Web Vitals","imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":{"publicURL":"/static/30c13a29ef834884b622d0e949c006c1/core-web-vitals-lcp.jpg","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='160'%20viewBox='0%200%20400%20160'%20preserveAspectRatio='none'%3e%3cpath%20d='M5%2082l1%2075h390V6H5v76m10-62h-3v117h70V20H15m76%200c-2%200-2%204-2%2059v58h70V20h-29a807%20807%200%2001-39%200m77%200c-2%200-2%204-2%2059v58h70V20h-30a2744%202744%200%2001-38%200m76%200c-2%200-2%204-2%2059a660%20660%200%20002%2057c0-3%201-3%205-2%202%201%202%201-2%202-1%201%201%201%203%201%205%200%205%200%204-1-1-2-1-2%202-2s4-1%201-2l-7-1h-6v-9h67v8l1-51V20h-30a3117%203117%200%2001-38%200m77%200c-2%200-2%205-2%2059a660%20660%200%20002%2056c0-1%201-2%204-1h4l-3%202-3%201h4c5%200%205%200%204-1-1-2-1-2%201-2%203%200%204-1%201-2l-7-1h-5v-9h66v8l1%207%201-58V20h-68m0%2024l1%208v3l-1%2015v11h15l15-1-2-7c-2-6-2-7%202-4%202%201%202%202%202%207l-1%205h20v-3l-2-8v-4l2%202c2%202%203%203%202%206-2%206-1%207%201%207%203%200%203%200%203-6-1-4%200-6%201-7s1-1%201%206l-1%207h9v-6c0-8%200-9-4-9-3-1-3-1-2-5l3-4c2%200%202-1%202-6v-7h-66'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":2.5,"src":"/static/30c13a29ef834884b622d0e949c006c1/44b5a/core-web-vitals-lcp.jpg","srcSet":"/static/30c13a29ef834884b622d0e949c006c1/b3cab/core-web-vitals-lcp.jpg 300w,\n/static/30c13a29ef834884b622d0e949c006c1/39f27/core-web-vitals-lcp.jpg 600w,\n/static/30c13a29ef834884b622d0e949c006c1/44b5a/core-web-vitals-lcp.jpg 614w","srcWebp":"/static/30c13a29ef834884b622d0e949c006c1/234a0/core-web-vitals-lcp.webp","srcSetWebp":"/static/30c13a29ef834884b622d0e949c006c1/5ba9d/core-web-vitals-lcp.webp 300w,\n/static/30c13a29ef834884b622d0e949c006c1/6ef99/core-web-vitals-lcp.webp 600w,\n/static/30c13a29ef834884b622d0e949c006c1/234a0/core-web-vitals-lcp.webp 614w","sizes":"(max-width: 614px) 100vw, 614px","presentationWidth":614}}},"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null},{"type":"text","content":"Hoe langer het duurt voordat de LCP is ingeladen, des te lager is je score. Google hanteert op dit moment een max van 2,5 seconden voor een ‘goede’ score voor je LCP. Alles hierboven heeft verbetering nodig.","template":"small-center","textBackground":null,"textTemplate":"text","removeSectionSpace":false,"buttons":null,"imageAlt":null,"imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":null,"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null},{"type":"image","content":null,"template":"center","textBackground":null,"textTemplate":null,"removeSectionSpace":null,"buttons":null,"imageAlt":"LCP","imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":{"publicURL":"/static/4fb7230fb8f6accad4bf5f62e2ede972/largest-contentful-paint.jpg","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='116'%20viewBox='0%200%20400%20116'%20preserveAspectRatio='none'%3e%3cpath%20d='M75%2037c-15%206-18%2025-5%2035%209%207%2031%201%2023-6-2-2-2-2-5%200-7%205-17%201-19-7-2-12%209-20%2019-13%202%201%202%201%204-1%203-2%202-4-4-7-6-2-8-2-13-1m-39%201c-2%201-1%2034%200%2036%201%201%2017%202%2020%200%201%200%202-1%202-3v-3H43V38l-4-1-3%201m66%200v19l1%2018h3c2%200%203-1%203-7l1-6%205-1c7-1%209-3%2012-7%203-6%200-13-6-16-5-1-18-2-19%200m8%207l-1%205v4h4c7%200%2010-5%205-9h-8m79%202v11l1%2011h28l31%201%201%207%201%205%201-5c0-10-2-9%2032-9h31l1%203c2%202%202%204%202%207v4l1-5%201-7%2031-1h30V47l-1-2h-95c-66%200-95%201-96%202'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":3.4523809523809526,"src":"/static/4fb7230fb8f6accad4bf5f62e2ede972/8dc6d/largest-contentful-paint.jpg","srcSet":"/static/4fb7230fb8f6accad4bf5f62e2ede972/8dc6d/largest-contentful-paint.jpg 290w","srcWebp":"/static/4fb7230fb8f6accad4bf5f62e2ede972/345bb/largest-contentful-paint.webp","srcSetWebp":"/static/4fb7230fb8f6accad4bf5f62e2ede972/345bb/largest-contentful-paint.webp 290w","sizes":"(max-width: 290px) 100vw, 290px","presentationWidth":290}}},"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null},{"type":"text","content":"De belangrijkste oorzaken van een slechte LCP zijn:\n\n* Trage server response\n* Render-blocking JavaScript en CSS\n* Resources die traag laden\n* Client-side rendering\n\nEen trage reactietijd van de server is goed te meten aan de hand van [TTFB](https://www.hipex.io/time-to-first-byte-ttfb/). Maar kijk ook eens kritisch naar je code: hoeveel JavaScript wordt er bijvoorbeeld ingeladen? Maak je gebruik van een CDN of uitgebreide [caching](https://www.hipex.io/varnish-cache/)?","template":"small-center","textBackground":null,"textTemplate":"text","removeSectionSpace":false,"buttons":null,"imageAlt":null,"imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":null,"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null},{"type":"text","content":"<!--StartFragment-->\n\n### **First Input Delay (FID)**\n\nFID meet de tijd vanaf het moment dat een gebruiker voor het eerst interactie heeft met een pagina. Dit betekent concreet hoe lang het duurt dat de browser begint te laden als je bijvoorbeeld op een link of knop klikt.\n\nIn de praktijk gebeurd het regelmatig dat als je op een knop drukt, er eigenlijk niets zichtbaars gebeurd. Je moet wachten, terwijl er op de achtergrond misschien een uitgebreid JavaScript bestand wordt geladen.\n\nDoordat er niet direct iets gebeurd, ga je nog een keer op de button klikken. En zo gebeurd het dat je gefrustreerd raakt, of misschien wel twee keer iets in je winkelmandje stopt.\n\nOm deze frustratie te beperken heeft Google dus FID in het leven geroepen.\n\n<!--EndFragment-->","template":"small-center","textBackground":null,"textTemplate":"text","removeSectionSpace":false,"buttons":null,"imageAlt":null,"imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":null,"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null},{"type":"image","content":null,"template":"center","textBackground":null,"textTemplate":null,"removeSectionSpace":null,"buttons":null,"imageAlt":"First Input Delay","imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":{"publicURL":"/static/1367599dd243d5cd1696cf88f887d779/first-input-delay.jpg","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='130'%20viewBox='0%200%20400%20130'%20preserveAspectRatio='none'%3e%3cpath%20d='M21%2043l-1%2019v18h7V65h15v-7H27v-4l1-4%208-1h8v-6l-12-1-11%201m30%200l-1%2019v18h7V42h-3l-3%201m16%200l-1%2019v18h9c10%200%2014-1%2018-6%2010-11%205-28-9-31H67m7%207l-1%2012v11h4c17%200%2019-21%202-24l-5%201m162%201h-67v23h29l31%201c2%201%202%202%202%207l1%206%201-5c0-9-2-9%2034-9%2035%200%2033-1%2033%209l1%205%201-5%201-7%2031-1%2030-1c1-1%202-19%200-22%200-2-4-2-31-2l-97%201'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":3.0869565217391304,"src":"/static/1367599dd243d5cd1696cf88f887d779/106e8/first-input-delay.jpg","srcSet":"/static/1367599dd243d5cd1696cf88f887d779/106e8/first-input-delay.jpg 284w","srcWebp":"/static/1367599dd243d5cd1696cf88f887d779/57652/first-input-delay.webp","srcSetWebp":"/static/1367599dd243d5cd1696cf88f887d779/57652/first-input-delay.webp 284w","sizes":"(max-width: 284px) 100vw, 284px","presentationWidth":284}}},"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null},{"type":"text","content":"Om een goede gebruikerservaring te bieden moet volgens Google de FID niet langer duren dan 100 milliseconden. In de praktijk betekent dit dus 0,1 seconde.\n\n**Belangrijk om te weten:**\n\nWeet je nog dat we het hadden over Field data en Lab Test data? FID is alleen te meten met echte field data. Dit komt omdat de FID pas gemeten kan worden na interactie van een gebruiker. Hier is dus echte gebruikersdata voor nodig.\n\nEen lage score op de First Input Delay (FID) wordt vaak veroorzaakt door veel of onjuiste JavaScript. Om je FID te verbeteren geeft Google je de volgende tips mee:\n\n* Verminder de impact van third-party code\n* Verminder de uitvoertijd van JavaScript\n* Minimaliseer main thread work;\n* Houd het aantal verzoeken laag\n\nEen uitgebreide handleiding om je FID te verbeteren vind je op [deze pagina](https://web.dev/optimize-fid/) van Google.\n\n### **Cumulative Layout Shift (CLS)**\n\nCLS meet de visuele stabiliteit van je website. Onverwachte verschuivingen van de layout zorgen voor een lagere CLS.\n\nOok dit heeft weer te maken met het wegnemen van een stukje frustratie van de gebruiker/bezoeker en het optimaliseren van de gebruikerservaring.\n\nJe hebt vast wel eens een stuk tekst gelezen als vervolgens het scherm en dus de tekst ineens verspringt.\n\n**Erg vervelend en niet gewenst.**\n\nNaast dat het vervelend kan zijn kan het in sommige gevallen ook schadelijk zijn. Google illustreert dit goed via onderstaande video.\n\n<div style=\"width:100%;height:0px;position:relative;padding-bottom:77.538%;\"><iframe src=\"https://streamable.com/e/2zn91o\" frameborder=\"0\" width=\"100%\" height=\"100%\" allowfullscreen style=\"width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden;\"></iframe></div>\n\nUiteindelijk meet CLS het totaal van alle individuele layout verschuivingen op een pagina. Een layout verschuiving is in dit geval een element op de pagina dat van positie veranderd.","template":"small-center","textBackground":null,"textTemplate":"text","removeSectionSpace":false,"buttons":null,"imageAlt":null,"imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":null,"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null},{"type":"image","content":null,"template":"center","textBackground":null,"textTemplate":null,"removeSectionSpace":null,"buttons":null,"imageAlt":"cumulative Layout Shift","imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":{"publicURL":"/static/dd83cbd90dd59c702ae97ec1825e3ffe/cumulative-layout-shift.jpg","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='114'%20viewBox='0%200%20400%20114'%20preserveAspectRatio='none'%3e%3cpath%20d='M25%2034c-15%207-15%2028%200%2036%207%203%2017%203%2022-2l3-3-2-2-3-3-4%202c-11%208-24-4-18-16%204-7%2013-9%2018-5l3%202%202-3c3-3%203-3%201-4-5-5-14-6-22-2m67-1c-10%206-8%2015%205%2021%207%203%209%206%206%209-2%203-6%203-9-1-3-3-3-3-6-2-4%200-4%204%201%208%203%203%203%204%2010%204s7-1%2010-4c7-7%203-16-8-20-7-3-9-5-6-8s4-2%207%200c4%203%2010%201%208-2-3-6-13-9-18-5m-35%200v20l1%2019h23v-7l-8-1h-8V33l-4-1-4%201m191%208l-69%201-1%2011v12h31c36%200%2034%200%2034%209l1%206v-6c0-9-2-9%2036-9%2036%200%2034-1%2034%209l1%205%201-5c0-8-2-8%2033-8h32V42l-1-2h-32l-100%201'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":3.5128205128205128,"src":"/static/dd83cbd90dd59c702ae97ec1825e3ffe/834d8/cumulative-layout-shift.jpg","srcSet":"/static/dd83cbd90dd59c702ae97ec1825e3ffe/834d8/cumulative-layout-shift.jpg 274w","srcWebp":"/static/dd83cbd90dd59c702ae97ec1825e3ffe/a825b/cumulative-layout-shift.webp","srcSetWebp":"/static/dd83cbd90dd59c702ae97ec1825e3ffe/a825b/cumulative-layout-shift.webp 274w","sizes":"(max-width: 274px) 100vw, 274px","presentationWidth":274}}},"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null},{"type":"text","content":"In bovenstaande afbeelding zie je dat een goede CLS score lager is dan 0.1.\n\nHoe groter de verschuiving/verandering van de layout, des te meer impact dit heeft op de score.\n\n**Hoe verbeter je je CLS?**\n\nDe grootste verbetering behaal je door je aan een aantal voorwaarden te houden:\n\n* Maak altijd gebruik van ‘size attributes’ voor je afbeeldingen en video’s. De browser weet dan direct hoe groot de ruimte is voor de afbeelding en video en zorgt er dus voor dat elementen niet gaan verspringen;\n* Voeg nooit content toe boven content dat al is ingeladen (behalve na een interactie van de bezoeker/gebruiker);\n* Als je animaties gebruikt, zorg er dan voor dat je de animatie niet veranderd, maar de property van de animatie.\n\nHoe je CLS tot in detail optimaliseert kun je uiteraard weer vinden op [deze pagina](https://web.dev/optimize-cls/) van Google.\n\n## **SEO en Core Web Vitals**\n\nZoals gezegd worden Core Web Vitals een officiële ranking factor. Het plan is om dit vanaf mei 2021 uit te rollen. Het is nog niet duidelijk of dit direct voor alle landen live gaat, maar feit is wel dat de datum steeds dichterbij komt.\n\nHoe groot de impact op je SEO is, is nog niet duidelijk. Google doet hier geen uitspraken over en tot de tijd dat het live is kan hier ook nog geen onderzoek naar gedaan worden.\n\nVolgens veel SEO specialisten zijn de Core Web Vitals in ieder geval één van de belangrijkste trends in 2021 als het gaat om SEO.\n\nHet feit dat Google dit al ver van tevoren heeft aangekondigd impliceert dat het een belangrijke ranking factor wordt. De vraag is alleen: hoe belangrijk?\n\n### **Core Web Vitals Indicator in zoekresultaten**\n\nEen belangrijke aanjager voor een betere doorklikratio vanuit de zoekresultaten naar jouw website, kan de nieuwe visuele indicator zijn.\n\nDeze visuele indicator geeft aan dat de pagina van dit zoekresultaat een goede gebruikerservaring biedt.","template":"small-center","textBackground":null,"textTemplate":"text","removeSectionSpace":false,"buttons":null,"imageAlt":null,"imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":null,"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null},{"type":"image","content":null,"template":"center","textBackground":null,"textTemplate":null,"removeSectionSpace":null,"buttons":null,"imageAlt":"Core Web Vitals Visual Indicator","imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":{"publicURL":"/static/b2ed2d3fb88f6dc130907294c6a2216d/core-web-vitals-visual-indicator.jpg","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='81'%20viewBox='0%200%20400%2081'%20preserveAspectRatio='none'%3e%3cpath%20d='M135%2013l-7%202c-5%201-5%202%206%205%207%203%207%203%207%201%201-2%202-2%208-2a1001%201001%200%200063%201c0-2-7-2-34-3-30-2-36-2-36-4h-7M66%2034l1%205%201-3%202-2c1%200%202%201%202%203%200%203%202%202%202-2v-2l1%202%201%204c-1%204%201%202%203-2l2-4v4c0%205%200%205%205%200%201-1%202%200%203%201%203%202%205%201%205-3%200-3%200-3-3-3l-3%202h-1c-1-2-8-3-9-1%200%202-1%201-3-1-2-3-3-3-3-2%200%203-3%202-5%200-1-1-1-1-1%204m23%2014h-3l-2%201h-3c-2-2-3%200-3%204v3l2-2%203-1c3%201%206%201%206-1%200-3%202-3%202%200l1-1c1-2%201-2%201%200s2%204%203%202h2c1%201%201%200%201-1l1-2%201%202%201%203v-3c0-2%202-3%202%200%201%201%201%200%201-1%200-2-1-3-4-3l-3%201h-1l-3-1h-5m72%200c0%202%200%202-1%201h-5c-1-1-5-1-6%201h-1l-1-1%201%203%201%203%201-3c1-2%201-2%201%200l2%202v-1c-1-2-1-2%201-2l2%202c1%201%204%202%204%200l-1-1h-1c-1-1%200-1%201-1l2%202h6l-1-1h-1c-1-1%200-1%201-1l2%202h4l3%201%203-1h-1l-1-1%202-1%201%201c0%202%202%201%202-1h1c0%202%205%204%206%202h5l-1-1h-1c-1-1%200-1%201-1%202%200%202%200%201-2h-4c-1%202-1%202-1%200s0-2-2-1c-2%202-3%202-3%201h-10l-4-1h-1c0%202%200%202-1%201h-3c-2%201-2%201-2-1h-1m47%201h-12c0%203%202%205%203%203%201-1%201-1%201%201h1l2-1%202%202v-1c-1-2-1-2%201-2l2%202%202%201%202-1%201-2v2h4l2-2h1c0%202%204%203%206%202h1c0%201%201%202%202%201v-4l1%201%201%202%201-1%201-1%201%202v1c2-1%202-5%201-6l-2%201h-10c-1%201-2%201-3-1-2-2-3-1-3%201s0%202-1%201c0-2-2-3-2-1-1%201-2%200-4-1s-2-1-2%201m71-1c0%202%200%202-1%201h-18c-2%201-1%204%201%205v-4l1%202c0%202%204%201%204-1h1l2%202v1l1%201h1v1l2-2%202-1h2c1%200%201-1-1-1-1-1-1-1%201-1l2%202h8l-1-1h-1c-1-1%200-1%201-1l2%202c1%201%201%201%202-1%200-2%201-2%201-1l2%202c4%201%204%201%204-1h1c1%202%203%203%202%201%200-1%200-2%202-2v-2h-5c0-2%200-2-2-1-2%202-3%202-3%201h-6l-2%201c-2%202-3%202-4-2h-1'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":5,"src":"/static/b2ed2d3fb88f6dc130907294c6a2216d/3c94e/core-web-vitals-visual-indicator.jpg","srcSet":"/static/b2ed2d3fb88f6dc130907294c6a2216d/b3cab/core-web-vitals-visual-indicator.jpg 300w,\n/static/b2ed2d3fb88f6dc130907294c6a2216d/39f27/core-web-vitals-visual-indicator.jpg 600w,\n/static/b2ed2d3fb88f6dc130907294c6a2216d/3c94e/core-web-vitals-visual-indicator.jpg 610w","srcWebp":"/static/b2ed2d3fb88f6dc130907294c6a2216d/9b664/core-web-vitals-visual-indicator.webp","srcSetWebp":"/static/b2ed2d3fb88f6dc130907294c6a2216d/5ba9d/core-web-vitals-visual-indicator.webp 300w,\n/static/b2ed2d3fb88f6dc130907294c6a2216d/6ef99/core-web-vitals-visual-indicator.webp 600w,\n/static/b2ed2d3fb88f6dc130907294c6a2216d/9b664/core-web-vitals-visual-indicator.webp 610w","sizes":"(max-width: 610px) 100vw, 610px","presentationWidth":610}}},"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null},{"type":"text","content":"Het is nog niet helemaal zeker, maar het bovenstaande visuele element lijkt het te gaan worden.\n\nDe vraag is of Google hier alleen mee gaat experimenteren, of dat dit uiteindelijk een vast element in de zoekresultaten wordt.\n\nAls dit definitief wordt toegevoegd is de verwachting dat dit best veel impact gaat maken op de CTR en indirect dus ook je positie in Google.\n\nAls jouw pagina (met visuele indicator) vaker wordt aangeklikt dan de concurrenten om je heen (zonder visuele indicator) is dit voor Google een positief signaal en kan het je mogelijk belonen met hogere zoekwoordposities.\n\nAls je de keuze hebt tussen twee pagina’s die qua content vrijwel exact hetzelfde zijn. Maar één pagina heeft een goede gebruikerservaring (visuele indicator) en de andere niet, dan kies je waarschijnlijk voor de pagina met de goede gebruikerservaring.\n\n## **Hosting en Core Web Vitals**\n\nCore Web Vitals gaat in de basis ook een stuk om performance. Vooral het LCP onderdeel is belangrijk als het gaat om performance, want het meet hoe snel een pagina laadt.\n\nDe [Time To First Byte](https://www.hipex.io/time-to-first-byte-ttfb/) is hierin een vrij belangrijk factor. Hosting heeft veel invloed op je TTFB. Daarom is snelle hosting ook zo belangrijk.\n\nDe hosting van Hipex is geoptimaliseerd om je TTFB zo laag mogelijk te houden.\n\nHet is belangrijk om te melden dat Core Web Vitals vooral om user experience gaat en dat snelheid hierin wordt meegenomen. \n\nMaar wees ervan bewust dat het niet hetzelfde is. Een snelle website is daarom dus zeker geen garantie voor een goede user experience. Voor een goede user experience is een snelle site wel belangrijk.\n\n## **De toekomst van Core Web Vitals**\n\nCore Web Vitals is echt een fenomeen wat voorlopig zo zal blijven. In [deze video](https://www.youtube.com/watch?v=iNfz9tg-wyg&ab_channel=GoogleChromeDevelopers) op het Google Chrome Developers Youtube account geeft Annie Sullivan al aan dat de principes van Web Vitals zullen blijven bestaan.\n\nDe manier waarop de metrics worden ingevuld, gemeten en evolueren kan verschillen en ook Google optimaliseert natuurlijk op basis van echte data uit de praktijk.\n\nZe zullen hoe dan ook hun Core Web Vitals uitbreiden op basis van field data om zo stap voor stap de gebruikerservaring op webpagina’s over het gehele internet te verbeteren. Uiteindelijk zullen mensen Google blijven gebruiken. En dat is uiteindelijk het belangrijkste voor Google.","template":"small-center","textBackground":null,"textTemplate":"text","removeSectionSpace":false,"buttons":null,"imageAlt":null,"imageVariant":null,"blockBackground":null,"textImageBlockImage":null,"textImageBlockImageBig":null,"imageBlockImage":null,"textColor":null,"textPosition":null,"imagePosition":null,"heroBlockImage":null,"heroBlockImageBig":null,"showHostingIcons":null,"video":null,"videoTitle":null,"title":null,"block":null,"icon":null,"iconBlobTextImage":null,"button":null,"text":null,"subtitle":null,"form":null,"caseBlockBottomImage":null,"caseBlockMiddleImage":null,"caseBlockTopImage":null,"topVideo":null,"singleCase":null,"cases":null,"caseVariant":null,"client":null,"columnsCount":null,"iconTextItems":null,"clients":null,"itemsToDisplayBeforeBreak":null,"showMoreTitle":null,"features":null,"featuresLists":null,"faqs":null,"slasUSPs":null,"slas":null,"pricingplans":null,"texts":null,"casesButton":null,"casesTitle":null,"internalLink":null,"hipexScoreIcon":null}]}},"next":{"frontmatter":{"slug":"/nieuw-kantoor/","title":"Wij zijn verhuisd: dit is het nieuwe Hipex kantoor","date":"22 februari 2021"}},"prev":{"frontmatter":{"slug":"/first-contentful-paint/","title":"Wat is First Contentful Paint (FCP)?","date":"20 januari 2021"}}},"pageContext":{"isCreatedByCreateBlogPage":true,"id":"4c4eac54-ff51-5220-a3f6-125acfb4f67d","prevId":"30c4ffd4-407a-5d42-a1f1-443bc2004c23","nextId":"25033a66-7035-5cca-91b9-c3c950c00472"}}}