Make Your Template Load Fast By Tweaking The CSS Codes

ADVERTISEMENTS

Today I updated one of my Wordpress blog to version 2.8 and found some good changes in it. One of the change that forced me to write this tutorial was in the Editor section. Wordpress has added a new feature in its latest version that tells about the number of lines in the code.

Have a look :

In the above image you can see the numbers in the leftmost side. These numbers tells the total number of lines in your code. More the number of lines, more long will be your code and more will be the loading speed. So, here is a simple trick with which you can minimize your line of codes.

Open your Style.css file, in this file you will see CSS coding, I’ll explain you about the tutorial by taking this example. Have a look at the code below :

a:link {
color: #2f63b3;
text-decoration: none;
}

The above code is counted as a 4 line code, have a look :

Now, to minimize the lines, remove all the spaces after ; and write the code continuously without any space. So, your four line code will come in 1 line and will look like this :

a:link { color: #2f63b3; text-decoration: none; }

Similarly do this for all the codes in your Style.css file and you will see a difference in your template loading speed. It will be a minor change in the speed, if you are happy with your template loading speed its better you do not try this.

If you like this post, you will love these :

1. How To Make Your Web Page Load Faster
2. List Of All 255 Keyboard All Alt Key Codes
3. 20+ Codes and Hacks Every Wordpress User Should Know
4. How to make your Windows XP super-fast in 2 seconds !
5. How To Change/Modify AutoSave Interval Time In Wordpress
6. Online Tool To Compress CSS Code
7. All HTML Tags And Attributes : Lesson 4 Part2