浏览器首次启动时,CSS未完全呈现

时间:2013-05-12 09:37:11

标签: css browser rendering blogger

我有一个相对大量定制的Google Blogger博客模板here,但在首次启动浏览器(包括Chrome,IE10和Firefox 20)时,该网页似乎无法完全呈现。但是,如果您刷新页面或从其他页面登陆,则可以正常工作。有关屏幕截图,请参阅下面的评论。

我确实混合使用内联样式表,外部css文件,在<head>部分中声明的文件,以及一些甚至在<body>标记内的文件。我知道将<style>标记放在<body>内并不是一个好习惯,但Blogger似乎不允许我在<link>标记中包含博客帖子特定的css文件(即使使用<b:if>条件)。

我想知道上面的任何一个是否可能是我之前提到的渲染问题的原因?提前谢谢!

注意:要重现,您可能需要按照以下步骤操作:

  1. 访问我的网站:http://www.malaysiatraining.net/
  2. 保持标签打开并关闭浏览器。确保选中“打开上次使用”选项。
  3. 再次启动浏览器并注意CSS渲染效果。

1 个答案:

答案 0 :(得分:0)

我使用GTmetrix检查了您的网站并查看了时间轴标签,问题可能在于http://jotformpro.com/min/g=feedback2,它似乎位于以下小部件中:

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

我建议您临时删除该小部件,看看它是否会改善您网站的加载时间。

您可以看到GTmetrix完整的网站结果here