1. 首頁
  2. 問答
  3. 在html頁面加載時CSS延遲1秒？

在html頁面加載時CSS延遲1秒？

2013-02-17 550 views
2

我一直在嘗試製作一些html和css頁面。每次當我加載一個頁面。它總是給我大約半秒鐘的HTML頁面，而沒有CSS風格。任何人都知道爲什麼發生這種情況以及如何解決它？提前致謝。在html頁面加載時CSS延遲1秒？

解決：感謝球員，我只是把我的jquery放在底部，它解決了這個問題。

來源

2013-02-17 tipsywacky

+0

什麼瀏覽器？他們大多提供一些計時工具來顯示發生了什麼。 – leppie 2013-02-17 08:22:03

+3

這可能會發生，因爲css文件，加載速度不夠快。在頁腳中使用jquery並將主樣式表保留在任何其他樣式表之上 – Shail 2013-02-17 08:22:21

+0

可以請你從html頁面發佈一些代碼，html文檔中引用的css在哪裏？還有多大的CSS文件？ – Judo 2013-02-17 08:22:26

回答

6

我建議如下： -

  1. 從頭部取出所有jQuery和它放置在頁面的底部。

  2. 從編碼中刪除多餘的空白。

  3. 減小圖像文件的大小。

  4. 儘量將多個腳本合併爲一個腳本。

  5. 刪除任何不必要的元素。

  6. 將所有樣式表合併爲一個文件 - 較小的文件，較短的響應時間和較快的加載時間。

  7. 優化您的背景圖片或您在頁面上使用的任何圖片以加快載入速度。

  8. 最後使用Gzip來縮小JS，CSS和HTML。切勿在圖像，視頻和PDF中使用它 - 不會做任何額外的壓縮，但可能會增加尺寸。

來源

2013-02-17 08:31:58 Shail

1

在文檔的HEAD元素中只有一個LINK元素或SCRIPT元素將防止未格式化內容的閃爍。

來源

2013-02-17 08:24:52 Floris

4

別人誰有同樣的問題，在我的情況的延遲是從文本輸入autofocus=""屬性 ，所以我刪除了，問題解決了！

希望能幫到

來源

2017-10-03 09:40:40 Nobody8

+0

誰會想到這個？你的建議解決了我的問題。謝謝。 – alexandrudicu 2018-01-27 00:09:11

相關問題

 相關問題