Use Shorthand CSS To Make Your Pages Load Faster

Hey guys! Quick tip here for making your websites load faster when using CSS! While this tip won’t make or break your website’s load time, it will definitely help. We all know that every millisecond counts too when considering trying to get ranked higher in the search engines.

Here’s the tip. By using shorthand CSS and combining code into one line, you can reduce the time it takes to load the CSS file, thereby making your entire page load faster. For example, instead of having this:

.head {

background-color: white;

background-image: url(image.png);

background-repeat: no-repeat;

background-position: top-left;

}

You can replace it simply with a one liner like this:

.head {

background: #fff url(image.png) no-repeat top left;

}

Boom! Same result, but way less code.

Hope this helps someone out there!

Leave a Reply

Your email address will not be published. Required fields are marked *