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.

We suggest two options to increase your website speed:

There is always no use of free plugins to increase site speeds, and naturally the performance of paid plugins is much more than free plugins. So let’s use the wp rocket plugin to speed up your website.

A. Using WP-Rocket plugin (Recommended)

1.

Get Backup

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.

Purchase And install WP Rocket.

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. Please follow this address: WordPress Dashboard > Deep > Performance Note: 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.

File Optimization

Go to plugin settings and in File Optimization tab enable all the 3 options for Basic Settings. As the image below:

4.

Clear cache

You should clear the cache in Dashboard tab

5.

Get CSS content

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.

6.

JavaScript Files

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

7.

LazyLoad

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

8.

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.

B. Using free plugins

1.

Download and install Autoptimize

Please go to your WordPress admin > Settings menu > Autoptimize. Then click on the Show advanced settings and act just like this example for the settings:

2.

Download and install Lazy Load by WP Rocket

WordPress admin > Settings > LazyLoad and turn on the lazyload for your images and videos.

3.

Download and install Enable Gzip Compression

A. Go to WordPress admin > Settings > gzip compression and enable the Gzip compression

4.

Download and install WP Super Cache

A. Go to WordPress admin > Settings > WP Super Cache and turn on the cache option

5.

Slider Revolution

If you use Slider Revolution Plugins Please go to Global Settings and act just like this example for the settings:

Public Suggestions

Fix 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

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.
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 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.

lifestyle review

  • increase-page-speed
  • Overall Score

No Comment.