Facebook Twitter Instagram
    Facebook Twitter YouTube
    AlienWP
    • Home
    • About
    • Contact
    • Sections
      • Collections
      • Guides
      • HowTo
      • WordPress Themes
      • WordPress Plugins
      • Hosting
      • News
    AlienWP
    Home»Guides»How To Speed Up Your WordPress Website: Complete Beginner’s Guide
    Guides

    How To Speed Up Your WordPress Website: Complete Beginner’s Guide

    MohitBy MohitAugust 8, 2017
    Facebook Twitter Pinterest LinkedIn Tumblr Email
    How To Speed Up Your WordPress Website
    Share
    Facebook Twitter LinkedIn Pinterest Email

    If your website takes more than two seconds to load, you are losing thousands of visitors and potential customers. According to Kissmetrics, 47% of visitors expect the page to load in 2 seconds.

    When people leave your website, it increases your bounce rate. And a higher bounce rate means lower search engine rankings. Google wants to display the best possible results for every search query. And if your site doesn’t offer a great user experience, Google will drop your site like a stone. Next thing you know, your homepage is sitting on the 2nd page of search results. Moreover, after the recent algorithm updates, Google seems to prefer websites that are fast and mobile-optimized.


    WPEngine Promo Discount Code Exclusive WPEngine Coupon Code for AlienWP Visitors!
    Get 5 Months Free & 30% Off All Plans.
    Click the coupon code to copy and open the link »

    Click Here for Deal


    So, whether you want to keep the free search traffic ball rolling or want to start getting some search engine traffic, you need to improve your website’s speed. If you don’t know how much time it takes your website to load, try this free tool by Pingdom which will give you an initial reading so you can see how much it has improved.

    Speeding up a WordPress website might sound like a daunting task that would take dozens of hours and a lot of technical know-how, but believe me, WordPress plugins and some simple tweaks will soon get your site loading a lot faster in no time at all – simply follow through our complete beginners guide below.

    Choosing a Good Web Host

    Most web hosts advertise themselves as the fastest. But in reality, many of them don’t offer any speed advantage over the other hosts. The web hosting service you host your website with can make a huge impact on the speed of your website – A shared host which places many websites together on the same server can suffer from poor performance and one slow site can have an impact on everyone else’s websites.

    However, if you are just starting out with a small personal or hobby website, a shared hosting company can be fine if you know which one to pick. Our guide to shared hosting covers some different options for hosting so be sure to check it out.

    But as your audience starts to grow, consider moving your site to a Managed WordPress Hosting or a VPS server. A Managed host will generally be of a better quality than shared hosting, they will also take care of things like updating WordPress and any plugins you use, will offer backups, caching to help with site speed, they may include a CDN for speeding up your static items like images and scripts and so on.

    In the end, which host you choose will come down to your budget so choose wisely and make sure you monitor the speed and uptime of your site, you can always migrate your website to another host if you are receiving a poor quality service.

    Start Using a Cache Plugin

    Caching can have an enormous impact on the speed of your website.

    When someone visits a page on your website, WordPress runs thousands of lines of codes, connects to your database and then generates the requested web page. And as you might have guessed, this requires a lot of resources and time – This is where caching comes to rescue.

    Caching is a simple technique. Instead of generating a page over again and again, the application, WordPress in our case, generates the page as HTML, makes a copy and then serves that static HTML copy when the page is requested. When Caching is enabled on your website, it will cut the time and server resources required to generate a page in half. While WordPress doesn’t come with built-in caching functionality, there are dozens of free caching plugins available for WordPress.

    Which Cache Plugin?

    WP Super Cache is the best free Caching plugin and the one we would recommend, its easy to setup and makes a huge difference to your website loading times. try it out and test your site with Pingdom before and after you activate it, you will be surprised as the difference it makes.

    Another option, is WP Rocket, which is a premium plugin that costs $39 per year for one website. You might wonder why you would pay for a caching plugin when you can get one for free, the reason is in tests WP Rocket out-performs other caching plugins so if you are trying to get that extra last bit of speed out of your website it can make a difference.

    Due to the cost, we would recommend WP Rocket for commercial websites – otherwise WP Super Cache is fine for personal projects.

    Start Using a CDN

    The distance between your user and the server affects the speed of your website. While this might only make a small impact on the overall speed, it does add up. The further the user from your website’s server, the slower your website will load.

    A CDN (Content Delivery Network) solves this problem. It is simply a network of servers spread across the globe. When you connect your website with a CDN, the CDN service will start caching all your website content on its wide-spread network of servers. It will cache everything from files to your blog content. When someone visits your website, the CDN serves the content through a server nearest to the user. This not only reduces the load on your servers, but it also decreases the time it takes for the user to connect to the server and get the file.

    There are a lot of CDN services available but most of them can be very expensive. If you are just starting out, you should try CloudFlare. It’s free and the premium plans are relatively cheaper than other CDN service providers. You can download the free WordPress plugin to get started.

    Leverage Browser Caching For Static Resources

    Browsers load every single element of a page before they can start displaying it. Instead of caching the resources by default, they re-fetch all of them every time you load a different page on the same website. This not only increases the load on your servers but also increases the load time of your website. When you leverage browser caching, the browsers cache the static resources and then use a cached copy instead of requesting it again from the server.

    To start leveraging browser caching, add the following code to your .htaccess file:

    ExpiresActive On
    ExpiresByType image/gif A2592000
    ExpiresByType image/png A2592000
    ExpiresByType image/jpg A2592000
    ExpiresByType image/jpeg A2592000

    Optimize Your Images For The Web

    Images make up most of the size of your web pages. Most images don’t need to be viewed in high-resolution. These images can be optimized (compressed) for the web. When you optimize an image, the size of the image is reduced by almost more than half without any noticeable loss in quality. Now, you could just fire up Photoshop or any other image edit program to do it yourself. But that would require a steep learning curve and a lot of manual labor. Instead, you can use a WordPress a free plugin like WP-SmushIt to automatically do it for you. This plugin optimizes all the images on your website automatically. All you have to do is install it and it will take care of everything itself.

    Optimize Your Database

    WordPress needs to store a lot of data to make all its internal process work efficiently. And the more plugins you have, the more of this data WordPress will store in your Database. With time, a lot of this data becomes redundant. This data includes additional data for posts, pages, comments, and plugins.

    In the short-term, this redundant data doesn’t cost much of a problem but in the long-term, it will increase your website hosting costs and make your site slower. If you remove this data, it will make your database smaller resulting in small speed gains. Not to mention, all the web space usage and costs it will cut for you.

    Now, you don’t have to be a scientist to be able to optimize your database. You don’t have to be a programmer either. All you need is install a free plugin like WP-Optimize. Once you install this plugin, it will optimize your database by removing redundant data and optimizing your database tables.

    Enable GZIP

    GZIP is a compression technology that can help you reduce the size of your web pages by more than half.

    When you enable GZIP on your server, all your files are compressed with GZIP before they are served to the browser. And when the browser received the GZIPped file, it knows how to decompress and display it.

    Most modern browsers support GZIP and for the ones that don’t your server will serve the content directly.

    GZIP can help you cut your website’s load time by more than half.

    To enable GZIP on your server, add the following code to the end of your .htaccess file:

    <IfModule mod_deflate.c>
    # Compress HTML, CSS, JavaScript, Text, XML and fonts
    AddOutputFilterByType DEFLATE application/javascript
    AddOutputFilterByType DEFLATE application/rss+xml
    AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
    AddOutputFilterByType DEFLATE application/x-font
    AddOutputFilterByType DEFLATE application/x-font-opentype
    AddOutputFilterByType DEFLATE application/x-font-otf
    AddOutputFilterByType DEFLATE application/x-font-truetype
    AddOutputFilterByType DEFLATE application/x-font-ttf
    AddOutputFilterByType DEFLATE application/x-javascript
    AddOutputFilterByType DEFLATE application/xhtml+xml
    AddOutputFilterByType DEFLATE application/xml
    AddOutputFilterByType DEFLATE font/opentype
    AddOutputFilterByType DEFLATE font/otf
    AddOutputFilterByType DEFLATE font/ttf
    AddOutputFilterByType DEFLATE image/svg+xml
    AddOutputFilterByType DEFLATE image/x-icon
    AddOutputFilterByType DEFLATE text/css
    AddOutputFilterByType DEFLATE text/html
    AddOutputFilterByType DEFLATE text/javascript
    AddOutputFilterByType DEFLATE text/plain
    AddOutputFilterByType DEFLATE text/xml# Remove browser bugs (only needed for really old browsers)
    BrowserMatch ^Mozilla/4 gzip-only-text/html
    BrowserMatch ^Mozilla/4.0[678] no-gzip
    BrowserMatch bMSIE !no-gzip !gzip-only-text/html
    Header append Vary User-Agent
    </IfModule>

    Lazyload Your Images

    Images make up as much as 80% of the load time for most web sites.

    And when browsers load a website, they don’t start displaying the page until they have downloaded all the resources including images.

    This is where LazyLoading comes to rescue.

    LazyLoading is a simple technique of loading the images only when they are visible to the user.

    So, if an image is at the bottom of the page, it will not be loaded until the user has reached the bottom of the page.

    This not only improves your site’s load times but also reduces the load on the server and bandwidth usage.

    To start using this technique, install, and setup the free BJ LazyLoad plugin.

    Invest in a Faster Theme

    While all WordPress themes advertise that they are optimized for speed, the truth is most of them aren’t. The theme you are using on your blog plays a big role in determining your site’s speed. If you are using a theme that is badly coded and doesn’t follow any coding standards, you will end up with a slow loading site.

    Not only are a lot of themes not optimized for speed, they are often bloated with additional scripts and resources generated by using plugins like Page Builders, Sliders and other items you may not even be using.

    Investing in a good theme from the start of your blogging journey is really important. Because if you try to fix the speed issues caused by the code, you will end up paying thousands of dollars to a developer. And even if you decide to switch to a different theme, it can be hard to switch without breaking some of the functionality of your website.

    When looking for a WordPress theme, always use themes from trusted authors like ourselves. At AlienWP, we test and optimize all our themes for SEO and Speed. All our themes load up within just a few seconds.

    Split Comments Into Pages

    If you are getting a lot of comments on your blog, then it’s time to celebrate. It means you have an engaged audience that loves your content.

    But here’s the problem: Too many comments increase the size of your web pages.

    That means, the more comments you display on a page, the slower that page will load.

    Now, to solve this problem all you have to do is split the comments into multiple pages.

    To do this, navigate to Settings > Discussion and then check the Break Comments check box:

    What this will do is instead of displaying all the comments at the end of the post, WordPress will display pagination links at the end of the comments just like it does at the end of your blog roll.

    Conclusion

    If your website is slow, act now. You are losing thousands of potential free website visitors and customers. Use the techniques in this article to speed up your WordPress website. Most of them don’t require you to touch a single line of code and don’t take much time to implement.

    If you don’t have much time to invest right now, at least make sure you are using a Caching plugin, your images are optimized and that GZIP is enabled on your server, this will help speed up your site significantly over a regular WordPress installation.

    If you have any suggestions, stories or feedback to share, feel free to speak your mind in the comments.

    Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
    Mohit

    Related Posts

    How to Import / Export Your WordPress Gutenberg Blocks

    February 9, 2020

    Beginner’s Guide to The WordPress Gutenberg Editor: Complete Review

    February 5, 2019

    Best Hypnosis Downloads: Improve Your Productivity, Health & Finances

    January 16, 2019

    How To Translate A WordPress Plugin In Your Language

    August 7, 2018

    5 Comments

    1. Ratan Mia on November 25, 2017 10:55 pm

      I also recommend the plugin – Plugin Organizer. It lets you choose which plugins to load by page or post. This helps a ton with page speed when you don’t need most plugins for most pages.

      Reply
    2. Piqued Digi media on October 2, 2018 5:20 am

      The complete guide to optimize your wordpress website.

      Reply
    3. Wally on October 7, 2021 3:19 am

      Hey Mohit,

      Thank you so much for this post! These are some really great practical suggestions to speed up my site. What do you personally think about Lite Speed cache plugin? I have used it before. Do you think that WP Super Cache is a better fit for most sites for page loads and speed?
      https://learnanet.com

      Reply
    4. Social Networks on March 16, 2023 12:32 am

      Hi there, I do think your blog could be having web browser compatibility problems. Whenever I take a look at your blog in Safari, it looks fine however, when opening in Internet Explorer, it has some overlapping issues. I merely wanted to give you a quick heads up! Besides that, great blog!

      Reply
    5. Pingback: URL

    Leave A Reply Cancel Reply

    Latest
    Video

    Best Summer LUTs (Free & Paid) Hottest Color Grading for a Sizzling Summer

    By Oliver DaleMarch 27, 2023

    Summer is the perfect time for capturing and sharing memories with family and friends. Whether…

    Best Vintage LUTs (Free & Paid) Give Your Videos a Retro Vibe

    March 21, 2023

    Best Cinematic LUTs (Free & Paid) for Show-Stopping Visuals

    March 16, 2023

    1000+ Best Lightroom Presets: Ultimate Collection!

    March 16, 2023
    About

    Welcome to AlienWP!
    A blog about WordPress, Design, Technology & Productivity.

    Coupon Codes
    • WPEngine Coupon Code
    • Elegant Themes Coupon Code
    • Media Temple Coupon Code
    • Template Monster Coupon Code
    • Tesla Themes Coupon Code
    • Bluehost Coupon Code
    • CSSIgniter Coupon Code
    • Dreamhost Coupon Code
    • Engine Themes Coupon Code
    • Flywheel Coupon Code
    • InkyDeals Coupon Code
    • Inmotion Hosting Coupon Code
    • Liquidweb Coupon Code
    Social
    • Facebook
    • Twitter
    • YouTube
    About

    AlienWP themes and plugins rely on core WordPress functionality to achieve speed, seamless integration and simplicity of use.

    You won't find bloated options and admin panels here: Only the award-winning, intuitive interface we all know and love.

    • About Us
    • Terms & Conditions
    • Privacy Policy
    • Contact Us
    • Best WordPress Hosting
    • Hosting Reviews
    Recent Posts
    • Best Summer LUTs (Free & Paid) Hottest Color Grading for a Sizzling Summer
    • Best Vintage LUTs (Free & Paid) Give Your Videos a Retro Vibe
    • Best Cinematic LUTs (Free & Paid) for Show-Stopping Visuals
    • 1000+ Best Lightroom Presets: Ultimate Collection!
    • 250 Free Lightroom Presets: Ultimate Categorized Collection for Photographers
    • Monarch Social Sharing Plugin Review: Get More Shares & Follows
    • 10 Best WordPress Membership Plugins 2020: In-Depth Guide to Free & Paid Options
    Coupons
    • WPEngine Coupon Code
    • Elegant Themes Coupon Code
    • Media Temple Coupon Code
    • Template Monster Coupon Code
    • Tesla Themes Coupon Code
    • Bluehost Coupon Code
    • CSSIgniter Coupon Code
    • Dreamhost Coupon Code
    • Engine Themes Coupon Code
    • Flywheel Coupon Code
    • InkyDeals Coupon Code
    • Inmotion Hosting Coupon Code
    • Liquidweb Coupon Code
    Facebook Twitter YouTube

    Copyright © 2013 - Kooc Media Ltd. All rights reserved. Registered Company No.05695741
    Our Sites: FlowPresets / GardenBeast / GolfMonster / Blockonomi / Money Check / Vinjatek / BoatingBeast / Beanstalk

    Type above and press Enter to search. Press Esc to cancel.