1. 程式人生 > >css載入導致頁面先“樸素”後“華麗”的解決辦法

css載入導致頁面先“樸素”後“華麗”的解決辦法

1、應該將 CSS 放置於結構的上方(一般放置於 head 元素內)。CSS 是解釋型語言,Firefox 和 IE 在等待 CSS 傳輸完成之前不會渲染任何東西。只有將 CSS 前置,才可在瀏覽器解析結構時,對頁面進行渲染。

This causes the blank white screen problem. The page is totally blank until the stylesheet at the bottom is downloaded, on the order of 6-10 seconds for this page. The browser is waiting for the stylesheet to be loaded before it renders anything else in the page, even the static text.

導致的問題就是,頁面會有一段時間“樸素”,突然之間又“華麗”,使用者體驗很不好。

我希望頁面沒有“樸素”的時間,大腿們你們都是怎麼解決的?