瀏覽器第一次啓動時CSS沒有完全呈現

我有一個相對大量定製的Google Blogger博客模板here，但該頁面在第一次啓動瀏覽器（包括Chrome，IE10和Firefox 20）時似乎並未完全呈現）。但是，如果刷新頁面或從其他頁面着陸，則它可以正常工作。有關截圖，請參閱下面的評論。瀏覽器第一次啓動時CSS沒有完全呈現

我確實有內聯樣式表，外部css文件的混合，這些文件在<head>部分中聲明，還有一些甚至在<body>標記中聲明。我知道將<style>標籤放入<body>並不是一個好的做法，但Blogger似乎不允許我將標籤（即使使用<b:if>條件）包含在博客帖子特定的css文件中。

我不知道上述任何一個可能是我前面提到的渲染問題的原因嗎？提前致謝！

注意：要重現，您可能需要遵循以下步驟：

到我的網站：http://www.malaysiatraining.net/
離開標籤中打開並關閉瀏覽器。確保選中「打開上次使用的」選項。
再次啓動瀏覽器並注意CSS渲染效果。

來源

2013-05-12 Antonio Ooi

查看樣本屏幕截圖這裏： 1當瀏覽器首次推出]（https://lh6.googleusercontent.com/-VvdqjLtGeWo/UY9q_d59KyI/AAAAAAAAE7k/SC6LYEY9FoQ/s500/after-refresh.jpg） 2後刷新頁面]（https://lh4.googleusercontent.com/-TsLLb_AFImM/UY9q_gMSjjI/AAAAAAAAE7o/ZxUywFkQFrQ/s500/before-refresh.jpg） – 2013-05-12 10:21:58

我自己的網站利用GTmetrix來看，在時間軸標籤檢查，問題可能在於http://jotformpro.com/min/g=feedback2這似乎是位於以下部件：

<div id="HTML6" class="widget HTML">

我建議你，窗口小部件暫時刪除看看它是否改善您的網站的加載時間。

您可以看到GTmetrix完整的網站結果here。

來源

2013-05-13 08:58:16 user850010

感謝您使用GTmetrix進行檢查和分析！我會嘗試一下，再次回到你身邊！ – 2013-05-13 14:58:53

我已經刪除了'http：// jotformpro.com/min/g = feedback2'，並用他們最新推薦的網址替換：'http：//cdn.jotfor.ms/static/feedback2.js？3.1.2625'。我不能刪除Jotform，因爲它是我業務的核心部分。此外，我還修復了GTmetrix推薦的一些圖像尺寸。這個問題現在似乎已經解決了。非常感謝！ – 2013-05-13 15:58:04

你也可以在「5個必修課」部分製作單獨的縮略圖。目前它們非常大（250x250，但顯示尺寸縮小4x）。 – user850010 2013-05-13 20:52:56

瀏覽器第一次啓動時CSS沒有完全呈現

回答

相關問題