{"id":1629,"date":"2021-01-21T18:38:40","date_gmt":"2021-01-21T18:38:40","guid":{"rendered":"https:\/\/lvboard.infostore.in.ua\/?p=1629"},"modified":"2021-01-21T18:38:40","modified_gmt":"2021-01-21T18:38:40","slug":"how-to-speed-up-your-wordpress-website-in-20-minutes","status":"publish","type":"post","link":"https:\/\/lvboard.infostore.in.ua\/?p=1629","title":{"rendered":"How to Speed Up Your WordPress Website in 20 Minutes"},"content":{"rendered":"\n<p>Everyone knows that page speed is important. It\u2019s a confirmed&nbsp;<a href=\"https:\/\/ahrefs.com\/blog\/google-ranking-factors\/\">Google ranking factor<\/a>&nbsp;on desktop&nbsp;and mobile, impacts user experience, and can have a direct effect on your bottom line.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>But slow WordPress websites are a common issue.<\/p>\n\n\n\n<p>Here\u2019s the mobile score for a page of mine in&nbsp;<a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noreferrer noopener\">PageSpeed Insights<\/a>.<img loading=\"lazy\" src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/1-pagespeed-insights-slow-1.png\" alt=\"\" width=\"1600\" height=\"895\" srcset=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/1-pagespeed-insights-slow-1.png 1600w, https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/1-pagespeed-insights-slow-1-680x380.png 680w, https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/1-pagespeed-insights-slow-1-768x430.png 768w, https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/1-pagespeed-insights-slow-1-1536x859.png 1536w\"><\/p>\n\n\n\n<p id=\"caption-attachment-40297\">Before optimization.<\/p>\n\n\n\n<p>If we run the entire website through Ahrefs\u2019&nbsp;<a href=\"https:\/\/ahrefs.com\/site-audit\">Site Audit<\/a>\u2014which shows page load time for all pages\u2014we see that this isn\u2019t the only slow-loading page either. None of them load massively fast, with an average load time of&nbsp;570ms.<img loading=\"lazy\" src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/2-site-audit-average-load-slow.png\" alt=\"\" width=\"1028\" height=\"442\" srcset=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/2-site-audit-average-load-slow.png 1028w, https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/2-site-audit-average-load-slow-680x292.png 680w, https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/2-site-audit-average-load-slow-768x330.png 768w\"><\/p>\n\n\n\n<p id=\"caption-attachment-40298\">Before optimization.<\/p>\n\n\n\n<p>Now here\u2019s that same page after around 20 minutes of page speed optimization:<img loading=\"lazy\" src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/3-pagespeed-insights-fast-1.png\" alt=\"\" width=\"1600\" height=\"935\" srcset=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/3-pagespeed-insights-fast-1.png 1600w, https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/3-pagespeed-insights-fast-1-680x397.png 680w, https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/3-pagespeed-insights-fast-1-768x449.png 768w, https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/3-pagespeed-insights-fast-1-1536x898.png 1536w\"><\/p>\n\n\n\n<p id=\"caption-attachment-40299\">After optimization.<\/p>\n\n\n\n<p>And the rest of the pages in Site&nbsp;Audit:<img loading=\"lazy\" src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/4-site-audit-fast-1.png\" alt=\"\" width=\"1032\" height=\"444\" srcset=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/4-site-audit-fast-1.png 1032w, https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/4-site-audit-fast-1-680x293.png 680w, https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/4-site-audit-fast-1-768x330.png 768w\"><\/p>\n\n\n\n<p id=\"caption-attachment-40302\">After optimization.<\/p>\n\n\n\n<p>The difference is night and day. The score from PageSpeed Insights is near-perfect, and every page loads pretty fast.<\/p>\n\n\n\n<p>In this guide, I\u2019ll show you exactly how I did this in a few simple and easy&nbsp;steps.<\/p>\n\n\n\n<ol><li><a href=\"https:\/\/ahrefs.com\/blog\/speed-up-wordpress\/?fbclid=IwAR2vAzZZHv30R4bSJTIDry3Jc__LuU3XiICIVxTSTAmUAY5beh2cRJuDO1Q#remove-plugins\">Remove unused plugins<\/a><\/li><li><a href=\"https:\/\/ahrefs.com\/blog\/speed-up-wordpress\/?fbclid=IwAR2vAzZZHv30R4bSJTIDry3Jc__LuU3XiICIVxTSTAmUAY5beh2cRJuDO1Q#dns-provider\">Switch&nbsp;DNS&nbsp;providers to Cloudflare<\/a><\/li><li><a href=\"https:\/\/ahrefs.com\/blog\/speed-up-wordpress\/?fbclid=IwAR2vAzZZHv30R4bSJTIDry3Jc__LuU3XiICIVxTSTAmUAY5beh2cRJuDO1Q#caching\">Install a caching plugin<\/a><\/li><li><a href=\"https:\/\/ahrefs.com\/blog\/speed-up-wordpress\/?fbclid=IwAR2vAzZZHv30R4bSJTIDry3Jc__LuU3XiICIVxTSTAmUAY5beh2cRJuDO1Q#minification\">Minify your&nbsp;code<\/a><\/li><li><a href=\"https:\/\/ahrefs.com\/blog\/speed-up-wordpress\/?fbclid=IwAR2vAzZZHv30R4bSJTIDry3Jc__LuU3XiICIVxTSTAmUAY5beh2cRJuDO1Q#combine-css-js\">Combine&nbsp;CSS&nbsp;and JavaScript files<\/a><\/li><li><a href=\"https:\/\/ahrefs.com\/blog\/speed-up-wordpress\/?fbclid=IwAR2vAzZZHv30R4bSJTIDry3Jc__LuU3XiICIVxTSTAmUAY5beh2cRJuDO1Q#render-blocking-resource\">Eliminate render-blocking resources<\/a><\/li><li><a href=\"https:\/\/ahrefs.com\/blog\/speed-up-wordpress\/?fbclid=IwAR2vAzZZHv30R4bSJTIDry3Jc__LuU3XiICIVxTSTAmUAY5beh2cRJuDO1Q#lazy-loading\">Lazy-load images and videos<\/a><\/li><li><a href=\"https:\/\/ahrefs.com\/blog\/speed-up-wordpress\/?fbclid=IwAR2vAzZZHv30R4bSJTIDry3Jc__LuU3XiICIVxTSTAmUAY5beh2cRJuDO1Q#google-fonts\">Optimize Google Fonts<\/a><\/li><li><a href=\"https:\/\/ahrefs.com\/blog\/speed-up-wordpress\/?fbclid=IwAR2vAzZZHv30R4bSJTIDry3Jc__LuU3XiICIVxTSTAmUAY5beh2cRJuDO1Q#preloading\">Enable preloading<\/a><\/li><li><a href=\"https:\/\/ahrefs.com\/blog\/speed-up-wordpress\/?fbclid=IwAR2vAzZZHv30R4bSJTIDry3Jc__LuU3XiICIVxTSTAmUAY5beh2cRJuDO1Q#cdn\">Use a&nbsp;CDN<\/a><\/li><li><a href=\"https:\/\/ahrefs.com\/blog\/speed-up-wordpress\/?fbclid=IwAR2vAzZZHv30R4bSJTIDry3Jc__LuU3XiICIVxTSTAmUAY5beh2cRJuDO1Q#optimize-images\">Optimize your images<\/a><\/li><\/ol>\n\n\n\n<p>IMPORTANT<\/p>\n\n\n\n<p>Many of the recommended optimizations below use&nbsp;<a href=\"https:\/\/wp-rocket.me\/\" target=\"_blank\" rel=\"noreferrer noopener\">WPRocket<\/a>, a paid plugin for speeding up your WordPress website. I\u2019ve listed free alternatives where possible, but it\u2019s important to note that plugins can sometimes conflict with each other and cause issues. You should always test how they affect your site in a staging environment before pushing any changes to your live site. Learn how to set up a staging site&nbsp;<a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-create-staging-environment-for-a-wordpress-site\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.https:\/\/www.youtube.com\/embed\/BrY6a-lsLp8?autohide=1&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;wmode=transparent&amp;autoplay=0<a><\/a><\/p>\n\n\n\n<h2>Step 1. Remove unused plugins<\/h2>\n\n\n\n<p>Unless you have a brand new WordPress website, chances are you\u2019ve installed a bunch of plugins that you don\u2019t use over the years. Some of these can impact page speed, so it\u2019s worth deactivating and uninstalling anything you don\u2019t need as a starting point.<\/p>\n\n\n\n<p>Just be careful when doing this. If you\u2019re not sure whether something is needed, leave it&nbsp;there.<a><\/a><\/p>\n\n\n\n<h2>Step 2. Switch&nbsp;DNS&nbsp;providers to Cloudflare<\/h2>\n\n\n\n<p>Websites are files on hard drives (servers) connected to the internet. And every device connected to the internet has an&nbsp;IP&nbsp;address (e.g., 123.123.12.1).<\/p>\n\n\n\n<p>Because&nbsp;IP&nbsp;addresses are tough to memorize, domain names are mapped to&nbsp;IP&nbsp;addresses using&nbsp;DNS, which stands for Domain Name System. You can think of this as the phonebook of the web. When you type a domain into your browser, a&nbsp;DNS&nbsp;lookup occurs to find the server\u2019s&nbsp;IP&nbsp;address.<\/p>\n\n\n\n<p>But here\u2019s the thing: most people use the free&nbsp;DNS&nbsp;providers from their domain registrar, which is usually slow.<\/p>\n\n\n\n<p>If this is you, switch to a faster&nbsp;DNS&nbsp;provider like&nbsp;<a href=\"https:\/\/www.cloudflare.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cloudflare<\/a>.<\/p>\n\n\n\n<p>To do this, sign up for a free Cloudflare account. Click \u201cAdd a site,\u201d enter your domain name, and click the button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/5-cloudflare-dns.png\" alt=\"5 cloudflare dns\" class=\"wp-image-40296\"\/><\/figure>\n\n\n\n<p>Select the free plan, then click \u201cConfirm plan.\u201d<\/p>\n\n\n\n<p>Cloudflare will now give you a chance to review your&nbsp;DNS&nbsp;settings before continuing. If there are no warnings, it\u2019s usually safe to continue.<\/p>\n\n\n\n<p>Now all that\u2019s left to do is to swap your nameservers with your domain registrar. The way you do this varies between registrars, so don\u2019t hesitate to ask their support if you\u2019re unsure how to do&nbsp;it.<\/p>\n\n\n\n<p>Here\u2019s the process if you\u2019re using Google Domains:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/6-nameservers.png\" alt=\"6 nameservers\" class=\"wp-image-40300\"\/><\/figure>\n\n\n\n<p><a><\/a><\/p>\n\n\n\n<h2>Step 3. Install a caching plugin<\/h2>\n\n\n\n<p>Caching is a process that temporarily stores files so they can be delivered to visitors more efficiently.<\/p>\n\n\n\n<p>There are two main&nbsp;types:<\/p>\n\n\n\n<ul><li><strong>Browser caching:<\/strong>&nbsp;Saves\u2019 common\u2019 files like logos on the users\u2019 hard drive so they don\u2019t have to re-download them on repeat visits.<\/li><li><strong>Server caching:<\/strong>&nbsp;Saves a fully-constructed, \u2018static\u2019 version of a page on the server so it doesn\u2019t have to be rebuilt&nbsp;every time a new visitor requests it.<\/li><\/ul>\n\n\n\n<p><a href=\"https:\/\/wp-rocket.me\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP&nbsp;Rocket<\/a>&nbsp;makes it simple to&nbsp;enable caching. Just buy, install, and activate it. Basic caching (server and browser) is on by default. If your site is responsive, head to the cache settings and check the box to enable caching for mobile devices, too.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/7-wp-rocket-caching.png\" alt=\"7 wp rocket caching\" class=\"wp-image-40290\"\/><\/figure>\n\n\n\n<p>Looking for a free option? Try&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">W3&nbsp;Total Cache<\/a>.<a><\/a><\/p>\n\n\n\n<h2>Step 4. Minify your&nbsp;code<\/h2>\n\n\n\n<p>Minification removes whitespace and comments from code to reduce file sizes. And smaller files result in faster loading times.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/wp-pagespeed.png\" alt=\"wp pagespeed\" class=\"wp-image-40284\"\/><\/figure>\n\n\n\n<p>If you\u2019re using WPRocket, tick the checkboxes to minify&nbsp;CSS&nbsp;and JavaScript in settings.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/8-minify.png\" alt=\"8 minify\" class=\"wp-image-40291\"\/><\/figure>\n\n\n\n<p>If you\u2019re not using WPRocket, install and activate&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noreferrer noopener\">Autoptimize<\/a>&nbsp;and do the&nbsp;same.<\/p>\n\n\n\n<p>Just know that you should always test how this affects your website before deploying live. Minifying can often lead to broken code, especially when it comes to Javascript.<a><\/a><\/p>\n\n\n\n<h2>Step 5. Combine&nbsp;CSS&nbsp;and JavaScript files<\/h2>\n\n\n\n<p>Most WordPress websites include multiple&nbsp;CSS&nbsp;and JavaScripts files. Some are for themes, others are for plugins, and you might have some custom ones,&nbsp;too.<\/p>\n\n\n\n<p>Combining these files may speed things up, but it depends on your server setup.<\/p>\n\n\n\n<ul><li><strong>With&nbsp;HTTP\/1.1<\/strong>,&nbsp;CSS&nbsp;and JavaScript files are loading consecutively. That means one file needs to load fully before the next one can start loading.<\/li><li><strong>With&nbsp;HTTP\/2<\/strong>, files load concurrently. That means multiple&nbsp;CSS&nbsp;and JavaScript files can begin loading at the same&nbsp;time.<\/li><\/ul>\n\n\n\n<p>If&nbsp;your server uses&nbsp;HTTP\/1.1, combining files speeds things up because fewer files need to be loaded.&nbsp;If it uses&nbsp;HTTP\/2, combining files won\u2019t necessarily make much difference because files can load at the same time anyway.<\/p>\n\n\n\n<p>To see which version your site uses, plug your domain into&nbsp;<a href=\"https:\/\/tools.keycdn.com\/http2-test\" target=\"_blank\" rel=\"noreferrer noopener\">Key&nbsp;CDN\u2019s tester<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/9-http1-http2.png\" alt=\"9 http1 http2\" class=\"wp-image-40295\"\/><\/figure>\n\n\n\n<p>If&nbsp;HTTP\/2 isn\u2019t supported, it\u2019s worth combining&nbsp;CSS&nbsp;and JavaScript files.<\/p>\n\n\n\n<p>To do this in WPRocket, tick the checkboxes to \u201cCombine JavaScript files\u201d and \u201cCombine&nbsp;CSS&nbsp;files\u201d in the settings.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/10-wprocket-combine-css.png\" alt=\"10 wprocket combine css\" class=\"wp-image-40301\"\/><\/figure>\n\n\n\n<p>If you\u2019re using Autoptimize, there are two checkboxes to \u201caggregate\u201d files. Just know these can sometimes \u2018break\u2019 things on your site, so it\u2019s worth double-checking that everything still looks and functions the same once enabled. And remember to clear the cache beforehand and check for changes in an incognito window. Otherwise, the changes might not be reflected in what you&nbsp;see.<a><\/a><\/p>\n\n\n\n<h2>Step 6. Eliminate render-blocking resources<\/h2>\n\n\n\n<p>Rendering is the process of turning code into a visible web&nbsp;page.<\/p>\n\n\n\n<p>The key word there is \u2018visible\u2019 because a web page doesn\u2019t always need to fully load before it\u2019s visible.<\/p>\n\n\n\n<p>For that reason, it makes sense to prioritize loading resources for \u2018above the fold\u2019 content.<\/p>\n\n\n\n<p>You can do this by deferring the loading of non-critical&nbsp;CSS&nbsp;and JavaScript&nbsp;files needed for \u2018below the fold\u2019 content until later. To do that in WPRocket, check the boxes to \u201cLoad JavaScript deferred\u201d and \u201cOptimize&nbsp;CSS&nbsp;delivery.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/11-wprocket-optimize-css.png\" alt=\"11 wprocket optimize css\" class=\"wp-image-40294\"\/><\/figure>\n\n\n\n<p>If you\u2019re not using WPRocket, you\u2019ll need two plugins:&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noreferrer noopener\">Autoptimize<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/async-javascript\/\" target=\"_blank\" rel=\"noreferrer noopener\">Async JavaScript<\/a>.<\/p>\n\n\n\n<p>In the settings for Autoptimize, check the box to \u201cInline and Defer&nbsp;CSS.\u201d Then, in the settings for Async JavaScript, hit \u201cEnable Async JavaScript.<\/p>\n\n\n\n<p>If you previously saw the \u201celiminate render-blocking resources\u201d issue in PageSpeed Insights, this will usually fix that problem.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/12-render-blocking-pagespeed-insights.png\" alt=\"12 render blocking pagespeed insights\" class=\"wp-image-40287\"\/><\/figure>\n\n\n\n<p><a><\/a><\/p>\n\n\n\n<h2>Step 7. Lazy-load images and videos<\/h2>\n\n\n\n<p>Lazy-loading improves page speed by deferring the loading of images and videos until they\u2019re visible on the screen. If you\u2019re running WordPress 5.5+, image lazy-loading is&nbsp;<a href=\"https:\/\/make.wordpress.org\/core\/2020\/07\/14\/lazy-loading-images-in-5-5\/\" target=\"_blank\" rel=\"noreferrer noopener\">enabled by default<\/a>, but not for&nbsp;video.<\/p>\n\n\n\n<p>If you\u2019re using WPRocket, solve this by ticking the \u201cEnable for iframes and videos\u201d box under LazyLoad settings.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/13-lazy-loading-videos.png\" alt=\"13 lazy loading videos\" class=\"wp-image-40292\"\/><\/figure>\n\n\n\n<p>If you\u2019re not using WPRocket, the free&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/lazy-load-for-videos\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lazy Load for Videos<\/a>&nbsp;plugin does much the same&nbsp;thing.<a><\/a><\/p>\n\n\n\n<h2>Step 8. Optimize Google Fonts<\/h2>\n\n\n\n<p>Many themes use Google Fonts, and these fonts have to be downloaded from Google\u2019s server every time someone visits your website. That can be a time-consuming process because your server has to make&nbsp;HTTP&nbsp;requests, download a&nbsp;CSS&nbsp;file, then download the font from the location referenced in the stylesheet. And it has to do this for every font on the&nbsp;page.<\/p>\n\n\n\n<p>If you\u2019re using WPRocket, it automatically optimizes Google Fonts requests. Otherwise,&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/swap-google-font-display\/\" target=\"_blank\" rel=\"noreferrer noopener\">Swap Google Fonts Display<\/a>&nbsp;is a good starting point.<a><\/a><\/p>\n\n\n\n<h2>Step 9. Enable preloading<\/h2>\n\n\n\n<p>Preloading allows you to define essential resources, so browsers know the priority of files to&nbsp;load.<\/p>\n\n\n\n<p>For example, let\u2019s say that your code looks like&nbsp;this:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;html&gt; \n&lt;head&gt; \n&lt;script type=\u201dtext\/javascript\u201d src=\u201dsomefile.js\u201d&gt;&lt;\/script&gt;\n&lt;link rel=\u201dstylesheet\u201d href=\u201d\/style.css\u201d&gt;\n&lt;\/head&gt;\n&lt;body&gt;\nContent\n&lt;\/body&gt;\n&lt;\/html&gt; \n<\/pre>\n\n\n\n<p>Based on this code, the JavaScript file would need to load first because of the hierarchy. That\u2019s not ideal because the&nbsp;CSS&nbsp;file is almost certainly more critical than the JavaScript code.<\/p>\n\n\n\n<p>The simplest way to solve this is to add another line of code, like&nbsp;this:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;link rel=\"preload\" href=\"\/style.css\" as=\"style\"&gt;\n<\/pre>\n\n\n\n<p>That tells&nbsp;browsers to prioritize the&nbsp;CSS&nbsp;file over the JavaScript file, regardless of hierarchy.<\/p>\n\n\n\n<p>You can add preload attributes manually by editing the code, but that can get messy and confusing unless you know what you\u2019re doing. It\u2019s much easier just to install WPRocket, which does this automatically out of the&nbsp;box.<a><\/a><\/p>\n\n\n\n<h2>Step 10. Use a&nbsp;CDN<\/h2>\n\n\n\n<p>Content delivery networks (CDN) are groups of servers distributed all over the world. Each of these stores a copy of your website so it\u2019s quicker for users to connect when requesting web&nbsp;pages.<\/p>\n\n\n\n<p>For example, let\u2019s say your web host\u2019s server is in the&nbsp;UK. If someone visits your site from the&nbsp;US&nbsp;and you\u2019re not&nbsp;using a&nbsp;CDN, the connection between their device and your server will be slow. If someone visits from the&nbsp;US&nbsp;and you use a&nbsp;CDN, their device will connect to the closest server, which helps things connect faster.<\/p>\n\n\n\n<p>There are lots of&nbsp;CNS&nbsp;providers, so all you need to do is choose one, enable it in WPRocket, and enter the&nbsp;CNAME.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/14-wprocket-cdn.png\" alt=\"14 wprocket cdn\" class=\"wp-image-40283\"\/><\/figure>\n\n\n\n<p><a><\/a><\/p>\n\n\n\n<h2>Step 11. Optimize your images<\/h2>\n\n\n\n<p>Lazy-loading solves many problems related to images, but it doesn\u2019t do anything to help images that load above the fold. The bigger they are, the more they\u2019ll negatively impact loading times.<\/p>\n\n\n\n<p>To solve this, compress your images with a plugin like&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shortpixel<\/a>. Just install it, activate it, go to the settings, enter your&nbsp;API&nbsp;key, click \u201cSave and Go to Bulk Process, then click \u201cRestart optimizing.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/15-shortpixel.png\" alt=\"15 shortpixel\" class=\"wp-image-40303\"\/><\/figure>\n\n\n\n<p>If you find that these are too low quality, head to the settings, and change the compression type to glossy or lossless.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/16-shortpixel-compression.png\" alt=\"16 shortpixel compression\" class=\"wp-image-40304\"\/><\/figure>\n\n\n\n<h2>The results<\/h2>\n\n\n\n<p>Let\u2019s look at how these optimizations impacted our page speed according to a couple of popular tools.<\/p>\n\n\n\n<p>Here are the before and after stats for my post in Google\u2019s PageSpeed Insights:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/1-pagespeed-insights-slow.png\" alt=\"1 pagespeed insights slow\" class=\"wp-image-40293\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/3-pagespeed-insights-fast.png\" alt=\"3 pagespeed insights fast\" class=\"wp-image-40286\"\/><\/figure>\n\n\n\n<p>And here\u2019s the same from GTMetrix:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/18-gtmetrix-before.png\" alt=\"18 gtmetrix before\" class=\"wp-image-40285\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/17-gtmetrix-after.png\" alt=\"17 gtmetrix after\" class=\"wp-image-40288\"\/><\/figure>\n\n\n\n<p>You can see that the page previously fully loaded in 5.9&nbsp;seconds with a 1.89mb page size and 67 requests. After the optimizations, all three metrics are down. The page size is 695 kilobytes, fully loaded time is 4 seconds, and the number of requests has shrunk by nearly 50%.<\/p>\n\n\n\n<p>If we check all pages on the website in Ahrefs\u2019&nbsp;<a href=\"https:\/\/ahrefs.com\/site-audit\">Site Audit<\/a>, we see around a 40% improvement in average and 95th percentile load&nbsp;time.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/ahrefs.com\/blog\/wp-content\/uploads\/2020\/10\/4-site-audit-fast.png\" alt=\"4 site audit fast\" class=\"wp-image-40289\"\/><\/figure>\n\n\n\n<h2>Final thoughts<\/h2>\n\n\n\n<p>Everything above worked well for my site, and it\u2019s worked well for other sites too. However, it\u2019s important to remember that every WordPress configuration is different. You might have more plugins, a clunkier theme, slower hosting, or more third-party tracking scripts, all of which slow your website down.<\/p>\n\n\n\n<p>If your page speed could still do with some improvements after making these optimizations, then it\u2019s likely that you need custom work done on your site. So it\u2019s worth hiring a developer or page speed expert to take a look at things a bit more closely.<\/p>\n\n\n\n<p>Or, if you want more details on specific issues, check out&nbsp;<a href=\"https:\/\/ahrefs.com\/blog\/advanced-pagespeed-guide\/\">our complete page speed guide<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Everyone knows that page speed is important. It\u2019s a confirmed&nbsp;Google ranking factor&nbsp;on desktop&nbsp;and mobile, impacts user experience, and can have a direct effect on your bottom line.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[31],"tags":[55],"_links":{"self":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/1629"}],"collection":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1629"}],"version-history":[{"count":1,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/1629\/revisions"}],"predecessor-version":[{"id":1630,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/1629\/revisions\/1630"}],"wp:attachment":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}