CODEWITHSUNDEEP
csstwitter-bootstrap-3
CoderInside
CoderInside

Reputation: 473

css is late applied in FireFox, IE but not in Chrome

When page is loaded in FireFox and IE the text is plain and then css is applied. Around 400 ms latency. This is not happening in Chrome.

Using Bootstrap v3.3.7

Aside main-menu.

How can I fix this effect?

Upvotes: 1

Views: 1106

Answers (1)

JPeG
JPeG

Reputation: 821

You have render blocking elements in your HTML that are being loaded before the CSS is applied.

You should move all your JS to the BOTTOM of your page and make sure your CSS links are in your head.

If that does not work, take it one step further and pull out the CSS you need to render those items directly from your file and put it directly in your head. This is actually a known practice to make a page "appear" to load faster.

More info here:

https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-blocking-css

Upvotes: 1

Related Questions