在html之前預加載css

我正在將css樣式表應用於SharePoint中的某些wiki頁面。我的問題是，有時，頁面的內容顯示沒有任何格式，約一秒後，下載和應用CSS。在html之前預加載css

我想通過在呈現HTML內容之前預加載css來避免此問題。臨時的「加載內容...」圖片也可以做到這一點。有什麼辦法可以做到嗎？

我正在使用內容編輯器將txt文件與css代碼鏈接起來（爲了更容易維護，我無法在所有頁面中添加代碼）。

在此先感謝。

2013-10-21 garfield185

嗯你有CSS的頂部的HTML鏈接？如果是這樣，這是一個非常奇怪的結果，你總是可以說'body {display：none;}'並且使用jQuery使body顯示塊在DOM加載的時候.. – jycr753

或者你可以將所有的CSS內聯到頭部，所以它會在body之前同步加載，但是這會減慢頁面加載速度，因爲CSS不會被緩存，也不會被加載到parellel中。 –

jycr753我無法在html的頂部添加鏈接，安全限制刪除所有鏈接。這就是爲什麼我使用鏈接到該文件的內容編輯器。但是，內容編輯器似乎在HTML呈現後加載內容。這是不可見的，但有時這個CSS下載需要更長的時間，你可以看到未格式化的文本。 mas.morozov，我沒有頭部，我正在編輯wiki頁面中的內容。謝謝你的意見 – garfield185

您可以使用內聯式的loader-div。例如：

<div style="position:absolute; top:0; left:0; width:100%; height:100%; background:#fff">

該塊會隱藏內容。然後你必須在頁面加載事件中用JS函數隱藏這個div。

來源

2013-10-21 08:16:33 Anon

職位：絕對* – Choinek

是的，謝謝。改變:) – Anon

我明白這個想法，我認爲這是完美的。但是，我無法設法隱藏div，即使我的javascript中的其他代碼正在執行。我將loaddiv id應用於div。我在添加： 'var hideloaddiv = document.getElementById（「loaddiv」）; hideloaddiv.display ='none';' – garfield185

我通過一個慢速的網絡主機上的客戶端，並且實際上發現他們最好是壓縮/連接css並確保圖像是合適的大小。類似CSSTidy的效果很好。

來源

2013-10-21 08:36:09

謝謝傑森，這是一個很棒的計劃，我相信它會有很大的幫助。但是，在這種情況下，我導入了一個2kb的樣式文件，所以我真的不認爲它會有所作爲。這不是下載時間的問題。再次感謝你。 – garfield185

在html之前預加載css

回答

相關問題