如何预加载整个网站的javascrip?

时间:2011-08-02 作者:Kreker

我不知道我是否处于正确的位置,因为这不是严格针对Wordpress的,我认为有人可以在不使用Wordpress的情况下从这个问题中获得一些好处,但在这种情况下,我正在使用它。

所以,我使用了一个修改过的主题,并启用了一些插件、旋转木马和其他奇特的东西。有些图形有问题,当我从远程主机调用站点时,它没有缓存,速度不快,因为它在localhost中,所以所有图像都是在同一个位置上一个接一个地预加载的,当JS准备就绪时,所有图像都会就绪,但当站点读取时,你会看到一团混乱。。。

这不像你想的那么好。。。

我的目的是在后台准备好站点时,实现“站点正在加载”脉动或进度条。

如何做到这一点?

1 个回复
最合适的回答,由SO网友:onetrickpony 整理而成

这不是一个好主意。如果你有这种行为,那么你没有正确地编码你的旋转木马/CSS。您应该隐藏包含它的元素,并在js挂钩中显示它。

但如果你真的想走自己的路,以下是方法:

标题。php:

...
<body <?php body_class(\'site-loading no-js\'); ?>>
  <script> 
     document.body.className = document.body.className.replace(\'no-js\',\'has-js\');
  </script>
...
CSS:

body.site-loading.has-js{
  background: #fff url(\'the/loading.gif\') no-repeat center center;
}

body.site-loading.has-js *{
  display:none;
}
javascript,假设jQuery:

jQuery(document).ready(function($){
   // do your carousel thing

   // should be last line
   $(\'body\').removeClass(\'site-loading\');
});
无需告诉您,在我给您的头代码之后出现的任何javascript错误都将使您的站点永远处于“加载”模式:)

结束

相关推荐

Performance on WPMS

我的WPMS站点托管在8核/32mb RAM服务器上,但响应时间非常长。我们有大约1000个博客(单个db上有35000多个表)和70000个页面浏览量。我认为我可以缩短响应时间,将具有更多页面浏览量的博客移动到单独的DB中,并使用hyper DB插件将所有博客拆分为每个DB 100个博客。你觉得怎么样?