How to Increase Leading by Compressing the Blog {manually}

If you have a little bit of information about coding, increase leading by compressing the blog you will know that when we add a theme or template to our site, then the CSS, Javascript compress is not included in it. If we want to improve the performance of our site then it has to be reduced by compressing it increase leading by compressing the blog. If your blog is on Blogger or WordPress, then this post is for you. We will tell step by step how to compress the CSS css? increase leading by compressing the blog.


How to Increase Leading by Compressing the Blog {manually}


More people use theme or template for free in their blogs. I also tried to use free theme in my blog, so I have a good exprience that when we use free theme / template in our site then both css and javascript are used very much and it has not been compressed too is. You will know that css and javascript are a slow loading script.

If you use a premium theme / template, then CSS and javascript will be used less but CSS also does not compress javascript in it. If you want, you can make fast increase leading by compressing the blog by compressing your blog’s css, lowering its size.


Why is it necessary to compress CSS?


The way I told you above, you have understood a little bit. If not understood, in the first place, you can tell me that php, javascript, css are the three most slow-loading script. You can not compress php but you can compress js and css. When you see the style.css of a normal theme, there are some such css in it.

/* Font sizes */

body {
font-size: 12pt;
}

h1 {
font-size: 24pt;
}

h2 {
font-size: 22pt;
}

h3 {
font-size: 17pt;
}

h4 {
font-size: 12pt;
}

h5 {
font-size: 11pt;
}

h6 {
font-size: 12pt;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 10pt;
}

/* Layout */

.wrap {
padding-left: 5% !important;
padding-right: 5% !important;
max-width: none;
}

/* Site Branding */

.site-header {
background: transparent;
padding: 0;
}

.custom-header-media {
padding: 0;
}

You may have clearly seen that there are spaces too, and all these spaces have more of our css file size. After compressing css it will be something like this.

body{font-size:12pt}h1{font-size:24pt}h2{font-size:22pt}h3{font-size:17pt}h4{font-size:12pt}h5{font-size:11pt}h6{font-size:12pt}.page .panel-content .entry-title,.page-title,body.page:not(.twentyseventeen-front-page) .entry-title{font-size:10pt}.wrap{padding-left:5%!important;padding-right:5%!important;max-width:none}.site-header{background:transparent;padding:0}.custom-header-media{padding:0}

If you remove spaces and comments from css file, its size will decrease and your site will start loading faster

If you are thinking that if you remove spaces from css then you will work or else you want to tell you that it will do the same work as before. After removing these spaces and comments the CSS will be compressed. So now you have understood why it is important to compress the css.


How do I compress CSS of a blog?


After reading in the above, you might have understood why css should be compressed. Now we also know how to compress CSS or CSS of the theme blog. We are telling you the process for both wordpress and blogger below.

For Blogger:

If your blog is in Blogger, go to the Dashboard »Themes» Edit HTML after logging in. Cut the CSS between the <b: skin> and </ b: skin> here.

Note: Keep in mind that Template Name, Author, Author URL, etc. below <b: skin> Let it be Do not cut it.

For WordPress:―  If your blog is in WordPress then go to Dashboard »Appearance» Editor after you login. After that, open the Style.css file of your theme.

Now here at the top will be your theme information. You can enter Theme Name, Author, Author URL, Template, Version etc. Except to drop the CSS below

Compress CSS: Now the css that you have to cut has to be compressed. To compress it, you can not manually compress. We have created an online tool for you. By this you will be able to compress css easily. Let’s know step by step. increase leading by compressing the blog.

Step 1: First of all, you visit the CSS Compress Tool.

  • Now you paste css in this box.
  • Tick all these checkboxes.
  • Now click on the Compress CSS button.

Step 2: Now your css has reduced and its size has decreased . Copy all these css.

Step 3: Now you have to add compressed css to your blog from where you cut your css. After that save That’s it.

Now your blog’s css has been compressed. Now your blog will fast fast now. If you want to check your blog’s leading speed then you can test in Pingdom. If you like the post then share it.