2013-05-12 55 views
0

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

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

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

注意:要重現,您可能需要遵循以下步驟:

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

查看樣本屏幕截圖這裏: 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

回答

0

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

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

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

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

+0

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

+0

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

+0

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

相關問題