Increase Page Speed

 

What can make your site slower?

Here are some reasons your site might be slow:

1- Plugins:
When you have a number of plugins active on your site, it can slow down your site. Deactivate all the plugins except the ones included within the theme and clear the browser cache. Then, you can activate your plugins one by one and check to see which plugin is slowing your site.
2- Images:
Images are a key factor in optimizing a website. It is important to optimize your images for your website. Images with large size can slow down your site. Do not upload images in large size. For instance, if your weblog is created by images with the size 800*600, you should upload an image with the same size and not bigger.
3- Host:
Your host or sever can be a reason of your site low speed. If you are using VPS for your hosting, it can be because of bad configurations and low resources. If you are using shared hosting, you need to contact your host provider in this regard so they can check it.
4- JS and CSS Files:
You should use a cache plugin. These plugins minify your files and combine them and stores a version of the file in cache in order to reduce your server requests and as a result, it will boost your site speed.

Recommended

– CDN:
By using these content delivery networks, you can considerably increase your site speed. The content delivery network will provide your static items such as images and scripts to the users in the nearest point to the server.

 

You can with this structure improve your Increase Page Speed Please follow below steps :

 

  1. First Way ( Recommended ):Purchase And install WP Rocket.  : You can Go to WordPress Dashboard > Deep > Performance
    Deep is in collaboration with WP Rocket and we have dedicated a 20% discount (promotion) code for you. You can use this discount code for purchasing WP Rocket Plugin.We have also included documentation links directly within this Tab. 
    WP Rocket Website
    WP Rocket Features
    WP Rocket Documentation
    Start to work with WP Rocket Plugin:

    1. Before anything, we get backup from the files that may change. Files such as images and main files of the theme.
      To do this, go to your host panel in wp-content/uploads/ and get backup from the mentioned files. Also, get backup from theme folder and name it before-minify.zip in the directory: wp-content/themes/deep
    2. Before you start, all the options of the cache plugin (wp-rocket) such as HTML, CSS Minify, JS Minify, CDN, Cache and Minify and anything related to the plugin should be deactivated as the plugin is fresh.
    3. Go to plugin settings and in File Optimization tab enable all the 3 options for Basic Settings. As the image below:

    4. CSS Optimization:
      In File Optimization tab, go to CSS Files and enable the first 2 options as the image below:

      And then, in Dashboard tab you should clear the cache.

    Now open the site in guest mode of the browser, then press CTRL + U to display the site source. There is a CSS file created by WP-Rocket above the HTML, click and open the file. 

    Open the content of the above file and copy it, then put it in File Optimization tab in Optimize CSS Delivery. You should check this option in order to display. 

    Important:

    You should not use @import with in the CSS because the request will be sent to another site and the loading time will increase. @import has a URL which you should open it and copy its content and put it in Optimize CSS Delivery and then remove @import alongside its URL. 

    Now clear the cache and check the site in guest mode of the browser and make sure everything is neat.

    Note:
    The CSS being messed up happens when there is an open comment in the CSS and it has not been closed. It may have been caused by a plugin which by deactivating the plugins one by one you can find out which plugin is causing the issue.

    JavaScript Files
    Go to File Optimization tab and in JavaScript Files disable all of its options as the image below: 


    LazyLoad:

    In order to use LazyLoad for the image, go to the Media tab and adjust its settings such as the image below:


    404 Error:
    If you see 404 in GTMetrix website in Waterfall tab, create a file with the same name and upload in the same directory 


    -CDN
    If you are using CDN, you can enter its address in CDN tab 

    Image Optimize:
    We use WP Smush Plugin to optimize the images.
    If you see that in GTMetrix website in Waterfall tab, image take a long time in your site loading, you should use the following solution:
    We use the free tools provided by the website http://compressjpeg.com/ to optimize the images.
    To start, open your website. 

    Upload an image


    On the first step, the image size will be reduced automatically but in order, to make the image size better, click on the image then the settings will open and you can reduce your image size as much as you would like. 

    In the end by clicking on Download button you can download the compressed image. One of the features of this website is that you can upload couple of images at the same time and compress them as a group of images.

    Disable WooCommerce Cart Fragments AJAX:

    The AJAX file of WooCommerce takes much time of the site loading time and to disable this AJAX, you should use Disable Cart Fragments Plugin. You can download the plugin here:
    https://wordpress.org/plugins/disable-cart-fragments-littlebizzy/

    If you are using Modern Events Calendar Plugin, go to this directory:
    Plugins\modern-events-calendar\app\features\gateways.php ::: line 302 or 280
    And change its link to the following link:
    http://deeptem.com/events/stripe-js.js
    If you are using Polylang Plugin alongside WP Rocket, install wp-rocket-cache-donotchangepage Plugin as well.
    If you see Refill which is related to Contact Form 7 Plugin in GTMetrix in Waterfall tab, go to the following address:

    /wp-content/plugins/contact-form-7/includes/controller.php :: Line :: 69 – 71
    And comment (disable) its code:
    /* if ( defined( ‘WP_CACHE’ ) && WP_CACHE ) { $wpcf7[‘cached’] = 1; } */
    we put in between /**/ to disable it.
    – Remember that you need to clear the plugin cache after each task you do.
    In the end, always remember that after updating the site which includes adding new images, consider what explained above for them.
    After plugins update, your changes will be discarded and you need to the steps again after each update. For example, Contact Form 7 Plugin.

  2. Second Way (Free)
    1. Download and install WP Fastest Cache.
      A) Go to WordPress admin > WP Fastest Cache > Settings  and act just like this example for the settings:

    2. Download and install Above The Fold Optimization.
      A) Go to WordPress admin > PageSpeed > Settings  and act just like this example for the settings:

      B)Please Go to CSS tab  and act just like this example for the settings:
       
    3. If you use Slider Revolution Plugins Please go to Global Settings  and act just like this example for the settings: 

 

Popular Links For Test Load Speed :

  1. https://developers.google.com/speed/pagespeed/insights/
  2. https://tools.pingdom.com/
  3. https://gtmetrix.com/
  4. http://www.webpagetest.org/

 

lifestyle review

  • increase-page-speed
  • Overall Score

No Comment.