How to increase page loading speed

Home

With the Newspaper Theme, you can increase page loading speed on your WordPress website. To do this, first, you should test your website and take a look at google’s recommendations. In this article, we’ll guide to through the process. Please note that increasing page loading speed optimization may require more than basic server management knowledge.

How to increase page loading speed?

  1. Test your page speed here. Just add your site URL and hit the analyze button. Please remove unnecessary plugins and don’t use Google Ads (Adsense) when testing (you can add them after that).

2. Enable the Gzip compression
3. Set the Leverage Browser Caching
4. Optimize  your images
5. Use a cache plugin (WP Super Cache)
6. Plugin Load Optimization (optional – advanced)

 The list of speed recommendations:

  • We recommend that you use WP Super Cache with its default settings.
  • You can also use the APC full page cache if you have a lot of ram on your server

If you have a dedicated server / VPS:

  • Make sure that you have APC installed or another ‘op cache’ for PHP. This will reduce your server response time. We have received some reports that the accelerator has some problems in some specific configurations with our theme and Nginx.
  • Make sure that you have the compression enabled on your site for HTML/JS/CSS, but not for images.
  • Leverage browser caching https://developers.google.com/speed/docs/insights/LeverageBrowserCaching Google Page Speed requires that you set an expiring cache of 7 days or more

If you use a shared hosting or a low power VPS, please update to a more powerful server for better speed results and performance.

You could also check the WordPress official optimization guide here.

Before you make any changes to your site, please backup the files where you intend to apply the modifications. Let’s modify the .htaccess file. Start by saving a copy of the file on your hard-drive. If something goes wrong, you can use it to return to the previous state. Now, let’s start!

1. Enable Gzip compression

This compresses the HTML and CSS and improves the page loading speed and reduces bandwidth usage.

The setup is different from one server to another, so you may have to look on your host instructions section to see how you can enable it on your site.

The theme demo server is set like this:

<IfModule mod_deflate.c>
<filesMatch "\.(js|css|html|php)$">
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>

2. Set the Leverage Browser Caching

By setting this, you tell your visitors browsers to remember (caching) some of your website resources (that you don’t change so often, like the logo or the CSS/JS libraries, posted images, and many more) and only refresh them after a defined period.

To set it you have to add something like this on your .htaccess file.

NOTE: The setup may differ based on what resources you want to include.

Setup from the theme demo server:

# BEGIN Expire headers
<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 604800 seconds"
ExpiresByType image/jpeg "access plus 604800 seconds"
ExpiresByType image/png "access plus 604800 seconds"
ExpiresByType image/gif "access plus 604800 seconds"
ExpiresByType application/x-shockwave-flash "access plus 604800 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
ExpiresByType application/x-font-woff "access plus 604800 seconds"
ExpiresByType application/x-font-svg "access plus 604800 seconds"
ExpiresByType image/svg+xml "access plus 604800 seconds"
</ifModule>
# END Expire headers

3. Optimize images

Images are one of the most abundant resources on your pages and the larger they are, the longer it will take to download, slowing the page loading speed.

To reduce their size and increase the page loading speed, you need to compress and optimize them. There are plenty of guides out there on how you can optimize the images (using software like Photoshop or similar).

Alternative:

Add the following code at the end of the functions.php, which is located in the theme folder. The code automatically compresses each thumbnail to 50%:

add_filter( 'jpeg_quality', create_function('', 'return 50;' ) );

After you add the code, you need to regenerate the thumbs. For this, you can use the Force Regenerate plugin.

The value 50 stands for 50% – if you want a better compression or better quality modify it and regenerate the thumbs. Experiment until you get the optimal value!

4. Use a cache plugin (WP Super Cache)

Find the plugin installation and configuration here – link

5. Plugin Load Optimization (optional – advanced)

Look for methods that allow you to control plugins, for Contact Form 7 check this one.

Subscribe For More!

If you want to be the first to find out more about our themes
please subscribe to our newsletter

Bogdan B.
Bogdan B.
Passionate for gaming, mountain biking, snowboarding and travelling. I face every task as a new challenge to bring my skills to the next level.

35 COMMENTS

  1. Hi,
    This is a good guide but most of these things do not work in real-time situations.
    More so in the mobile theme, since as soon as you try to minify javascripts and CSS, the whole thing goes for a toss. There are better cache and site load tools. I think as next step my request to the newspaper team is to look at alternatives. As site load speed is becoming more and more important in todays day and age.
    Our mobile site score has gone down to super slow. Some of it because of google adsense, however much of it because we cannot minify CSS or javascripts any more.

    Thanks

    • Hi,

      Sorry for the delay. Our solution for mobile at the moment is the mobile theme and official AMP plugin. The mobile should produce good results on mobile out of the box. Now that the AMP plugin can be used with the mobile theme, we will focus on adding more options and settings for this theme. It is true that the mobile theme is limited in some aspects, we will try to improve it as much as possible in future updates.

      Thank you!

  2. Hi,
    Thanks for the great post.

    I have newspaper theme installed on my blog and I am using hummingbird plugin for caching, compressing, etc.
    Using the plugin I ran a performance test and the plugin gave me a suggestion to “Eliminate render-blocking resources” which is affecting my loading speed, for which it says the following :
    Overview:
    “Render-blocking resources are CSS, JS, or font files that are loading before the rest of the content on your page. This can add seconds to your page load time.Improve page load speed by deferring all non-critical style scripts and loading critical scripts first.”

    Status:
    First paint of your page is not rendered without waiting for the following resources to load. You can potentially save 860ms by eliminating these resources.

    The files it lists as culprit are the following which are mostly related to the theme file :
    /wp-content/plugins/td-cloud-library/assets/css/tdb_less_front.css?ver=d158fac1e2f85794ec26781eb2a38fd9
    /wp-content/plugins/td-composer/legacy/Newspaper/assets/css/td_legacy_main.css?ver=61179afdbbd6a8d8c8a7f82ae3fcd87d
    /wp-content/themes/Newspaper/style.css?ver=9.7.3

    Any idea how can I fixt this?

    Thanks in advance!

    • Hi,

      Please note that the speed of your website depends on how well your site is optimized. First of all, you will need to check the image size and try to optimize them if you want to bring good theme results. Also, note that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://tagdiv.com/how-to-increase-page-loading-speed/ I have checked your website on GT Metrix and it seems to return good results, as well.

      Thank you for your understanding!
      Best regards!

  3. Catalin, I have exactly the same question as Sunil regarding render-blocking resources, but I notice you didn’t actually address it. The link you gave is to this very page. td_legacy_main.css appears to be a dead stylesheet that is still being refrenced. How do I remove it?

    • Hi,

      Thank you for your feedback! The WP Super Cache is our tested and recommended plugin for caching. The WP Rocket is considered to be the best for caching but please note that it did not work as expected with our theme because it seems to cause a lot of problems and conflicts, sorry!

      Thank you!

      • I have problem with WP-Rocket + Newspaper theme and I just know that wp-rocket does not work with newspaper theme from this reply.

        Now, I’ve switch to WP Super Cache for newspaper theme and it work !

        • Hi,

          Unfortunately, the WP Rocket was not tested with our theme and also, we cannot say for sure if it will work or not as expected with our theme. It seems to be a problematic plugin with our software and that’s why we strongly recommend using the WP Super Cache for better theme results.

          All the best!

    • Hello,

      Thank you for your kind thoughts and words! We are delighted to discover that our work it’s appreciated the way you do. We truly value your feedback!

      Warm regards!

  4. Thanks a lot for this Article, I am currently using ColorMag Free theme of WP but want to Switch to Newspaper, wanted to know which one will be better & why and does Newspaper help my site in performance as well or just in visuals.
    Please let me know in my email

  5. Please provide resources that I can solve my questions below. Urgent please.

    1- How will optimization be done for CPU and RAM?

    2- Daily news is published automatically. So how do I make the theme just add a picture. Creates multiple images. this brings a big burden.
    3- How do I create a numbered slider?

    4- I am having AMP problems. What settings do I need to make in this theme for Accelerated Mobile Pages

  6. hello theme setup speed up everything is ok but the mobile plugin is not working it is disabled even though it is open most of the time I did not understand I could not solve the problem

  7. hello
    thanks for great post this help increase pagespeed score my web to 96% from GTmetrix.com with newspaper theme.

    my question.
    how to increase Yslow score with basic setting use newspaper theme ?

    • Hi,

      Unfortunately, the theme does not have any such an option that allows you to increase the YSlow score. You should optimize the entire website in order to achieve a good score for that section. You can take a closer look over the following guide from here -> https://www.keycdn.com/blog/yslow-score

      All the best!

  8. Please I have a problem. I recently bought your newspaper theme for my website. I was previously using astra pro and had a very good website speed. But after i switched to your newspaper theme the problem of “add expires header” propped up. How do I solve this issue? I have tried a lot of things yet there’s no result

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Check out our latest

Stories