how to fix the running order between html and css files?

Question

I have placed the css links into a separate page and include the page into the html file, in running time the html shows without the css design for 1 second then the page load correctly.

I am using Atom application and Laravel framework. I have reformat the css by removing the unnecessary lines and merge the codes in one line.

Possible duplicate of [Force browsers to load CSS before showing the page](https://stackoverflow.com/questions/4172281/force-browsers-to-load-css-before-showing-the-page) — rb612, Apr 28 '19 at 10:33

score 0 · Answer 1 · answered Apr 28 '19 at 10:32

0

In order to load the css styling before the html, you have got to include the css file in the header of the html.

answered Apr 28 '19 at 10:32

Kais Ben Daamech

112
8

Yes, true, except OP could still be doing this and the styling could be applied after the initial DOM render. – rb612 Apr 28 '19 at 10:33
Please check out the link in my comment on the original post. – rb612 Apr 28 '19 at 10:51
@rb612 the link you provide, solve the problem by only hiding the html file by a background color for awhile until css load. – Fatimah Mohmmed Apr 28 '19 at 11:43

how to fix the running order between html and css files?

1 Answers1