0

我为一个朋友构建了这个 WP 主题（我知道有一些明显的样式问题，这些问题需要处理），但我的问题是让包装器在任何页面元素之前加载......

http://www.touchlinetalk.com

如果您加载或重新加载页面，您会注意到徽标和一些广告在背景空白之前加载？如果首先加载背景空白，然后再加载其他元素，则该网站看起来会更干净/整洁/现代。

我已经尝试指定高度和其他一些我认为会起作用的东西，但没有骰子 - 我似乎无法让它像我想要的那样表现。我觉得这是一个初级问题，一个我想不通的基本问题……

有什么帮助吗？

4

2 回答 2

0

如果你会考虑 jquery 那么你可以试试这个：

首先隐藏您的内容，该内容由#bound div 使用您的css 包装

#bound{
 display:none;
}

并让系统等待 2 秒，直到 BG 包装器完全加载

<script>
 setTimeout('show_content()', 2000);
 function show_content(){
     $("#bound").fadeIn();
 }
</script>

您可以通过更改 setTimeout 时间值来延长显示整个内容的秒数

于 2012-10-15T15:02:19.920 回答
0

我不知道你是否能够解决这个问题，当然不容易。您的页面加载正确，图像是请求的第 8 个资源（如HttpFox所示）。一个网站基本上是按顺序逐行解析的。您的站点正在加载 HTML，然后是样式表、几个资源，同时样式表正在下载和解析（我的解释），然后是您的背景图像。你的图片很大，每次在webpagetest.org上的测试需要12秒下载你不能真正让图片在下载之前显示出来，老实说，你真的想让人们等待12秒才能看到任何东西，即使你可以？图像是装饰。这并不重要。你真的想失去流量吗？

不过，您可以做一些事情来提供帮助。首先，该图像是巨大的。你有什么办法可以减少它的大小吗？我的意思是，为什么图像中心的所有空格？您只使用外部边缘。其次，鼓励缓存。把它放在你的.htaccess文件中。

<FilesMatch "\.(ico|jpg|jpeg|png|gif|swf)$">
    ExpiresActive On
    ExpiresDefault "access plus 2 weeks"
</FilesMatch>

另外，如果您想检查一下，我还发布了有关缓存的另一个主题。

编辑：

好的。看起来你有许多内联加载的脚本，比如这个<script type="text/javascript">var vclk_options = {sid:64560,media_id:1,media_type:1,version:"1.3"};</script>...在里面加载的脚本<div id="headAdvert">。这些内联脚本将“阻止”您的页面加载，直到它们完成。您将不得不在页面内容之后加载这些内容以防止这种情况发生。那些广告服务器没有您可以使用的异步脚本吗？像这样的东西？

于 2012-10-15T14:42:16.383 回答