给wp安装Lightbox 2后会增加图片显示的漂亮功能。但是启用这个插件默认会载入四个 js ,分别是
/wp-includes/js/prototype.js(121KB)/wp-includes/js/scriptaculous/wp-scriptaculous.js(2.6KB)/wp-includes/js/scriptaculous/effects.js(38.1KB)/wp-content/plugins/lightbox-2/lightbox.js(20.8KB)
就为了这个华丽花哨的图片效果,就要载入近 200KB 的 js 文件,值得么?访客愿意花上好几秒钟先把这四个 js 加载完毕再等待正文的出现么?所以我的做法是直接把 Lightbox 2 禁用,当然,假如你非得使用,那么,请把上述四个 js 文件放到 footer.php。
除了必要的几个需要加载在头部的文件(比如 css ),其余的实际上都可以放在底部,这样不但美观,而且 js 放在底部是不会影响整个网站的,在整个网页加载完毕以后照样完整显示效果,当然,这里必须注意次序问题,有些 js 的次序千万别颠倒,否则就没法使用。
你的服务器带宽再怎么好,总比不上 Google 吧?所以,个人用户推荐把一些 js 文件直接放在 http://code.google.com/ 当中,比如,你很想使用 Lightbox 2,那么我已经帮你上传好这四个 js ,先把header.php 里的 <?php wp_head(); ?> 删除,再向footer.php的 </body> 前插入
<script type=’text/javascript’ src=’http://showfom.googlecode.com/files/prototype.js?ver=1.6′></script>
<script type=’text/javascript’ src=’http://showfom.googlecode.com/files/wp-scriptaculous.js?ver=1.8.0′></script>
<script type=’text/javascript’ src=’http://showfom.googlecode.com/files/effects.js?ver=1.8.0′></script>
<script type=’text/javascript’ src=’http://showfom.googlecode.com/files/lightbox.js?ver=1.8′></script>
删除了<?php wp_head(); ?> 这个东东,将意味着所有插件的js和css都不能自动加载,顺手再把其他的js都手动加到header或者footer里吧。另外建议把插件的css全部整合到theme里的style里,这样也可以提高网页的加载速度。Lightbox 2 插件的css整合后,记得把插件里的images也移动到你的主题文件夹下。






发布不了评论?
我晕啊打了那么多字 发不了。。。我气死了/