tipsywacky tipsywacky - 3 years ago 230
CSS Question

1 second of delay of css on html page load?

I have been trying to make some html and css pages. Every time when I load a page. It always give me about half a second flash of the html page without the css style. Anyone know why that happens and how to fix it? Thanks in advance.

Solved: thanks guys, I just place my jquery at the bottom and it fix the problem.

Answer Source

I would suggest the following :-

  1. Remove any jquery from header and place it to the bottom of the page .

  2. Remove excess white space from your coding.

  3. Reduce the size of your images files.

  4. Try to combine many scripts into one if possible.

  5. Remove any unnecessary elements .

  6. Combine all style sheets into one - lesser files , lesser response time and faster loading time.

  7. Optimize your background image or any image you are using on the page for faster loading.

  8. In the end use Gzip to minify JS , CSS and HTML . Never use it on images,videos,pdf's - wont do any additional compression ,but might increase the size .

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download