How to prevent gradual loading of css in WordPress
1. wphold.com http://wphold.com/how-to-prevent-gradual-loading-of-css-in-wordpress/
How to Prevent Gradual Loading of CSS in WordPress
Do you Know? Reading this Post will take around 1 minute
You must have observed when you open a website, it takes few gradual steps before it completely loads. I mean,
initially you may see a different appearance and it will then suddenly changes to another.
It happens due to gradual loading of stylesheet(.css) file. If font for h1 heading was ‘Verdana’ in initial part of the
stylesheet and then it was changed to ‘Tahoma’ at the very last line of stylesheet then users will first see all h1
headings in ‘Verdana’ and then ultimately changing to ‘Tahoma’.
I have observed this phenomenon even on famous websites too, but personally, I hate to spoil my visitor’s
experience. It gets even more pronounced if you are on shared hosting.
Appearance of your webpage flickers when you have messed up your stylesheet.
When I was optimizing wpHOLD.com, I spent some time playing around my .css files but I could not completely
resolve this issue. I could have done it but it was taking more time than I could spare.
I then started searching for a plugin in WordPress repository. After having tried few, I settled with Loading Page with
Loading Screen. Plugin is written by CodePeople and premium version is available for $19.It is a smart, sleek and
efficient plugin. There are few limitations with free version but it is what I was exactly looking for.
2. What Loading Page with Loading Screen does is, it pre-loads everything in the background while showing a
customizable screen with progress bar on it. When all resources are loaded, webpage is rendered at once. It has lot
of room for customization like custom progress bar and animations.
Loading Page with Loading Screen Pre-Loads resources to speed up webpages.
Navigate to any other page on this blog and you will see a loading progress bar. It is courtesy of Loading Page with
Loading Screen. Here is a screenshot.
Let me know if you have a better idea or a plugin to resolve gradual loading of webpages. I would love to hear about
it.