HOW TO MINIFY CSS, HTML AND JAVASCRIPTS IN 2018 WORDPRESS

Spread the love

In this post I will walk you through the way, how to  minify css html and javascript in 2018 wordpress to speed up your site by 300%. Minifying css, html and javascript can be done in two ways. Manually and by using wordpress plugins. It seems very hard when you go through the way of minifying css, Html or java script manually. So. I am here to help you to make your work much more convenient.( GUIDE FOR 2018 UPDATED)

how to minify css html and javascript in 2018

First of all I would like to inform you that if you are here searching about how to minify css, html and javascript code. Then you are on the right place, this method is 100% working method and tested by me. So you can be preety sure and follow each and every steps of this article. Ok, lets get into it from its basic details.

WHAT IS MINIFYING?

Minifying is the process of shortening the language codes like html, css and javascript. While building up a site, they are made up from codes html, css and java script which contain lots of gaps and space. And the browser takes longer time to load a site. So, minifying of these codes removes those space and gaps which makes your site faster.

DIFFICULTY FINDING BEST FREE WEBHOSTING??? TRY THIS

WHY TO MINIFY CSS HTML AND JAVASCRIPT ?

However, Many people know that, they should minify the scripts of their sites but they don’t actually have real concept of it. You may don’t know that the size of scripts, css and html are much more greater than the article and image that you post on your site. And even the most important thing is maximum size is covered by its space and gaps which makes your site ideal and slow.

 So, minifying your code will totally omit the gaps and spaces in you codes, which will make your site speed awesome. Moreover, if you have good site speed, you can receive good amount of traffic on your site because google rank only those sites in 1st page which takes low time to load. Even when you send approval for advertising networks like adsense, it would first look at your site speed before approving it.

NOT GETTING ADSENSE APPROVAL?? TRY THIS

HOW TO MINIFY CSS HTML AND JAVASCRIPT IN 2018(guide for 2018)?

I have already mentioned in the text that generally there are 2 different method of minifying html, css and javascript, they are;

·         Manually

·         USING PLUGINS IN WORDPRESS

Here we are specially giving emphasis on minifying css, html and javascript by using wordpress plugins but even though I will give little information of it briefly.

Minify css, html and java scripts manually in 2018

This method is little risky and somehow hard comparing to our upcoming method. In this method you have to copy your code and convert it into minified form.You can find different sites that will convert your css, html and javascript like css minfier, html minifier, java script minifier. Remember you should minify your code accordingly like you should minify html in html minifier, css in css minifier and java script minifier. This method is risky because there are some codes that should not be minified, you should exclude them while minifying it, so if it is misplaced it would have wrong effect on your site. So instead of taking such risk I would rather recommend you to follow my upcoming method which is really very simple and it works effectively without any errors.

Minify css, html and javascript in wordpress using plugin in 2018

As I have already told you this method is really easy and best method of minifying html, css and javascript, Lets get into it in detail. In this method a simple plugin is going to do a great thing. Here the plugin will be the king of minifying html, css and java script. To minify html, css and java script using plugin, you need to install and activate a plugin called auto optimize.

You don’t need to do anything in this plugin, just install and activate it. It will automatically do work for you. To see the result, you can see the change between the page source code before and after activating the plugin. Before activating it, you will find many spaces and gaps in your page source code but as soon as you activate it. You will find all your html, css and javascripts files minified as they will be in compressed form without any spaces or gaps.

Here I have also come up to you with additional ideas that will increase your site speed by 300% .

You just need to install these 3 plugins and activate them and it will do the work for you.

Auto optimize

I have already explained about it above so I don’t need to explain for it anymore.

Remove query strings from static resources

Your site can be a little bit slow even if you minify your css, html and javascript because of the query strings. So, you can install and activate this plugin and it will automatically remove query strings from your site.

W3 super cache

There can be many unused and useless cache staying in your site which will slow down your site. So, in order to get rid of it. You can install and activate it and it will also automatically do the work for you. You can also find some advance features from it in advanced option.

I will be explaining more about improving site speed in upcoming article. You can subscribe to our blog so that you wont miss any of our stuffs.

Ok, let me know how was your experience reading this article( comment below). If you face any kind of problem then feel free to contact us anytime.

see

1 thought on “HOW TO MINIFY CSS, HTML AND JAVASCRIPTS IN 2018 WORDPRESS

Comments are closed.