{"id":142764,"date":"2021-01-13T15:17:56","date_gmt":"2021-01-13T15:17:56","guid":{"rendered":"https:\/\/www.searchenginewatch.com\/?p=142764"},"modified":"2021-01-13T15:17:56","modified_gmt":"2021-01-13T15:17:56","slug":"core-web-vitals-report-28-ways-to-supercharge-your-site","status":"publish","type":"post","link":"https:\/\/searchenginewatch.com\/2021\/01\/13\/core-web-vitals-report-28-ways-to-supercharge-your-site\/","title":{"rendered":"Core Web Vitals report: 28 Ways to supercharge your site"},"content":{"rendered":"<div class=\"well\">\n<h3>30-second summary:<\/h3>\n<ul>\n<li>Google plans to roll out the new Core Web Vitals update in early 2021.<\/li>\n<li>The overall size, dimensions, load order, and format of your images will drastically\u00a0affect\u00a0your PageSpeed score.<\/li>\n<li>Loading critical CSS and JS inline can improve the perceived load time of your site.<\/li>\n<li>Above-the-fold videos and large background images can be particularly damaging to your Largest Contentful Paint time.<\/li>\n<li>A server upgrade and a CDN can improve your server response time and your contentful paint score.<\/li>\n<li>Founder of Content Powered, James Parsons, shares an exhaustive list of 28 elements that will supercharge your site for Google&#8217;s Core Web Vitals update and Google PageSpeed Insights.<\/li>\n<\/ul>\n<\/div>\n<p>Announced in early 2020, the Core Web Vitals are a set of metrics Google is developing and plans to roll into their overall search algorithm <a href=\"https:\/\/twitter.com\/googlesearchc\/status\/1326192937164705797\" target=\"_blank\" rel=\"noopener noreferrer\">in May of 2021<\/a>.\u00a0 Given that it\u2019s almost 2021 now, anyone who wants to get ahead on optimizing their site for this new algorithm update can get to work now.\u00a0 Thankfully, Google has been very good about <a href=\"https:\/\/web.dev\/vitals\/\" target=\"_blank\" rel=\"noopener noreferrer\">publicly disclosing what these new metrics are and how they work<\/a>.<\/p>\n<p>Armed with that information, it\u2019s possible to build a checklist of action items to check and optimize on your site to ready yourself for the inevitable rollout of these new ranking factors.\u00a0 Here are 28 such items for that checklist.<\/p>\n<h2><strong>A. Image optimization<\/strong><\/h2>\n<p>Images are one of the largest influencing factors in the core web vitals.\u00a0 All of the web vitals measure the time until some initial rendering, and loading images is the largest source of delay before a page is initially fully loaded.\u00a0 Thus, <a href=\"https:\/\/searchenginewatch.com\/2019\/05\/31\/image-optimization-for-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">optimizing images<\/a> tends to be the most powerful tool for improving core web vitals.<\/p>\n<h3><strong>1. Reduce the Dimensions of Background Images<\/strong><\/h3>\n<p>Background images are rarely fully necessary to a site design and can be a large source of delay in loading a page for the first time.<\/p>\n<p>If you use a background image, reduce how large that image is and optimize it so it loads as close to instantaneously as possible.<\/p>\n<h3><strong>2. Minimize or Replace Background Images with Patterns<\/strong><\/h3>\n<p>If you\u2019re not tied to a specific background image, either replace the image with flat colors, a gradient, or even a simple tiled pattern.\u00a0 Again, the goal is to minimize how many assets need to load before the initial load of the website is complete.\u00a0 Since background images don\u2019t make a huge impact (and are even less necessary on mobile), minimize or remove them as much as possible.<\/p>\n<h3><strong>3. Remove Images on Mobile Above the Fold<\/strong><\/h3>\n<p>Speaking of mobile, the mobile browsing experience is often slower than desktop browsing due to the quality of cell and wireless signals.\u00a0 Mobile devices are especially susceptible to delays in the first input and on the content shift.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-142771\" src=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Above-and-Below-the-Fold-scaled.jpg\" alt=\"Core Web Vitals report elements - Above and Below the Fold\" width=\"728\" height=\"364\" srcset=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Above-and-Below-the-Fold-scaled.jpg 728w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Above-and-Below-the-Fold-300x150.jpg 300w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Above-and-Below-the-Fold-768x384.jpg 768w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/p>\n<p>To help avoid that, strive to make as much of your above-the-fold content as possible based on text and other simple elements.\u00a0 Large images and slideshows above the fold are particularly rough on your score, so remove or move them as much as possible.<\/p>\n<h3><strong>4. Implement Lazy Loading<\/strong><\/h3>\n<p>Lazy loading is a common technique for speeding up the initial load of any given page.\u00a0 With Google\u2019s new metrics on the horizon, it\u2019s no surprise that support for it is quickly becoming a default feature.\u00a0 WordPress, for example, added <a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">native default lazy loading in version 5.5 earlier this year<\/a>.\u00a0 Make use of lazy loading for any content, particularly images, that doesn\u2019t need to load above the fold initially.<\/p>\n<h3><strong>5. Use WebP Images<\/strong><\/h3>\n<p>Another Google initiative, WebP is a new image format developed back in 2010.\u00a0 It\u2019s a smaller image format with better compression algorithms than your traditional image formats like PNG.<\/p>\n<p>While it hasn\u2019t really picked up widespread traction until recently, it\u2019s becoming more and more valuable as both users and search engines are increasingly concerned with speed and load times.\u00a0 Support is widespread, even if usage isn\u2019t, so you can more-or-less safely use WebP images as your primary image files.<\/p>\n<h3><strong>6. Optimize Image File Sizes<\/strong><\/h3>\n<p>Using a tool to crunch or smush image files to be smaller in file size should be a default part of optimizing images for the web by this point.<\/p>\n<h3><strong><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-142770\" src=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/WebP-Image-Optimization-scaled.jpg\" alt=\"Core Web Vitals report elements - WebP Image Optimization\" width=\"728\" height=\"364\" srcset=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/WebP-Image-Optimization-scaled.jpg 728w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/WebP-Image-Optimization-300x150.jpg 300w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/WebP-Image-Optimization-768x384.jpg 768w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/strong><\/h3>\n<p>If you don\u2019t do it already, make sure you implement a way to process images as part of your blogging workflow moving forward. You\u2019ll also want to make sure you\u2019ve defined the height and width of images to prevent layout shift.<\/p>\n<h2><strong>B. CSS optimization<\/strong><\/h2>\n<p>CSS has become an increasingly critical part of many site designs, so much so that blocking it makes the web almost unrecognizable.\u00a0 With so much of a site reliant on CSS for everything from colors to positioning, making sure your code is optimized is more important than ever.<\/p>\n<h3><strong>7. Inline Critical CSS<\/strong><\/h3>\n<p>You don\u2019t need to inline every bit of your CSS, though that works as well.\u00a0 In particular, you want to inline CSS that is critical to the overall design and layout of your theme.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-142774\" src=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Inlining-CSS-scaled.jpg\" alt=\"Core Web Vitals report elements - Inlining CSS\" width=\"728\" height=\"364\" srcset=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Inlining-CSS-scaled.jpg 728w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Inlining-CSS-300x150.jpg 300w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Inlining-CSS-768x384.jpg 768w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/p>\n<p>This minimizes the number of individual files a browser needs to call from your server just to load the initial layout and paint the initial content on your site.<\/p>\n<h3><strong>8. Minify CSS<\/strong><\/h3>\n<p>CSS is by default a very minimalist language and can operate perfectly well without spaces, indentation, comments, and other text that makes it more user-friendly and easier to develop.\u00a0 Before uploading new code to your site, run it through a tool to minify it and remove all of that excess cruft that has a microscopic-yet-tangible effect on page loading.<\/p>\n<h3><strong>9. Consolidate CSS Files and Code<\/strong><\/h3>\n<p>It can be tempting to store CSS in a variety of files and scattered throughout your code, placing it where it seems like it should be rather than where it makes sense to put it.\u00a0 Remember; what is easiest as a developer is not necessarily the fastest for a user.\u00a0 Consolidate your CSS, whether it\u2019s inline or in separate files, and only execute specific elements as necessary.<\/p>\n<h3><strong>10. Optimize CSS Delivery<\/strong><\/h3>\n<p>CSS is often a late-loading element of site code.\u00a0 Traditional site design loads the framework for the site, then the content, then the CSS to format it all.\u00a0 Particularly when CSS is stored in an external file, this delays loading significantly.\u00a0 Preloading your CSS is a strategy <a href=\"https:\/\/web.dev\/preload-critical-assets\/\" target=\"_blank\" rel=\"noopener noreferrer\">recommended by Google<\/a> to force the browser to load the CSS and have it ready when it\u2019s needed.<\/p>\n<h2><strong>C. JavaScript optimization<\/strong><\/h2>\n<p>JavaScript is one of the biggest sources of code bloat and delay in loading websites. Optimizing your site\u2019s JS can help speed it up tremendously, even when it doesn\u2019t seem like it would have much of an effect based on what you\u2019re doing to it.<\/p>\n<h3><strong>11. Minify JS Scripts<\/strong><\/h3>\n<p>Like CSS, JavaScript doesn\u2019t need extraneous spaces and breaks to function.\u00a0 It also doesn\u2019t need verbose variable names, which are useful for development but can increase the size of scripts by a significant amount.<\/p>\n<p>Run your scripts through a minifier before adding them to your site.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-142776\" src=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/JS-Minifier-scaled.jpg\" alt=\"Core Web Vitals report elements - Minify your Javascript\" width=\"728\" height=\"364\" srcset=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/JS-Minifier-scaled.jpg 728w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/JS-Minifier-300x150.jpg 300w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/JS-Minifier-768x384.jpg 768w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/p>\n<h3><strong>12. Consolidate Scripts and Minimize Usage<\/strong><\/h3>\n<p>Many of the purposes web designers use JavaScript for have been available as features in HTML5 and CSS3 for years now.\u00a0 Particularly in older websites, a revamp or review of scripts can find alternative, faster ways to do the same things.\u00a0 Review and optimize, minimize, consolidate, and strip as much JavaScript as you can from your site.<\/p>\n<h3><strong>13. Defer or Async Scripts Whenever Possible<\/strong><\/h3>\n<p>Scripts are roadblocks in rendering a website.\u00a0 When a browser has to render a JS script, it has to process through that script before it can continue loading the page.\u00a0 Since many developers put scripts in their headers, this delays page loading significantly.\u00a0 Using Defer allows the browser to continue loading the page before executing the script, while Async allows them to load simultaneously.\u00a0 Using these two features allows you to offset the delay inherent in using scripts and speed up your initial page loads.<\/p>\n<h3><strong>14. Remove jQuery Migrate<\/strong><\/h3>\n<p>A recent update to jQuery has led to a lot of old plugins and scripts no longer working.\u00a0 To buy time and allow webmasters to update their sites, the Migrate module was introduced.\u00a0 This is essentially a translation module that allows old jQuery to function on sites that utilize a newer version of jQuery.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-142775\" src=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/jQuery-Migrate-scaled.jpg\" alt=\"Core Web Vitals report elements - Remove jQuery Migrate\" width=\"728\" height=\"364\" srcset=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/jQuery-Migrate-scaled.jpg 728w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/jQuery-Migrate-300x150.jpg 300w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/jQuery-Migrate-768x384.jpg 768w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/p>\n<p>Perform an audit of your site to see if anything you\u2019re using \u2013 particularly old plugins and apps \u2013 uses jQuery Migrate.\u00a0 If so, consider updating or replace those plugins.\u00a0 Your goal is to remove usage of the Migrate module entirely because it\u2019s rather bulky and can slow down websites dramatically.<\/p>\n<h3><strong>15. Use Google Hosted JS Whenever Possible<\/strong><\/h3>\n<p>Google offers <a href=\"https:\/\/developers.google.com\/speed\/libraries\" target=\"_blank\" rel=\"noopener noreferrer\">a range of standard libraries<\/a> hosted on their servers for use on your website.\u00a0 Rather than relying on a third party for those libraries or hosting them yourself, use Google\u2019s versions for the fastest possible load times.<\/p>\n<h2><strong>D. Video optimization<\/strong><\/h2>\n<p>Videos are increasingly popular as part of the average website, from core elements of content to video-based advertising and everything in between.\u00a0 They\u2019re also extremely large files, even with partial loading and modern video buffering.\u00a0 Optimize your use of video as much as possible.<\/p>\n<h3><strong>16. Use Image Placeholders for Video Thumbnails<\/strong><\/h3>\n<p>There are plenty of users who browse the web with no desire to watch videos, so forcing videos to load in the background for them is completely unnecessary.\u00a0 A good workaround is to use an image placeholder where the video would normally load.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-142777\" src=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Lazy-Load-Videos-scaled.jpg\" alt=\"Core Web Vitals report elements - Lazy load your videos\" width=\"728\" height=\"364\" srcset=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Lazy-Load-Videos-scaled.jpg 728w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Lazy-Load-Videos-300x150.jpg 300w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Lazy-Load-Videos-768x384.jpg 768w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/p>\n<p>The image loads faster and looks like the video player with a loaded thumbnail.\u00a0 When a user clicks it to start the video, it begins the video load but doesn\u2019t require loading any of the video file or player until that point.<\/p>\n<h3><strong>17. Minimize Videos Above the Fold<\/strong><\/h3>\n<p>As with images, video files are extremely heavy, so loading them above the fold is a guaranteed delay on your first content paint.\u00a0 Push them below the fold; most people want to read a title and introduction before they get to the video anyway.<\/p>\n<h2><strong>E. Font and icon optimization<\/strong><\/h2>\n<p>Fonts and icon usage can be a lot heavier on a site\u2019s load times than you might expect. Optimizing them might seem like minuscule detail work, but when you see the impact it can have, you\u2019ll wonder why you never made these minor-yet-impactful optimizations before.<\/p>\n<h3><strong>18. Preload Fonts<\/strong><\/h3>\n<p>Similar to scripts, when your website calls for a font that it needs to load, loading that font takes precedence and stops the rest of the code from rendering.<\/p>\n<p>Using a preload command to load the font earlier than necessary helps speed up page loading, as well as preventing the \u201c<a href=\"https:\/\/wp-rocket.me\/blog\/font-preloading-best-practices\/\" target=\"_blank\" rel=\"noopener noreferrer\">flash of unstyled text<\/a>\u201d effect that happens for a brief instant between the text loading and the font styling appearing.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-142778\" src=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Preloading-Fonts-scaled.jpg\" alt=\"Core Web Vitals report elements - Pre-load your fonts\" width=\"728\" height=\"364\" srcset=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Preloading-Fonts-scaled.jpg 728w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Preloading-Fonts-300x150.jpg 300w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Preloading-Fonts-768x384.jpg 768w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/p>\n<h3><strong>19. Only Use Fonts You Need<\/strong><\/h3>\n<p>Many web fonts and font families load their entire character sets and stylesheets when called, even if your page doesn\u2019t utilize 90% of that content.\u00a0 Often, you can limit how much you load, though you may need to pay for premium font access.\u00a0 It can be quite worthwhile if you\u2019re using limited amounts of a given font, or a font that has a particularly large character set included.<\/p>\n<h3><strong>20. Use SVG Whenever Possible<\/strong><\/h3>\n<p>SVGs are Scalable Vector Graphics and are a way to create extremely small elements of a page that can nevertheless scale indefinitely, as well as be manipulated individually, to a much greater degree than traditional fonts and icons.\u00a0 If possible, switch to using SVGs instead of your usual icons.<\/p>\n<h2><strong>F. Server optimization<\/strong><\/h2>\n<p>No matter how many optimizations you make to the code of your website, to your images, or to other elements of your site, none of it matters if your server is slow.\u00a0 The proliferation of web hosting companies, the ongoing development of faster and stronger tech, all means that web hosting shows its age very quickly.\u00a0 Every few years, it can be worthwhile to change or upgrade hosting to faster infrastructure.<\/p>\n<h3><strong>21. Upgrade to a Faster Server<\/strong><\/h3>\n<p>You don\u2019t necessarily need to upgrade from a shared host to a dedicated host, though this can help with some of the speed issues inherent in shared hosting.\u00a0 Even simply upgrading from a slower package to a faster one can be a good use of a budget.<\/p>\n<h3><strong>22. Use a CDN<\/strong><\/h3>\n<p>Modern content delivery networks can handle most of the elements of your site faster than your typical web host can in almost every circumstance.\u00a0 At a minimum, consider using a CDN for your images, videos, and other multimedia.\u00a0 You can also consider offloading stand-alone script files as well.<\/p>\n<h3><strong>23. Preload DNS Queries<\/strong><\/h3>\n<p>Preloading or prefetching DNS queries helps minimize the delay between an asset being requested by the visitor and the display of that asset.<\/p>\n<p>This couples with using a CDN to store assets by loading and resolving the CDN\u2019s domain before it\u2019s called for the first time, further speeding up page load times.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-142772\" src=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/DNS-Lookups-scaled.jpg\" alt=\"Preload DNS queries - DNS lookups\" width=\"728\" height=\"364\" srcset=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/DNS-Lookups-scaled.jpg 728w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/DNS-Lookups-300x150.jpg 300w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/DNS-Lookups-768x384.jpg 768w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/p>\n<h3><strong>24. Preload Your Cache<\/strong><\/h3>\n<p>Often, a cache plugin or script used on a website triggers when the first visitor arrives to view the page.\u00a0 That first visitor has a slower experience, but their loads cache the page for future visitors until the cache expires.\u00a0 Unfortunately, the first visit is often a Google bot crawling your page from your XML sitemap or an internal link, and that means that Google is the first one to experience the slow version of your site.\u00a0 You can get around this by preloading the cache on your website so Google\u2019s next visit is a guaranteed fast-loading web page.<\/p>\n<h3><strong>25. Consider a Server-Side Cache<\/strong><\/h3>\n<p>Software such as Varnish Cache acts as a server-side cache to further speed up the generation and serving of a cached version of your page, making it as fast as possible with as few server calls as possible.<\/p>\n<h2><strong>G. Additional optimization<\/strong><\/h2>\n<p>Anything that didn\u2019t fit in another category has been added here.\u00a0 These additional optimizations might not apply to your site design, but if they do, taking care of them can be a great boon.<\/p>\n<h3><strong>26. Minimize Third-Party Scripts<\/strong><\/h3>\n<p>Webmasters in 2021 will need to strike a balance between site speed optimizations and user engagement tools.<\/p>\n<p>Many plugins, such as social sharing buttons, third-party comment systems, and media embeds all need to execute third-party scripts in order to work, but those scripts slow down the site.\u00a0 Minimize them as much as possible, and try to find the fastest versions of each.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-142769\" src=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Third-Party-Scripts-scaled.jpg\" alt=\"Minimize third-party scripts\" width=\"728\" height=\"364\" srcset=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Third-Party-Scripts-scaled.jpg 728w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Third-Party-Scripts-300x150.jpg 300w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Third-Party-Scripts-768x384.jpg 768w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/p>\n<h3><strong>27. Avoid Pre-Load Filler<\/strong><\/h3>\n<p>A common technique for sites with slower load times is to add a spinner, a loading icon, an animation, or another form of content that loads and displays to indicate to a user that the site is, in fact, loading.\u00a0 While this can help minimize bounces, it\u2019s a huge hit to the initial loads measured by the core web vitals.\u00a0 Remove these and work to speed up your site such that you don\u2019t need them.<\/p>\n<h3><strong>28. Consider a Site Redesign<\/strong><\/h3>\n<p>When all is said and done, sometimes you need to make so many changes to so many foundational elements of your site that it\u2019s easier to simply scrap your current design and engineer a new one with speed in mind.\u00a0 Consider it a possibility, and analyze the benefits you\u2019ll get from optimized core web vitals.\u00a0 No one knows yet how influential those metrics will be on the overall algorithm, but it certainly can\u2019t hurt to optimize for them.<\/p>\n<p><em>James Parsons is the founder of <a href=\"https:\/\/www.contentpowered.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-auth=\"NotApplicable\">Content Powered<\/a>, a blog management &amp; content marketing company. He&#8217;s worked as a senior-level content marketer for over a decade and writes for Forbes, Entrepreneur, Inc, and Business Insider.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In preparation for the upcoming Google Core Web Vitals update, James Parsons shares some effective optimization tips to help you earn a passing grade on Google PageSpeed Insights.<\/p>\n","protected":false},"author":1092,"featured_media":142773,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[27708,27952,27693,369,28047,37,19174,658,19138,756,28046,448,28024,932,22,27949,28048,110,217,406,23197,27413],"content_type":[],"class_list":["post-142764","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","tag-cdn","tag-core-web-vitals","tag-css-optimization","tag-evergreen-content","tag-font-optimization","tag-google","tag-google-page-speed","tag-google-ranking-factors","tag-guide","tag-image-optimization","tag-javascript-optimization","tag-mobile-site-speed","tag-page-speed-insights","tag-ranking-factors","tag-seo","tag-seo-guide","tag-server-optimization","tag-site-speed","tag-technical-seo","tag-video-optimization","tag-webfonts","tag-website-optimization"],"acf":{"tad_independentcommercial":false,"tad_content_format":false},"post_info":{"name":"idris.nagri@blenheimchalcot.com idris.nagri@blenheimchalcot.com","title":"","thumbnail_url":"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2021\/01\/Featured-Image-scaled.jpg","category":"SEO","timeago":"5y"},"_links":{"self":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts\/142764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/users\/1092"}],"replies":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/comments?post=142764"}],"version-history":[{"count":0,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts\/142764\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/media\/142773"}],"wp:attachment":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/media?parent=142764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/categories?post=142764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/tags?post=142764"},{"taxonomy":"content_type","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/content_type?post=142764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}