{"id":1838,"date":"2021-08-05T11:38:57","date_gmt":"2021-08-05T11:38:57","guid":{"rendered":"https:\/\/www.wpstaq.com\/?post_type=pagespeedinsights&amp;p=1838"},"modified":"2021-08-05T11:38:57","modified_gmt":"2021-08-05T11:38:57","slug":"does-not-use-passive-listeners-to-improve-scrolling-performance","status":"publish","type":"pagespeedinsights","link":"https:\/\/www.wpstaq.com\/hk\/pagespeedinsights\/does-not-use-passive-listeners-to-improve-scrolling-performance\/","title":{"rendered":"Does not use passive listeners to improve scrolling performance"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"overview\">Overview<\/h2>\n\n\n\n<p>Browsers like Chrome normally block page scrolling during the initial page load until JavaScript has executed. With JavaScript already blocking the\u00a0main-thread, smooth scrolling is not possible, this in turn  reduces visitors&#8217; page experience.<\/p>\n\n\n\n<p>Passive event listeners resolve this issue, allowing you to improve your visitors&#8217; experience.<br><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-fix-audit\">How to fix this?<\/h2>\n\n\n\n<p>Add a\u00a0<code>passive: true<\/code>\u00a0flag to every event listener flagged by GTmetrix. For example,<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">document.addEventListener('touchstart', onTouchStart, {passive: true});\n<\/pre>\n","protected":false},"template":"","class_list":["post-1838","pagespeedinsights","type-pagespeedinsights","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Does not use passive listeners to improve scrolling performance - How to fix really quickly with Staq<\/title>\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.wpstaq.com\/pagespeedinsights\/does-not-use-passive-listeners-to-improve-scrolling-performance\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Does not use passive listeners to improve scrolling performance - How to fix really quickly with Staq\" \/>\n<meta property=\"og:description\" content=\"Overview Browsers like Chrome normally block page scrolling during the initial page load until JavaScript has executed. With JavaScript already blocking the\u00a0main-thread, smooth scrolling is not possible, this in turn reduces visitors&#8217; page experience. Passive event listeners resolve this issue, allowing you to improve your visitors&#8217; experience. How to fix this? Add a\u00a0passive: true\u00a0flag to&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wpstaq.com\/pagespeedinsights\/does-not-use-passive-listeners-to-improve-scrolling-performance\/\" \/>\n<meta property=\"og:site_name\" content=\"Managed Hosting Platform for WordPress\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/staqhosting\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/pagespeedinsights\\\/does-not-use-passive-listeners-to-improve-scrolling-performance\\\/\",\"url\":\"https:\\\/\\\/www.wpstaq.com\\\/pagespeedinsights\\\/does-not-use-passive-listeners-to-improve-scrolling-performance\\\/\",\"name\":\"Does not use passive listeners to improve scrolling performance - How to fix really quickly with Staq\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/#website\"},\"datePublished\":\"2021-08-05T11:38:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/pagespeedinsights\\\/does-not-use-passive-listeners-to-improve-scrolling-performance\\\/#breadcrumb\"},\"inLanguage\":\"en-hk\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.wpstaq.com\\\/pagespeedinsights\\\/does-not-use-passive-listeners-to-improve-scrolling-performance\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/pagespeedinsights\\\/does-not-use-passive-listeners-to-improve-scrolling-performance\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.wpstaq.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PageSpeedInsights\",\"item\":\"https:\\\/\\\/www.wpstaq.com\\\/pagespeedinsights\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Does not use passive listeners to improve scrolling performance\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/#website\",\"url\":\"https:\\\/\\\/www.wpstaq.com\\\/\",\"name\":\"Managed Hosting Platform for WordPress\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.wpstaq.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-hk\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/#organization\",\"name\":\"Staq\",\"alternateName\":\"WPStaq\",\"url\":\"https:\\\/\\\/www.wpstaq.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-hk\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.wpstaq.com\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/cropped-LogoNoText.png\",\"contentUrl\":\"https:\\\/\\\/www.wpstaq.com\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/cropped-LogoNoText.png\",\"width\":512,\"height\":512,\"caption\":\"Staq\"},\"image\":{\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/staqhosting\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/wpstaq\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Does not use passive listeners to improve scrolling performance - How to fix really quickly with Staq","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.wpstaq.com\/pagespeedinsights\/does-not-use-passive-listeners-to-improve-scrolling-performance\/","og_locale":"en_US","og_type":"article","og_title":"Does not use passive listeners to improve scrolling performance - How to fix really quickly with Staq","og_description":"Overview Browsers like Chrome normally block page scrolling during the initial page load until JavaScript has executed. With JavaScript already blocking the\u00a0main-thread, smooth scrolling is not possible, this in turn reduces visitors&#8217; page experience. Passive event listeners resolve this issue, allowing you to improve your visitors&#8217; experience. How to fix this? Add a\u00a0passive: true\u00a0flag to&hellip;","og_url":"https:\/\/www.wpstaq.com\/pagespeedinsights\/does-not-use-passive-listeners-to-improve-scrolling-performance\/","og_site_name":"Managed Hosting Platform for WordPress","article_publisher":"https:\/\/www.facebook.com\/staqhosting\/","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wpstaq.com\/pagespeedinsights\/does-not-use-passive-listeners-to-improve-scrolling-performance\/","url":"https:\/\/www.wpstaq.com\/pagespeedinsights\/does-not-use-passive-listeners-to-improve-scrolling-performance\/","name":"Does not use passive listeners to improve scrolling performance - How to fix really quickly with Staq","isPartOf":{"@id":"https:\/\/www.wpstaq.com\/#website"},"datePublished":"2021-08-05T11:38:57+00:00","breadcrumb":{"@id":"https:\/\/www.wpstaq.com\/pagespeedinsights\/does-not-use-passive-listeners-to-improve-scrolling-performance\/#breadcrumb"},"inLanguage":"en-hk","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wpstaq.com\/pagespeedinsights\/does-not-use-passive-listeners-to-improve-scrolling-performance\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wpstaq.com\/pagespeedinsights\/does-not-use-passive-listeners-to-improve-scrolling-performance\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.wpstaq.com\/"},{"@type":"ListItem","position":2,"name":"PageSpeedInsights","item":"https:\/\/www.wpstaq.com\/pagespeedinsights\/"},{"@type":"ListItem","position":3,"name":"Does not use passive listeners to improve scrolling performance"}]},{"@type":"WebSite","@id":"https:\/\/www.wpstaq.com\/#website","url":"https:\/\/www.wpstaq.com\/","name":"Managed Hosting Platform for WordPress","description":"","publisher":{"@id":"https:\/\/www.wpstaq.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wpstaq.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-hk"},{"@type":"Organization","@id":"https:\/\/www.wpstaq.com\/#organization","name":"Staq","alternateName":"WPStaq","url":"https:\/\/www.wpstaq.com\/","logo":{"@type":"ImageObject","inLanguage":"en-hk","@id":"https:\/\/www.wpstaq.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2023\/05\/cropped-LogoNoText.png","contentUrl":"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2023\/05\/cropped-LogoNoText.png","width":512,"height":512,"caption":"Staq"},"image":{"@id":"https:\/\/www.wpstaq.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/staqhosting\/","https:\/\/www.linkedin.com\/company\/wpstaq"]}]}},"_links":{"self":[{"href":"https:\/\/www.wpstaq.com\/hk\/wp-json\/wp\/v2\/pagespeedinsights\/1838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wpstaq.com\/hk\/wp-json\/wp\/v2\/pagespeedinsights"}],"about":[{"href":"https:\/\/www.wpstaq.com\/hk\/wp-json\/wp\/v2\/types\/pagespeedinsights"}],"wp:attachment":[{"href":"https:\/\/www.wpstaq.com\/hk\/wp-json\/wp\/v2\/media?parent=1838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}