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 Use Facebook, Disqus and Blogger Comment tab Together in Blogger Blogs

As writers of  blogs, we all are aware of the importance of comments. While it is true that some blogs/websites tend to disable comments entirely, those are special instances where the websites do not essentially require comments. However, in general, comments form an integral part of any blog, be it a personal one or a magazine site. After all, what good is any info unless it provokes a healthy discussion?

All blogging platforms (including WordPress) come with native support for some sort of comment mechanism which seems to suffice for most bloggers. But sometimes, users may require some dedicated or specialized comment mechanism. This is where third-party commenting systems come in handy. In this article, we will take a look at some of the major third-party commenting mechanisms

Disqus
Disqus is a mature comment management system and perhaps the most used amongst bloggers and website owners. Introduced back in 2007, it is currently serving more than 750,000 websites. According to a …

FIXED! Adsense Ads not Showing in Homepage of Blogs or Website

Problem Solved! have you experience your Adsense ads not showing on homepage? Ads are showing on other pages except for homepage, well just this week I had a hard time figuring out why my ads are not showing in homepage.

I have another blog that is using Adsense ads. After a day of fixing almost all my template errors still the Adsense ads are not showing so I tried to search for it on internet.

Some forums will tell you that it is about updating your privacy policy pages, well I did that also but there's no effect.

The solution is very simple just navigate to blogger setting or wordpress seo settings. I'm focusing on blogger since my blog is in blogger platform.




Go to Blogger settings ->> Search Preferences->> Enable search description. Click yes then put your sites description and save. That's it! reload and see the magic :D

Facebook Popup (Like Box Widget) With Time Delay

Facebook Popup Like Box Widget With Light box and Time DelayIf you are looking on how to increase your blog social media connection you can use widgets that will expose it to your reader. One of the best way is to use Facebook like box will pop up with the lightbox effect. This facebook pop up is not annoying because of its ability to detect its user cookies. It won't open when it is already closed. It has a time delay also to avoid visitors leaving your blog. Just set it in any way you want and increase your followers/likes easily.
Add Widget to Your Site Add the following code anywhere in any widget/HTML box.
Go To layout and add gadget--> HTML/JavaScritp Box Paste all the below code -> then save

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#…