{"id":11405,"date":"2021-07-26T14:50:30","date_gmt":"2021-07-26T12:50:30","guid":{"rendered":"https:\/\/www.argeweb.nl\/blog\/?p=11405"},"modified":"2021-08-19T13:36:44","modified_gmt":"2021-08-19T11:36:44","slug":"first-input-delay","status":"publish","type":"post","link":"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/","title":{"rendered":"First Input Delay (Core Web Vitals Guide)"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"730\" height=\"400\" src=\"https:\/\/www.argeweb.nl\/blog\/wp-content\/uploads\/2021\/07\/first-input-delay.png\" alt=\"first input delay\" class=\"wp-image-11407\" srcset=\"https:\/\/www.argeweb.nl\/blog\/wp-content\/uploads\/2021\/07\/first-input-delay.png 730w, https:\/\/www.argeweb.nl\/blog\/wp-content\/uploads\/2021\/07\/first-input-delay-300x164.png 300w, https:\/\/www.argeweb.nl\/blog\/wp-content\/uploads\/2021\/07\/first-input-delay-329x180.png 329w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<p>Google is begonnen met het uitrollen van een reeks nieuwe ranking factoren die de gebruikerservaring van een websitepagina meten. Deze factoren noemen ze de Core Web Vitals. In een serie van 3 blogs leggen we elk onderdeel van de Core Web Vitals uit: <a href=\"https:\/\/www.argeweb.nl\/blog\/largest-contentful-paint\/\">Largest Contentful Paint (LCP)<\/a>, First Input Delay (FID) en <a href=\"https:\/\/www.argeweb.nl\/blog\/cumulative-layout-shift\/\">Cumulative Layout Shift (CLS)<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wat is First Input Delay (FID)?<\/h2>\n\n\n\n<p>Deze ranking factor meet de tijd tussen een interactie op de website en wanneer de internetbrowser deze interactie kan gaan verwerken. Een voorbeeld van een interactie, is het aanklikken van een knop of het invullen van een formulier. <\/p>\n\n\n\n<p>Om een goede gebruikerservaring te bieden, moeten websites ernaar streven een FID van maximaal 100 milliseconden te hebben.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hoe meet je de FID?<\/h2>\n\n\n\n<p>Het meten van de individuele factoren van de Core Web Vitals is eenvoudig. Met PageSpeed Insights van Google krijg je inzichtelijk hoe jouw websitepagina scoort:<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ol><li>Ga naar <a href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"noreferrer noopener\"><a href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.webpagetest.org\/<\/a><\/a><\/li><li>Vul de websitepagina URL in<\/li><li><span style=\"color: initial;\">Druk op de knop &#8216;Analyseren&#8217;<\/span><\/li><\/ol>\n\n\n\n<p>Nadat de pagina geanalyseerd is, krijg je alle scores te zien van de Core Web Vitals. Als je wat naar onderen scrollt krijg je ook aanbevelingen te zien waarmee je de scores kan verbeteren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hoe verbeter je de FID score?<\/h2>\n\n\n\n<p>De score voor FID kan je verbeteren door ervoor te zorgen dat er geen grote of lange JavaScript bestanden geladen moeten worden. Elk stuk JavaScript code dat 50 milliseconden of langer duurt om te laden, moet opgesplitst worden.<\/p>\n\n\n\n<p>Mocht je dieper in de materie willen duiken, dan raden we je aan om de pagina van Google te bekijken met alle mogelijke verbeteringen:&nbsp;<a href=\"https:\/\/web.dev\/optimize-fid\/\" target=\"_blank\" rel=\"noreferrer noopener\">Optimize First Input Delay<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hulp nodig met Core Web Vitals?<\/h2>\n\n\n\n<p>We kunnen het ons goed voorstellen dat je niet de kennis of vaardigheden hebt om deze optimalisaties toe te passen. Je kan daar bijvoorbeeld een webmaster voor inhuren. Mocht je een WordPress website hebben, dan kan je ook contact opnemen met <a href=\"https:\/\/www.argeweb.nl\/webdesign\/\">Argeweb Webdesign Service<\/a>. Dan kunnen wij verbeteringen toepassen, zodat je website goed scoort voor Google&#8217;s Core Web Vitals.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google is begonnen met het uitrollen van een reeks nieuwe ranking factoren die de gebruikerservaring van een websitepagina meten. Deze factoren noemen ze de Core Web Vitals. In een serie van 3 blogs leggen we elk onderdeel van de Core Web Vitals uit: Largest Contentful Paint (LCP), First Input Delay (FID) en Cumulative Lay-out Shift (CLS).<\/p>\n","protected":false},"author":39,"featured_media":11407,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[111,88],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>First Input Delay (Core Web Vitals Guide)<\/title>\n<meta name=\"description\" content=\"First Input Delay is onderdeel van Google&#039;s Core Web Vitals. In deze blog leggen we uit wat FID is en hoe je het kan optimaliseren.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jelle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/\"},\"author\":{\"name\":\"Jelle\",\"@id\":\"https:\/\/www.argeweb.nl\/blog\/#\/schema\/person\/ed0419451b17a4ad72e0e447d8f7985a\"},\"headline\":\"First Input Delay (Core Web Vitals Guide)\",\"datePublished\":\"2021-07-26T12:50:30+00:00\",\"dateModified\":\"2021-08-19T11:36:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/\"},\"wordCount\":340,\"publisher\":{\"@id\":\"https:\/\/www.argeweb.nl\/blog\/#organization\"},\"articleSection\":[\"Academy\",\"SEO\"],\"inLanguage\":\"nl\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/\",\"url\":\"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/\",\"name\":\"First Input Delay (Core Web Vitals Guide)\",\"isPartOf\":{\"@id\":\"https:\/\/www.argeweb.nl\/blog\/#website\"},\"datePublished\":\"2021-07-26T12:50:30+00:00\",\"dateModified\":\"2021-08-19T11:36:44+00:00\",\"description\":\"First Input Delay is onderdeel van Google's Core Web Vitals. In deze blog leggen we uit wat FID is en hoe je het kan optimaliseren.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/#breadcrumb\"},\"inLanguage\":\"nl\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.argeweb.nl\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"First Input Delay (Core Web Vitals Guide)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.argeweb.nl\/blog\/#website\",\"url\":\"https:\/\/www.argeweb.nl\/blog\/\",\"name\":\"Argeweb blog\",\"description\":\"Weblog Argeweb\",\"publisher\":{\"@id\":\"https:\/\/www.argeweb.nl\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.argeweb.nl\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"nl\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.argeweb.nl\/blog\/#organization\",\"name\":\"Argeweb\",\"url\":\"https:\/\/www.argeweb.nl\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl\",\"@id\":\"https:\/\/www.argeweb.nl\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.argeweb.nl\/blog\/wp-content\/uploads\/2019\/08\/logoargeweb1.png\",\"contentUrl\":\"https:\/\/www.argeweb.nl\/blog\/wp-content\/uploads\/2019\/08\/logoargeweb1.png\",\"width\":190,\"height\":36,\"caption\":\"Argeweb\"},\"image\":{\"@id\":\"https:\/\/www.argeweb.nl\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.argeweb.nl\/blog\/#\/schema\/person\/ed0419451b17a4ad72e0e447d8f7985a\",\"name\":\"Jelle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl\",\"@id\":\"https:\/\/www.argeweb.nl\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9ccf6531033eda5048c96e0ebb49ba87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9ccf6531033eda5048c96e0ebb49ba87?s=96&d=mm&r=g\",\"caption\":\"Jelle\"},\"url\":\"https:\/\/www.argeweb.nl\/blog\/author\/jelle\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"First Input Delay (Core Web Vitals Guide)","description":"First Input Delay is onderdeel van Google's Core Web Vitals. In deze blog leggen we uit wat FID is en hoe je het kan optimaliseren.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/","twitter_misc":{"Written by":"Jelle","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/#article","isPartOf":{"@id":"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/"},"author":{"name":"Jelle","@id":"https:\/\/www.argeweb.nl\/blog\/#\/schema\/person\/ed0419451b17a4ad72e0e447d8f7985a"},"headline":"First Input Delay (Core Web Vitals Guide)","datePublished":"2021-07-26T12:50:30+00:00","dateModified":"2021-08-19T11:36:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/"},"wordCount":340,"publisher":{"@id":"https:\/\/www.argeweb.nl\/blog\/#organization"},"articleSection":["Academy","SEO"],"inLanguage":"nl"},{"@type":"WebPage","@id":"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/","url":"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/","name":"First Input Delay (Core Web Vitals Guide)","isPartOf":{"@id":"https:\/\/www.argeweb.nl\/blog\/#website"},"datePublished":"2021-07-26T12:50:30+00:00","dateModified":"2021-08-19T11:36:44+00:00","description":"First Input Delay is onderdeel van Google's Core Web Vitals. In deze blog leggen we uit wat FID is en hoe je het kan optimaliseren.","breadcrumb":{"@id":"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/#breadcrumb"},"inLanguage":"nl","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.argeweb.nl\/blog\/first-input-delay\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.argeweb.nl\/blog\/first-input-delay\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.argeweb.nl\/blog\/"},{"@type":"ListItem","position":2,"name":"First Input Delay (Core Web Vitals Guide)"}]},{"@type":"WebSite","@id":"https:\/\/www.argeweb.nl\/blog\/#website","url":"https:\/\/www.argeweb.nl\/blog\/","name":"Argeweb blog","description":"Weblog Argeweb","publisher":{"@id":"https:\/\/www.argeweb.nl\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.argeweb.nl\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"nl"},{"@type":"Organization","@id":"https:\/\/www.argeweb.nl\/blog\/#organization","name":"Argeweb","url":"https:\/\/www.argeweb.nl\/blog\/","logo":{"@type":"ImageObject","inLanguage":"nl","@id":"https:\/\/www.argeweb.nl\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.argeweb.nl\/blog\/wp-content\/uploads\/2019\/08\/logoargeweb1.png","contentUrl":"https:\/\/www.argeweb.nl\/blog\/wp-content\/uploads\/2019\/08\/logoargeweb1.png","width":190,"height":36,"caption":"Argeweb"},"image":{"@id":"https:\/\/www.argeweb.nl\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.argeweb.nl\/blog\/#\/schema\/person\/ed0419451b17a4ad72e0e447d8f7985a","name":"Jelle","image":{"@type":"ImageObject","inLanguage":"nl","@id":"https:\/\/www.argeweb.nl\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9ccf6531033eda5048c96e0ebb49ba87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9ccf6531033eda5048c96e0ebb49ba87?s=96&d=mm&r=g","caption":"Jelle"},"url":"https:\/\/www.argeweb.nl\/blog\/author\/jelle\/"}]}},"_links":{"self":[{"href":"https:\/\/www.argeweb.nl\/blog\/wp-json\/wp\/v2\/posts\/11405"}],"collection":[{"href":"https:\/\/www.argeweb.nl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.argeweb.nl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.argeweb.nl\/blog\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.argeweb.nl\/blog\/wp-json\/wp\/v2\/comments?post=11405"}],"version-history":[{"count":3,"href":"https:\/\/www.argeweb.nl\/blog\/wp-json\/wp\/v2\/posts\/11405\/revisions"}],"predecessor-version":[{"id":11487,"href":"https:\/\/www.argeweb.nl\/blog\/wp-json\/wp\/v2\/posts\/11405\/revisions\/11487"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.argeweb.nl\/blog\/wp-json\/wp\/v2\/media\/11407"}],"wp:attachment":[{"href":"https:\/\/www.argeweb.nl\/blog\/wp-json\/wp\/v2\/media?parent=11405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.argeweb.nl\/blog\/wp-json\/wp\/v2\/categories?post=11405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.argeweb.nl\/blog\/wp-json\/wp\/v2\/tags?post=11405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}