我有一個想法，試圖讓我的網站加載速度更快，但我想知道它是否真的有幫助。可以加載一些CSS最後加快頁面加載時間？
我有一個用HTML，CSS，& jQuery製作的網站。它在桌面瀏覽器上運行良好，並且超級動態。不幸的是，它在移動瀏覽器上非常滯後。
這是我提出的HTML佈局模型。
報頭部分負荷
現在rapid.css文件將有隻有它的1/3的CSS。就在字體，基本體設置等
末段負載
的的main.css文件將包含我的CSS的其他2/3ds。這樣，網站在加載頁面的前幾秒內就不需要加載太多的CSS。
我的問題
將這個想法實際上使我的網頁加載速度更快，如果是這樣，纔有足夠的計數。
我該如何獲得這種快速加載功能？
爲了達到最快的結果：
CSS必須，必須先裝，內聯儘可能多的CSS，你可以，不要在HTML，但在頭部分內嵌了。這是快速持續加載css的最快方法。
Bootstrap非常笨拙並且超過1個額外的服務器請求，如果可以的話，完全放棄它，如果沒有的話，哦，具有外部文件的css，jQuery之後的jQuery。
在頭部沒有JS文件（除了modernizr，如果使用的話），將jQuery鏈接放在關閉body標籤之前。 Jquery必須是要加載的第一個文件，然後可以在body和html結束標記之後內聯bootstrap js，「main」js或jQuery代碼。
至於字體，我會盡量遠離使用它們，如果性能是目標。歷史上，瀏覽器在加載字體之前不會呈現文本。
有一種方法可以使用JS承諾來首先加載標準字體，並將其顯示出來，然後再加載呈現的選擇字體。
但是，這隻能在Chrome和FF上運行，可能是MS Edge，但所有其他和esp手機都有FOUT。
您也可以將所有CSS連接成一個文件，但如上所述，在頭部內嵌的內容最快。只要小於4kb，這似乎是突破點。
哦是的，推遲加載或延遲加載圖像，如果你有超大圖像，加載它們谷歌在搜索結果中做的，最初有一個模糊的小圖片。
有很多規則/提示可以提高速度。他們中的一些：
一些資源：
這是不太可能有任何區別。實際上，如果CSS加載/渲染時間是CSS的硬件加速，那麼「滯後」的來源會讓我感到非常驚訝。您需要調查究竟是什麼導致問題，並從那裏去。 –
關於如何調查原因的任何建議？ – Jacob