Speed Up Your WordPress Website
"Hey, can I hire you to speed upmy WordPress website?" And I was like: "Dude... Just do A, B, and C, and I'm prettysure you'll see a huge performance boost." A few days passed and he said: "The speed tips you gave me worked perfectly."
So today, I'm going to show you how to speedup your WordPress site with three simple steps, and take your site speed from somethinglike this... to this. Stay tuned. [music] Google has used site speed as a rankingsignal for desktop searches since 2010. And as of 2018, page speed became aranking factor for mobile searches too. And even though speed improvements will onlyaffect a small percentage of slow websites, faster page load times lead to better userexperience and ultimately, more revenue. In fact, a study by Google shows that as pageload time goes up, bounce rate rises with it.
my original artical link https://dineshkashyap1.blogspot.com/2021/06/how-to-speed-up-your-wordpress-website.html
EHIZ Virus Removal, A Complete Guide, How to remove EHIZ Virus, How to recover your dataHow to Easily Create Attractive Instagram Stories 2021 trickTop 5 Best DSLR Camera in 2021 (Buying Guide) | DSLR Camera Review |wzatco HD projector in cheapest price 2021 best deal
Now, there are numerous reasons whyyour website might load slowly. But the most common reasons that I've seenare due to slow connectivity, caching, page size, and sometimes more technical reasonslike render-blocking JS. But if you're anything like Zach, who's notexactly the most technical person, then the three steps that I'm about to show you shouldhelp you get better performance from your site. Now, before we get started, it's importantto note that the things I did for this site won't necessarily translate perfectly to your site. There are tons of things to consider whenit comes to WordPress site speed like your theme's code, specific plugins you might beusing, server configuration, image file sizes, and more. So as we go through the tutorial, I'll try andexplain the more technical reasons behind poor performance,
so you can hopefullydiagnose further issues yourself. Alright, so let me give you a background onthe website we'll be optimizing and we'll start with some benchmark speeds. This is a brand new affiliate site built onWordPress using the free WP Astra Theme. He's activated seven plugins, many of whichwill contribute to page load time in big and small ways. Now, to keep things simple, I've run a singlepost, which has text, images, and a video through three page-speed tools. PageSpeed Insights shows a mobilescore of 45 and a desktop score of 79. Pingdom shows a load time of 1.72 seconds,page size of 1.7mb, and 63 requests. And GTMetrix, fully loaded in 4.3 seconds witha page size of 1.55 megabytes and 61 requests. Now, since these tools only allow you to viewone page at a time, I ran a full crawl using Ahrefs' Site Audit tool. And if we look in Page Explorer, you'll seethere were a total of 23 pages with a load time of 1 second or longer, which isbasically all of the site's pages. So there's definitely some room for improvements.
So the first thing we did was to switch DNSproviders to Cloudflare's free DNS service. Now, in order to understand why we used Cloudflare,you need to understand how the web works, at least at an elementary level. Websites are just files on a computer thatare made accessible through the Internet. Now, each device that's connected to the Internethas an IP address, including the server that hosts your website. So if your server is located in Los Angeles,California, and your visitor is in Las Vegas, these two IP addresses need to create a connectionin order to download the file contents to the device. Now, IP addresses are tough to memorize andI doubt many people would key in an address like this to visit your site. That's where DNS comes into play. DNS stands for Domain Name System. And it's often referred to as the "phonebook of the world wide web." In short, DNS maps domain names to IPaddresses so people can type in a domain name to visit a website. But the thing with this is that when someonetypes in the domain name in their browser, a DNS lookup occurs to find the IP addressof the server. So that takes time. And usually, free DNS providers from yourdomain registrar are usually slow to respond, creating slower page load times.
Cloudflare's DNS on the other hand ispretty darn fast, considering it's free. But again, your mileage may vary dependingon the DNS provider, you're currently using. So to set this up, sign up for a Cloudflareaccount and then click Add a site. Enter your domain name, select and confirmyour plan, and after a few seconds, Cloudflare will give you a chance to review your DNS records. Click Continue and you'll be asked to changeyour nameservers, which is something you'd need to do with your domain registrar. Boom! Step one is done. The next thing we did was purchaseand install the WP Rocket plugin. WP Rocket is an all-in-one site speed optimizationplugin for WordPress. And they make it super-simple to maketechnical optimizations even if you have no clue what you're doing. The plugin handles common page-speed optimizationslike caching, preloading, compression, and lazy loads images to name a few.After activating the plugin, you can access theWP Rocket settings from the top navigation bar. Alright, so let's go through some of theimportant settings starting with caching. If you're unfamiliar with caching, it's basicallya way to temporarily store copies of files, so it can be delivered to visitors ina more efficient way. And because this site is a basic blog that'sresponsive,
I enabled caching for mobile devices. Next is file optimization, which is whereyou'll spend the majority of our time. For the Basic Settings, I chose to minifyHTML and optimize Google Fonts. Minification just removes whitespaceand comments from code, which will reduce file size. And smaller files load faster than larger ones. I also chose to optimize Google Fonts sincethe theme uses them. The next section is about optimizing CSS files. Again, I minified CSS files and also choseto combine them. You already understand the benefits of minification,so let's touch on combining files. WordPress sites often include multiple CSS files. Some will be for themes, others for plugins, andyou might have added some custom ones too. Now, whether you choose to activate this optionor not will mostly depend on how your server delivers the files. Generally speaking, your files will be loadedeither using HTTP 1.1 or HTTP 2. With 1.1, your files will be loaded consecutively,meaning, one file needs to fully load before the next one starts loading.
So combining your CSS scripts can help reducethe load time because fewer CSS files will need to be loaded. Now, with HTTP 2, the files can load concurrently. Meaning, if you have multiple CSS files,they can begin loading at the same time, so combining them won't necessarily be as impactful. To see if your site uses HTTP 2, you can useKey CDN's tester and key in your URL. The final option we enabled is to optimize CSS delivery. Basically, this option will generate CSS neededfor content above the fold and asynchronously load other CSS files so they don't blockthe rendering process. Now, these concepts can be quite technicalso I won't expand on these but in general, these are page speed optimization best practices. Alright, let's scroll down to the JavaScript files section. So first, I removed jQuery Migrate, whichis a file that's been added to WordPress since version 3.6. Now, since there weren't any issues with jQueryfor this theme or any plugins, I chose to disable it as there's no point in loading anadditional script without purpose. Again, we chose to minify JS files as we didwith HTML and CSS and combined our JS files since there were no conflicts or issues. And the last option we enabled is to deferloading of JavaScript. This option will basically delay the loadingof JavaScript files so the most important content like your HTML and CSS canbe delivered to your visitors first. And then the JS will load. And this will in most cases, fix the "eliminaterender-blocking JS" issue that you may have seen in PageSpeed Insights.
Now, it's important to note that if you chooseto minify, combine, and/or defer your JavaScript files, things may break on your site. So it's important to actually test your site'sfunctions before permanently leaving it on. Alright, let's move on to the Media category. Here, I've chosen to lazyload all media files. LazyLoad improves page speed because it defersthe loading of images and videos until they're visible on the screen. In fact, WordPress 5.5 will lazy-load imagesby default, so you won't necessarily need a plugin if you just want this feature. Next up is Preloading. Preloading allows you to define essentialresources so that browsers know the priority of files that should be loaded first. For example, let's say that yourHTML code looks like this: Based on this code, the JavaScript file wouldneed to load first simply because of hierarchy. Of course, you could edit the code, but thatcan get messy and confusing if you don't have coding knowledge. But if we add another link tag to preloadthe stylesheet, and this would tell browsers to load the CSS file with a higherpriority than the JS file. And that's exactly what this optionin WP Rocket does for you.
Now, the last thing I want to talk about hereis using a CDN. And it's easiest to understand how these workif we look at our first example of how devices connect to web servers. So again, if the server is in LA and a visitoris in Las Vegas, it probably won't take very long for the two devices to connect, seeingas they're relatively close in proximity. But what happens when someone from Germany ,India, Australia or Singapore tries to connect to the web server? It's going to take longer. And that's where CDNs can help. CDN stands for Content Delivery Network. And that's exactly what it is. A network of servers located all over theworld that delivers content to visitors as fast as possible. By using a CDN, you're essentially cachingfiles on multiple servers globally. Then when a visitor tries to access your site,it'll connect them to the one that's closest, creating a faster connection between the user and the content. So if your site attracts a global audience, the nit might be worth signing up for a CDN service, enabling the option in WP Rocket,and adding the appropriate CNAME. Now, there are other free caching plugins thathave a lot of these features like Auto ptimize and W3 Total Cache, but I personally preferto pay a small fee for WP Rocket as I've had the best results with them. And the final step in this site speed optimizationtutorial is to optimize your images. doing after Speed Up Your WordPress Website
Now, since we've already added LazyLoadto images, this will solve a lot of problems. But if you're using featured images that areabove the fold on load, then lazyload isn't going to help. Plus, smaller images will save you with storage space. So the simple solution is to compress yourimages using lossy or lossless compression. And there are some great plugins that'll dothis for you like ShortPixel and Now, to give you an idea of how muchimage compression can help, take a look at the WordPress media library here. You'll see that ShortPixel has reduced theimage sizes by quite a lot, which will help improve pagespeed. ShortPixel also has a feature that lets youserve images in the WebP format, which basically lets you compress images even furtherwithout compromising quality by much. Just go to Settings and choose ShortPixel. Then click on the Advanced tab. From here, you'll want to make sure that you'vechecked this box so ShortPixel creates a WebP version of your images. So now that we've done the three mainoptimizations for WordPress sitespeed, let's run the PageSpeed tools and comparethem with our original benchmarks. On PageSpeed insights, the page previously scoreda 45 on mobile and now has a score of 95. It had a desktop score of 79 and nowhas a near-perfect desktop score. On Pingdom, the page previously loaded in 1.72second with a 1.7mb page size and 63 requests. With the new speed test, you'll see there wasa significant decrease on all three metrics. Page size is just over 900 kilobytes,load time came in at 200 milliseconds, and the number of requests have shrunk by nearly 3X. And you'll see the same pattern for GTMetrix and improvement across the board. Finally, I ran a new crawl of the site withAhrefs' Site Audit, and as you can see every single page loaded in under a second. this is best way for Speed Up Your WordPress Website
Now, these are the steps that worked for Zach'ssite and I've used it for other sites with success. But remember, each WordPress configurationwill be different since you might be using a clunkier theme, more resource-consumingplugins, have inferior hosting, or you have tons of third-party tracking scripts. So if you're still unhappy with your sitespeed after making these optimizations, then you'll likely need more custom work done for you. So you may want to consider removing plugins and scripts, switching themes, or hiring a developer to make the appropriate fixes. after you can feel speed up your wordprees website So give it a shot and if you enjoyed thistutorial, then make sure to like, share and subscribe for more action able SEO and marketing tutorials. And let me know in the comments if these tipshelped you boost your WordPress site's speed. I'll see you in the next tutorial.
this is my facebook link https://www.facebook.com/profile.php?id=100041408979572
this is my youtube channal link https://www.youtube.com/channel/UCroSo-emPVxPs7tY4r-4fWQ
this is my instagram link follow me https://www.instagram.com/dineshln5363035/
this is my twitter link https://twitter.com/Dinesh57098147
if you want to buy any product like amazon you can buy through my site. this is my amazon
site link https://sites.google.com/view/best-deal-on-world/home
thankyou please support me subscribe my blog by email subscription and don,t forget coomment
 2021tricks){kind=link}
0 Comments