{"id":2767,"date":"2021-12-18T04:45:49","date_gmt":"2021-12-18T04:45:49","guid":{"rendered":"https:\/\/www.wpstaq.com\/?page_id=2767"},"modified":"2026-04-27T10:39:34","modified_gmt":"2026-04-27T10:39:34","slug":"core-vitals-academy","status":"publish","type":"page","link":"https:\/\/www.wpstaq.com\/gb\/core-vitals-academy\/","title":{"rendered":"Core Web Vitals Optimization Guide"},"content":{"rendered":"\n\n\t<section>\n        CORE WEB VITALS\n        Google PageSpeed Insights \u00b7 Site Optimizer \u00b7 Agency Guide\n      <h1>Core Web Vitals<br \/>Optimization Guide<\/h1>\n      <p>The guide to improving your Google Core Web Vitals score. Improve your Google PageSpeed Insights score in a nick of time. Staq&#8217;s tool will take care of the rest.<\/p>\n        <a href=\"https:\/\/www.wpstaq.com\/sign-up\/\">Start Free &#8211; No Credit Card\n        <\/a>\n        <a href=\"https:\/\/www.wpstaq.com\/book-demo\/\">Book a Call<\/a>\n         Free trial \u00b7 no credit card\n         Built-in site optimizer\n         Trusted by 400+ agencies\n<\/section>\n\t<p><strong>Do you prefer to watch a video tutorial instead? <\/strong><\/p>\n<p><a href=\"https:\/\/www.wpstaq.com\/how-to-do-core-web-vitals-optimization\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2023\/06\/core-web-vital-optimization-tutorial-videos.png\" alt=\"\" width=\"616\" height=\"385\" \/><\/a><\/p>\n<p><strong>Checkout our <a href=\"https:\/\/www.wpstaq.com\/how-to-do-core-web-vitals-optimization\/\">Core Web Vital optimization videos<\/a> instead. <\/strong><\/p>\n<p><strong>Otherwise, see the text information below.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Improve your Google PageSpeed Insights score in a nick of time. Staq&#8217;s tool will take care of the rest. The tool is accessible inside your Staq hosted WordPress website.<\/p>\n<h3>\n\t\t\tPreparation\t<\/h3>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-0\">Step 1: Chrome configuration<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-0\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-0\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>The best browser to use to perform testing and review is Google Chrome.<\/p>\n<p>Open Chrome in\u00a0<strong>Incognito<\/strong>\u00a0mode:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2021\/12\/chrome-incognito.png\" alt=\"\" width=\"716\" height=\"379\" \/><\/p>\n<p>With your mouse or keypad, right-click on the page inside Chrome and click <strong>Inspect<\/strong><\/p>\n<p>Then, click the\u00a0<strong>Network<\/strong>\u00a0tab and then click\u00a0<strong>Disable cache<\/strong>:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2021\/12\/network-disable-cache.png\" alt=\"\" width=\"676\" height=\"165\" \/><\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-1\">Step 2: Migrate website to Staq<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-1\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-1\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>Since our tool exclusively works within the Staq environment, the plugin and tools are exclusively available when the website has either been installed or migrated across to Staq.<\/p>\n<p>If you have an existing WordPress site and it isn&#8217;t on Staq, please follow the\u00a0<a href=\"https:\/\/www.wpstaq.com\/migrate-wordpress-website-instructions\" target=\"_blank\" rel=\"noopener\">instructions here<\/a>\u00a0to migrate your site across to Staq.<\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-2\">Step 3: Disabling other plugins &amp; services<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-2\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-2\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>Under the existing website in your Staq account or the recently migrated website, go to the Plugins page and disable the following plugins:<\/p>\n<ul> \t\n<li>Caching<\/li>\n\n<li>Optimization &amp; Minification<\/li>\n\n<li>Image compression &amp; WebP generation<\/li>\n\n<li>CDN<\/li>\n<\/ul>\n<p>Popular plugins (but not limited to) that fall under this category are:<\/p>\n<p><strong>Caching<\/strong><\/p>\n<ul> \t\n<li>WP Rocket<\/li>\n\n<li>W3 Total Cache<\/li>\n\n<li>WP Super Cache<\/li>\n\n<li>WP Fastest Cache<\/li>\n<\/ul>\n<p><strong>Optimization &amp; Minification<\/strong><\/p>\n<ul> \t\n<li>Autoptimize<\/li>\n\n<li>Hummingbird<\/li>\n\n<li>FlyingScript<\/li>\n\n<li>NitroPack<\/li>\n<\/ul>\n<p><strong>Image Compression &amp; WebP generation<\/strong><\/p>\n<ul> \t\n<li>ShortPixel<\/li>\n\n<li>Smush<\/li>\n\n<li>Imagify<\/li>\n<\/ul>\n<p><strong>CDN<\/strong><\/p>\n<ul> \t\n<li>Cloudflare<\/li>\n\n<li>BunnyCDN<\/li>\n\n<li>MaxCDN<\/li>\n\n<li>Sucuri CDN<\/li>\n\n<li>StackPath<\/li>\n\n<li>KeyCDN<\/li>\n<\/ul>\n<p>Once you confirm every single form of optimization plugin has been disabled, please proceed to the next step.<\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-3\">Step 4: PageSpeed Insights score check<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-3\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-3\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>Let the PageSpeed Insights tool perform a true assessment of your website by clicking this\u00a0<a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener\">link<\/a>. Enter the website URL and let the tool run its course.<\/p>\n<p>Automatically being on Staq means text compression and an efficient caching policy on static assets within the root domain are enabled.<\/p>\n<p>It is recommended that you take a screenshot of both\u00a0<strong>Mobile<\/strong>\u00a0and\u00a0<strong>Desktop<\/strong> scores along with the opportunities that Google recommends that you follow.<\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-4\">Ste 5: Enable Staq Hosting caching and optimizer functions<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-4\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-4\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>Log into the WordPress site accessible via your Staq account and then click Staq Hosting and then click:<\/p>\n<ul> \t\n<li>Enable cache for website; and then<\/li>\n\n<li>Enable optimizer for website.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/enable-staq-hosting-1024x503.png\" alt=\"\" width=\"1024\" height=\"503\" \/><\/p>\n<h3>\n\t\t\t1-click optimization opportunities\t<\/h3>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-0\">Eliminate Render-Blocking Resources<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-0\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-0\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>Both .CSS and .JS files can cause render-blocking issues, however, you may find that Google identifies purely .CSS files only.<\/p>\n<p>The Staq tool may either eliminate render-blocking resources or improve them.<\/p>\n<p>To optimize, go to Site Optimizer &gt; CSS. Then turn on:<\/p>\n<ul> \t\n<li>Load CSS deferred<\/li>\n\n<li>Extract Critical CSS.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-01-at-2.36.00-pm-1024x710.png\" alt=\"\" width=\"1024\" height=\"710\" \/><\/p>\n<p>What this will do is find all the critical CSS that loads the website above the fold and add it as an inline CSS at the top of the HTML file. Then, it defers the rest of the CSS files that aren&#8217;t required at the initial load.<\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-1\">Reduce Unused JavaScript<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-1\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-1\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>There are JS files that don&#8217;t need to load on the initial load. So go to Javascript and select\u00a0<strong>Delay JavaScript execution<\/strong>.<\/p>\n<p>Please note that Staq applies conservative measures here. It does not delay:<\/p>\n<ul> \t\n<li>core WordPress JS files<\/li>\n\n<li>scripts and files that contain .min. and jQuery<\/li>\n<\/ul>\n<p>If you wish to\u00a0<strong>aggressively improve<\/strong> your PageSpeed Insights score, please scroll further down to\u00a0<strong>JAVASCRIPT OPTIMIZATION GUIDE <\/strong>to view our advanced tutorial on how to optimize JavaScript files and scripts further.<\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-2\">Defer Offscreen Images<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-2\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-2\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>This recommendation means to defer all images upon initial load and download the image as the user scrolls down the webpage.<\/p>\n<p>Under\u00a0<strong>Site Optimizer &gt; Media<\/strong>, click\u00a0<strong>Lazyload images &amp; videos<\/strong>. As a rule of thumb, it is best to exclude all images that appear above the fold. Images such as:<\/p>\n<ul> \t\n<li>logos<\/li>\n\n<li>icons that appear in the header<\/li>\n\n<li>and hero images<\/li>\n<\/ul>\n<p>should be excluded:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-13-at-1.18.26-pm.png\" alt=\"\" \/><\/p>\n<p>To be on the safe side, please make sure that the images served on your mobile device also match the same image file names on your desktop.<\/p>\n<p>Forgetting to exclude images that appear above the fold may cause Cumulative Layout Shift (CLS) issues.<\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-3\">Minify CSS<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-3\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-3\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>Under\u00a0<strong>Site Optimizer &gt; CSS<\/strong>, click:<\/p>\n<ul> \t\n<li>Minify inline styles<\/li>\n\n<li>Minify CSS files<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-13-at-1.29.20-pm.png\" alt=\"\" \/><\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-4\">Minify JavaScript<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-4\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-4\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>Under\u00a0<strong>Site Optimizer &gt; CSS<\/strong>, click:<\/p>\n<ul> \t\n<li>Minify JavaScript tags<\/li>\n\n<li>Minify JavaScript files<\/li>\n<\/ul>\n<p>&nbsp;<img decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-26-at-11.52.33-am.png\" alt=\"\" \/><\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-5\">Serve Images in Next-Gen Formats (WebP)<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-5\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-5\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>Serving images in next-gen format means serving images in WebP format. Go to <strong>Site Optimizer &gt; Media\u00a0<\/strong>and click\u00a0<strong>Serve next-gen images [WebP]\u00a0<\/strong>and also enable\u00a0<strong>Rewrite media URLs<\/strong> for the cached file to show WebP images:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-13-at-1.30.59-pm.png\" alt=\"\" \/><\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-6\">Reduce Initial Server Response Time<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-6\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-6\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>Generally, using our tool will either reduce or eliminate this from being an issue.<\/p>\n<p>However, there are 2 features that you can adopt that will assist.<\/p>\n<p>Go to Staq Panel for the site in question and click CDN:<\/p>\n<p><strong>[IMAGE]<\/strong><\/p>\n<p>You&#8217;ll see:<\/p>\n<ul> \t\n<li>Next-Gen CDN (<strong>recommended<\/strong>)<\/li>\n\n<li>Traditional CDN<\/li>\n<\/ul>\n<p><strong>Next-Gen CDN Cache<\/strong><\/p>\n<p>This feature will deploy the entire website into the CDN. This means that the server will not receive any request as the site is delivered from the closest data center.<\/p>\n<p>The Time To First Byte (TTFB) and load time will be relatively similar across the globe. Typically, optimized sites are fast in the same location as the origin server but are slow across the globe. This feature eliminates this issue.<\/p>\n<p><strong>Traditional CDN<\/strong><\/p>\n<p>The CDN will offload to AWS CloudFront the following:<\/p>\n<ul> \t\n<li>images and videos<\/li>\n\n<li>plugins<\/li>\n\n<li>theme<\/li>\n<\/ul>\n<p>The origin-server will still handle each request.<\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-7\">Reduce Unused CSS<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-7\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-7\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p><strong>COMING SOON: A FEATURE TO REMOVE UNUSED CSS AND ONLY SHOW USED CSS<\/strong><\/p>\n<p>In the meantime, until our new feature is released, we do not modify CSS files beyond minification.<\/p>\n<p>Typically, following the\u00a0<strong>Eliminate render-blocking<\/strong>\u00a0<strong>resources<\/strong> instruction in this document will either reduce the execution time or remove this entry from the list.<\/p>\n<p>Regardless, it isn&#8217;t a significant score-breaker inside the calculator of PageSpeed Insights if this isn&#8217;t followed.<\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-8\">Avoid an Excessive DOM Size<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-8\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-8\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>Go to <strong>Site Optimizer &gt; Extra Options<\/strong>, and enable <strong>Optimize HTML<\/strong> in order to reduce your DOM size:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-13-at-1.34.57-pm.png\" alt=\"\" \/><\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-9\">Image elements do not have explicit width and height<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-9\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-9\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>Under Site Optimizer &gt; Media, enable\u00a0<strong>Add explicit image dimensions<\/strong>:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-13-at-1.35.56-pm.png\" alt=\"\" \/><\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-10\">Optimize Google Fonts<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-10\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-10\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>Believe it or not, Google Fonts causes harm to your PageSpeed Insights score. By default, if the Optimizer is enabled, Staq will automatically apply it as <strong>Combine and apply display:swap<\/strong> which is best practice according to Google.<\/p>\n<p>However, removing Google Fonts can improve your PageSpeed Insights score.<\/p>\n<p>Select\u00a0<strong>Remove Google Fonts<\/strong>. Double-check your website to see if it doesn&#8217;t hinder the look and feel of the website as you may wish to revert it to <strong>Combine and apply display:swap<\/strong>:<\/p>\n<p>&nbsp; <img decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-25-at-4.19.12-pm.png\" alt=\"\" \/><\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-11\">Preload Images<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-11\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-11\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>Under <strong>Site Optimizer<\/strong> &gt; <strong>Media<\/strong>, copy and paste the image link that you wish to preload images under the <strong>Preload images\u00a0<\/strong>section.<\/p>\n<p>If you wish to preload WebP images, please ensure you also add the WebP link.<\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-12\">Properly size images<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-12\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-12\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>This means two things:<\/p>\n<ol> \t\n<li>resize images so you&#8217;re not serving\u00a0<strong>Full-Size <\/strong>images<\/li>\n\n<li>optimize and compress images.<\/li>\n<\/ol>\n<p><strong>Full-Size Images<\/strong><\/p>\n<p>Avoid using full-size images. Instead, select the resized image based on the settings inside the WordPress builder:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/full-size-300x173.png\" alt=\"\" width=\"300\" height=\"173\" \/><\/p>\n<p><strong>Optimize and Compress Images<\/strong><\/p>\n<p>Staq allows you to optimize and compress images automatically.<\/p>\n<p>You can compress the following images:<\/p>\n<ul> \t\n<li>png<\/li>\n\n<li>jpg<\/li>\n\n<li>WebP<\/li>\n<\/ul>\n<p>Inside Staq Hosting, click Media in the horizontal tab. Then, click WEBP Image and Standard Image. From there, you can play with the settings:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-25-at-4.14.27-pm.png\" alt=\"\" \/><\/p>\n<p>Please note that when an image is uploaded via Media Library in WordPress whilst hosted on Staq, we transfer the original image into an AWS S3 bucket for safekeeping and via AWS Lambda, compress and optimize the duplicate image.<\/p>\n<p>Staq will always have the original image you&#8217;ve uploaded just in case you wish to change the compression settings in the future.<\/p>\n\t<p>The instructions below are to be used if you wish to have more control of how your javascript files and scripts load along with pushing your PageSpeed Insights score even further.<\/p>\n<h3>\n\t\t\tJavaScript optimization Guide\t<\/h3>\n<h4>\n\t\t\tRecommended JavaScript optimization\t<\/h4>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-0\">Try this JS Optimization first<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-0\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-0\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>With this method, we are combining all safe JavaScript files and then combining it into a single file. Then, we delay that combined JS file. You can then exclude certain JS files from being delayed. Those scripts did not form part of the combined process.<\/p>\n<h5>Steps<\/h5>\n<p>Enable the first 3 JS settings:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/03\/combine-js-feature-808x1024.png\" alt=\"\" width=\"808\" height=\"1024\" \/><\/p>\n<p>Then, under\u00a0<b>Delay JavaScript execution,\u00a0<\/b>delete the default entries under <strong>Exclude JavaScript keywords from delay<\/strong> and copy and paste the following entries into the list instead:<\/p>\n<blockquote><p>lazyload.min.js<br \/>lazyLoadOptions<br \/>above-the-fold<br \/>removeLoading<\/p><\/blockquote>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/03\/delay-js-execution-feature.png\" alt=\"\" width=\"853\" height=\"866\" \/><\/p>\n<h5>Test<\/h5>\n<p>Then, go to the website in\u00a0<strong>Incognito mode<\/strong> and make sure:<\/p>\n<ul> \t\n<li>the Inspect window is open<\/li>\n\n<li>it is selected on the <strong>Network<\/strong> tab<\/li>\n\n<li>the JS tab is selected.<\/li>\n<\/ul>\n<p>Then, go ahead and\u00a0<strong>refresh<\/strong> your screen with your keyboard.<\/p>\n<p>Under the JS tab, you should notice that no scripts will load\u00a0<strong>until you move your mouse or keyboard<\/strong> as per the screenshot below:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/js-files-loading.gif\" alt=\"\" width=\"800\" height=\"337\" \/><\/p>\n<p>After, go ahead to the testing phase to ensure the site works perfectly. If so, you&#8217;re done. If it requires tweaks, refer to the tutorial below.<\/p>\n<p><strong>QUICK TIP: It is recommended that you turn off animation to all elements that appear above the fold only. <\/strong><strong>The animation is powered by JavaScript which will give you a blank section until you move your mouse.<\/strong><\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-1\">Outcome<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-1\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-1\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>If this strategy worked for you, then go to the <strong>Testing <\/strong>section, below.<\/p>\n<p>If it did not work, then you&#8217;ll need to carefully select which JavaScript files and scripts to delay. Instructions on how to do this appear below.<\/p>\n<p>If you wish to reverse this, click <strong>Restore Defaults<\/strong> under the JavaScript page of the Staq tool. Please note that it&#8217;ll only restore the settings on this page and not the entire optimization setup.<\/p>\n<h4>\n\t\t\tAggressive JavaScript optimization\t<\/h4>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-0\">Aggressive JS optimization<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-0\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-0\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>**TRY WITH CAUTION**<\/p>\n<p>This strategy does not work for all websites, however, it is a quick and easy solution to apply and may work for you.<\/p>\n<p>Under\u00a0<b>Delay JavaScript execution, <\/b>go to\u00a0<strong>Exclude JavaScript keywords from delay<\/strong> and delete all excluded file names. This will make this list empty:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/remove-excluded-js-file-names.png\" alt=\"\" width=\"738\" height=\"551\" \/><\/p>\n<p>Then, go to the website in\u00a0<strong>Incognito mode<\/strong> and make sure:<\/p>\n<ul> \t\n<li>the Inspect window is open<\/li>\n\n<li>it is selected on the <strong>Network<\/strong> tab<\/li>\n\n<li>the JS tab is selected.<\/li>\n<\/ul>\n<p>Then, go ahead and\u00a0<strong>refresh<\/strong> your screen with your keyboard.<\/p>\n<p>Under the JS tab, you should notice that no scripts will load\u00a0<strong>until you move your mouse or keyboard<\/strong> as per the screenshot below:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/js-files-loading.gif\" alt=\"\" width=\"800\" height=\"337\" \/><\/p>\n<p>After, go ahead to the testing phase to ensure the site works perfectly. If so, you&#8217;re done. If it requires tweaks, refer to the tutorial below.<\/p>\n<p><strong>QUICK TIP: It is recommended that you turn off animation to all elements that appear above the fold only. <\/strong><strong>The animation is powered by JavaScript which will give you a blank section until you move your mouse.<\/strong><\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-1\">Outcome<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-1\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-1\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>If this strategy worked for you, then go to the <strong>Testing <\/strong>section, below.<\/p>\n<p>If it did not work, then you&#8217;ll need to carefully select which JavaScript files and scripts to delay. Instructions on how to do this appear below.<\/p>\n<p>If you wish to reverse this, click <strong>Restore Defaults<\/strong> under the JavaScript page of the Staq tool. Please note that it&#8217;ll only restore the settings on this page and not the entire optimization setup.<\/p>\n<p>&nbsp;<img decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-25-at-3.29.46-pm.png\" alt=\"\" \/><\/p>\n<h4>\n\t\t\tModerate JavaScript optimization\t<\/h4>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-0\">Moderate JS Optimization<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-0\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-0\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>To see the unminified JS files, go to <strong>Site Optimizer\u00a0<\/strong>&gt;\u00a0<strong>JavaScript<\/strong> and turn off both:<\/p>\n<ul> \t\n<li>Minify JavaScript tags<\/li>\n\n<li>Minify JavaScript files<\/li>\n<\/ul>\n<p>&nbsp; <img decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-25-at-3.30.44-pm.png\" alt=\"\" \/><\/p>\n<p>Continue to have <strong>Delay JavaScript execution<\/strong> enabled with the default list of keywords listed under <strong>Exclude JavaScript keywords from delay<\/strong>.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-25-at-3.32.14-pm.png\" alt=\"\" \/><\/p>\n<p>Then, in\u00a0<strong>Incognito\u00a0<\/strong>mode in Chrome, open <strong>Inspect<\/strong> and go to <strong>Network<\/strong> &gt; <strong>JS<\/strong>. Refresh the page with your keyboard (without moving the mouse over the page) and review all javascript files that have loaded. These files have been excluded.<\/p>\n<p>To determine if that particular JS file is required at the initial load, right-click that file and click <strong>Block request URL<\/strong> as per the GIF below:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/block-resource.gif\" alt=\"\" width=\"800\" height=\"425\" \/><\/p>\n<p>Refresh the page in <strong>Incognito<\/strong> mode and see if anything on the website breaks. If it doesn&#8217;t, then it is safe to say that this particular JS file can be delayed upon initial load.<\/p>\n<p>Repeat the process.<\/p>\n<p>If a file breaks the look and feel of the website, unblock the file and move to the next one.<\/p>\n<p>Once you&#8217;re done, you should have a list of blocked JS files in red like this:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/blocked-js-resources-1024x465.png\" alt=\"\" width=\"1024\" height=\"465\" \/><\/p>\n<p>Right-click on each file and copy the URL:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/copy-link-address-1024x475.png\" alt=\"\" width=\"1024\" height=\"475\" \/><\/p>\n<p>Then, in the backend of WordPress, go to the JavaScript optimization section in Staq Hosting paste the URL and remove the unnecessary information as per the GIF below:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/include-js-keywords-delay.gif\" alt=\"\" width=\"800\" height=\"485\" \/><\/p>\n<p><strong>Note, once you&#8217;re done, go ahead and unblock the blocked file from your browser by right-clicking it<\/strong>.<\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-1\">Outcome<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-1\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-1\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>Refresh your page and ensure that it works correctly.<\/p>\n<p>You may need to tweak which JS files to exclude and remove files from the include section.<\/p>\n<p>Once you confirm it is fine, proceed to the Testing section.<\/p>\n<h4>\n\t\t\tDiagnosing JavaScript errors in browser\t<\/h4>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-0\">Diagnose JavaScript errors <strong>(COMING SOON)<\/strong><\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-0\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-0\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>If a certain section of the website is broken, in <strong>Inspect<\/strong> (Google Chrome), click on the error icon to investigate what the issue is:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/js-error-1024x540.png\" alt=\"\" width=\"1024\" height=\"540\" \/><\/p>\n<h3>\n\t\t\tTesting\t<\/h3>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-0\">Clear CDN cache<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-0\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-0\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>If you have Staq CDN enabled, to be on the safe side, clear the CDN cache by clicking <strong>Staq Hosting<\/strong> on the top admin bar &gt; <strong>Clear CDN cache<\/strong>:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2022\/01\/clear-CDN-cache.png\" alt=\"\" width=\"732\" height=\"186\" \/><\/p>\n<p>Then, refresh the page in\u00a0<strong>Incognito\u00a0<\/strong>mode to regenerate the cached page.<\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-1\">Refresh your site in Incognito Mode<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-1\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-1\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>The next step will be to open the website in Google Chrome <strong>Incognito<\/strong> mode and refresh your page so it rebuilds the cached file. Once you&#8217;ve done that, use the same link below.<\/p>\n\t\t\t\t\t<a role=\"heading\" aria-level=\"2\" tabindex=\"-1\"  id=\"fl-accordion--label-2\">Assessing the score<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" id=\"fl-accordion--icon-2\" aria-expanded=\"false\" aria-controls=\"fl-accordion--panel-2\"><i>Expand<\/i><\/button>\n\t\t\t\t\t<p>The moment of truth: go to\u00a0<a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a> and assess the newly optimized site.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>CORE WEB VITALS Google PageSpeed Insights \u00b7 Site Optimizer \u00b7 Agency Guide Core Web VitalsOptimization Guide The guide to improving your Google Core Web Vitals score. Improve your Google PageSpeed Insights score in a nick of time. Staq&#8217;s tool will take care of the rest. Start Free &#8211; No Credit Card Book a Call Free&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2767","page","type-page","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>Core Web Vitals Optimization Guide - Managed Hosting Platform for WordPress<\/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\/core-vitals-academy\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Core Web Vitals Optimization Guide - Managed Hosting Platform for WordPress\" \/>\n<meta property=\"og:description\" content=\"CORE WEB VITALS Google PageSpeed Insights \u00b7 Site Optimizer \u00b7 Agency Guide Core Web VitalsOptimization Guide The guide to improving your Google Core Web Vitals score. Improve your Google PageSpeed Insights score in a nick of time. Staq&#8217;s tool will take care of the rest. Start Free &#8211; No Credit Card Book a Call Free&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wpstaq.com\/core-vitals-academy\/\" \/>\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 property=\"article:modified_time\" content=\"2026-04-27T10:39:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2023\/06\/core-web-vital-optimization-tutorial-videos.png\" \/>\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=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/core-vitals-academy\\\/\",\"url\":\"https:\\\/\\\/www.wpstaq.com\\\/core-vitals-academy\\\/\",\"name\":\"Core Web Vitals Optimization Guide - Managed Hosting Platform for WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/core-vitals-academy\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/core-vitals-academy\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.wpstaq.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/core-web-vital-optimization-tutorial-videos.png\",\"datePublished\":\"2021-12-18T04:45:49+00:00\",\"dateModified\":\"2026-04-27T10:39:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/core-vitals-academy\\\/#breadcrumb\"},\"inLanguage\":\"en-gb\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.wpstaq.com\\\/core-vitals-academy\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-gb\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/core-vitals-academy\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.wpstaq.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/core-web-vital-optimization-tutorial-videos.png\",\"contentUrl\":\"https:\\\/\\\/www.wpstaq.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/core-web-vital-optimization-tutorial-videos.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/core-vitals-academy\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.wpstaq.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core Web Vitals Optimization Guide\"}]},{\"@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-gb\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.wpstaq.com\\\/#organization\",\"name\":\"Staq\",\"alternateName\":\"WPStaq\",\"url\":\"https:\\\/\\\/www.wpstaq.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-gb\",\"@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":"Core Web Vitals Optimization Guide - Managed Hosting Platform for WordPress","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\/core-vitals-academy\/","og_locale":"en_US","og_type":"article","og_title":"Core Web Vitals Optimization Guide - Managed Hosting Platform for WordPress","og_description":"CORE WEB VITALS Google PageSpeed Insights \u00b7 Site Optimizer \u00b7 Agency Guide Core Web VitalsOptimization Guide The guide to improving your Google Core Web Vitals score. Improve your Google PageSpeed Insights score in a nick of time. Staq&#8217;s tool will take care of the rest. Start Free &#8211; No Credit Card Book a Call Free&hellip;","og_url":"https:\/\/www.wpstaq.com\/core-vitals-academy\/","og_site_name":"Managed Hosting Platform for WordPress","article_publisher":"https:\/\/www.facebook.com\/staqhosting\/","article_modified_time":"2026-04-27T10:39:34+00:00","og_image":[{"url":"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2023\/06\/core-web-vital-optimization-tutorial-videos.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wpstaq.com\/core-vitals-academy\/","url":"https:\/\/www.wpstaq.com\/core-vitals-academy\/","name":"Core Web Vitals Optimization Guide - Managed Hosting Platform for WordPress","isPartOf":{"@id":"https:\/\/www.wpstaq.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.wpstaq.com\/core-vitals-academy\/#primaryimage"},"image":{"@id":"https:\/\/www.wpstaq.com\/core-vitals-academy\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2023\/06\/core-web-vital-optimization-tutorial-videos.png","datePublished":"2021-12-18T04:45:49+00:00","dateModified":"2026-04-27T10:39:34+00:00","breadcrumb":{"@id":"https:\/\/www.wpstaq.com\/core-vitals-academy\/#breadcrumb"},"inLanguage":"en-gb","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wpstaq.com\/core-vitals-academy\/"]}]},{"@type":"ImageObject","inLanguage":"en-gb","@id":"https:\/\/www.wpstaq.com\/core-vitals-academy\/#primaryimage","url":"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2023\/06\/core-web-vital-optimization-tutorial-videos.png","contentUrl":"https:\/\/www.wpstaq.com\/wp-content\/uploads\/2023\/06\/core-web-vital-optimization-tutorial-videos.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.wpstaq.com\/core-vitals-academy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.wpstaq.com\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals Optimization Guide"}]},{"@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-gb"},{"@type":"Organization","@id":"https:\/\/www.wpstaq.com\/#organization","name":"Staq","alternateName":"WPStaq","url":"https:\/\/www.wpstaq.com\/","logo":{"@type":"ImageObject","inLanguage":"en-gb","@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\/gb\/wp-json\/wp\/v2\/pages\/2767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wpstaq.com\/gb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.wpstaq.com\/gb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.wpstaq.com\/gb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wpstaq.com\/gb\/wp-json\/wp\/v2\/comments?post=2767"}],"version-history":[{"count":1,"href":"https:\/\/www.wpstaq.com\/gb\/wp-json\/wp\/v2\/pages\/2767\/revisions"}],"predecessor-version":[{"id":89066,"href":"https:\/\/www.wpstaq.com\/gb\/wp-json\/wp\/v2\/pages\/2767\/revisions\/89066"}],"wp:attachment":[{"href":"https:\/\/www.wpstaq.com\/gb\/wp-json\/wp\/v2\/media?parent=2767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}