网站在 CSS 之前加载 HTML？没有使用@import答案

【问题标题】：Site is loading HTML before CSS? No @import is being used网站在 CSS 之前加载 HTML？没有使用@import
【发布时间】：2014-02-28 15:46:35
【问题描述】：

每次我进入网站并且 CSS 没有被缓存时，它都会发生几分之一秒。

这里是链接：

http://69.89.31.88/~intrasc1/index.php

我所有的 CSS 文件都使用了链接标签，这在我从 joomla 1.5 升级到 2.5 后就开始发生了。模板也是 1.5 的，我也升级了。

【问题讨论】：

我很难在这里看到问题。我查看了浏览器控制台，并没有看到在 CSS 之后加载的 HTML。
我觉得很好，你有没有在不同的浏览器中尝试过，看看是否得到相同的效果？
你试过强制刷新吗（CTRL + F5 on win）？可能是您的页面的一部分在升级之前被缓存了。

标签： php html css joomla

【解决方案1】：

你在那里有一个非常不寻常的设置。除了 livezilla 跟踪和谷歌分析之外没有脚本。赞一个。

最后加载的样式是http://www.intras.com.do/livezilla/templates/style.css，并导致闪烁效果。但是该脚本不在您的标记中，也不在其他 css 文件之一中的任何 @import 中。

只剩下一个可能的原因：“livezilla - tracking”脚本。如果你打开它，这里是 css 的包含：

if(lz_overlay_chat_available)
{
    createCSSCheck("csschkoc");
    LazyLoad.css(lz_poll_server + "templates/overlays/chat/style.css", function (arg) {}, '');
...

动态加载

http://www.intras.com.do/livezilla/templates/style.css

要解决此问题，只需将此样式包含在模板标题中，或使用$document->addStyleSheet($url) 添加即可。

既然您已经对网站进行了很长的优化并删除了所有脚本，为什么不以此为契机采取最后一步，将所有 css 文件合并并压缩为一个文件？

【讨论】：