Skip to content Skip to sidebar Skip to footer
Home / Css / Html

1 Second Of Delay Of Css On Html Page Load?

Post a Comment
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 w

Solution 1:

for others who have the same problem, in my situation the delay was from autofocus="" attribute in the text input, so I removed that and the problem solved!

hope this helps

Solution 2:

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 .

Solution 3:

Just one LINK element or SCRIPT element inside a document's HEAD element will prevent a flash of unstyled content.

Solution 4:

Put a script tag with 0 inside the head

<head><!-- Other head stuff ... --><script>0</script></head>

Post a Comment for "1 Second Of Delay Of Css On Html Page Load?"