Shulou(Shulou.com)06/03 Report--

This article will explain in detail why you put css on the top, the content of the article is of high quality, so the editor will share it with you for reference. I hope you will have a certain understanding of the relevant knowledge after reading this article.

Reason:

On the one hand, the CSS file is placed at the top because the order of placement determines the priority of the download, and more importantly, the rendering mechanism of the browser.

Ideally, we want the browser to gradually render the downloaded CSS and gradually present the page to the user. However, in order to avoid re-rendering the elements of the drawing page when the style changes, the browser will block the gradual rendering of the content, and the browser waits for all styles to load before rendering the page at once.

In this way, if the CSS file is placed at the bottom, the browser prevents the content from gradually rendering, and the browser will appear a "white screen" while waiting for the download of the last css file to be completed (a white screen when the connection is newly opened, followed by text, pictures, and styles). This is very serious, because in the case of very slow Internet speed, the css download time is relatively long, so it takes a long time to bring "white screen" to users, and the user experience is very poor.

About why put css on the top to share here, I hope the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.