Skip to main content

How to Make Blog Fast Loading by Cleaning Your Stylesheet

As we design our blog for a long time, tweaking and making changes to make it better we may accumulate overlapping styling sheetsDesigning our websites includes adding widgets and scripts most specially css/styling codes, while increasing the codes inside our blog it may compromise the loading speed of our webpage, so lets now see how to avoid this by cleaning the unused codes inside our site.

Custom style sheets may become:

Used Twice, for instance, we may have put the blog background color twice and doesn't noticed it.

Overlapped
, i.e. many different values for one styling property, such as 2 different designs for the body background. on this scenario the browser will only shoose out one design, making the other useless.

Unused. You may have added a beautiful widget and added custom stylesheet for it. But then later decided to change it for a new one or delete it entirely. The style sheet for this widget still remains behind, no longer in use.

How to clean unused stylesheets?

More than just these redundant css may add to your host file size and loading time of your website it also affects how the site performs because of needing to process the extra styling codes. 

How to Make Blog Fast Loading by Cleaning Your Stylesheet

A well known browser extension, tagged as Dust Me is used for just such a purpose. It searches your site pages, and lists all the overlapping and redundant styling sheet rules. Other browsers like Firefox and Opera users will need to add this plugin, and fortunately for its users, Google Chrome have is own built-in developer options in which you can use to clean redundant CSS.

Comments

  1. Thank you very much. Ive been thinking about that lately when im coding my site. I ask myself if it slows down the loading of site. Later i learned that the last code overwrites the first code so when im coding i just insert it from the css which causes a duplicate. Thanks sir keep on sharing!

    ReplyDelete

Post a Comment

Popular posts from this blog

How To Add HTML Contact Form for Blogger Blogs

Our problem in creating a contact form is that you don't want third party contact form cause it will burden your loading page and if you want to give your reader an instant contact form but don't want to show your email, this HTML form will help you with your problem

You can create a simple form, as displayed below, to enable your visitors to send you comments, questions or whatever you'd like.

1.Log in to your dashboard--> layout

2.Click on "Add a Gadget".

Now Select "HTML/Java Sricpt"

3.Copy and Paste below code into it.
<FORM action="mailto:[email protected]" method="post" enctype="text/plain"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="4" WIDTH="90%"><TR><TD width="30%"><DIV align="right"><B>Name:</B></DIV></TD><TD width="70%"><INPUT type="text" name="name" s…

High PageRank Do-Follow Forums List (606)

Besides from getting your answers to unanswerable queries, the good thing of do-follow forums is to create a good back links through their High Page rank pages on Google, creating your pointing to your site makes your blog grows faster in ranking,

Now a days it is very hard to find do-follow link website because they are making their site as no-follow, like the wiki, it is before a do-follow site but since many SEO experts use wiki as spam they control it and made it no-follow, so now I am giving you a list of do-follow and high ranking sites that you can use to make your blog popular.

Its your tactics on how to create your links on this site, but remember not to spam cause Google might hit you. :)

Here are the list enjoy

ForumPR1http://www.addthis.com/forum92http://chronicle.com/forums/83http://forums.myspace.com/84http://forum.joomla.org85http://forums.cpanel.net86http://forum.siteground.com87http://c7y-bb.phparchitect.com88http://forum.meebo.com89http://forums.mysql.com/710http://f…

How to Add Random Post Widget to blogger Blogs

Instead of creating new post everyday to reduce your bounce rate, many respected bloggers are suggesting to sell your old posts to readers. We all know that many of our posts are useful even time passed. today I am going to make a tutorial on how to add a beautiful random post and reduce your bounce rate also to promote your older posts

Hows Random Posts.
Doesn’t add load to your page loading
Shows the Name Of The Author.
Shows the number of comments.
Summary Showing Enabled.
CSS Added.
Hover effect for images. Installing It On Your Blog Go to blogger > Open layout tab
Now Add A new HTML/JavaScript widgetGive any title you want [ eg: Being Viewed, Recently Viewed, Now Viewing etc. Its up to you. ].
Now paste the code given below :  <style type="text/css"> .recent_post_content{width:100%;} .recent_post_content_item {filter: alpha(opacity=80);opacity: 0.8;} .recent_post_content img {width:45px;height:45px;background-position: center;margin:7px;padding: 2px;border:#888 solid th…