存档

文章标签 ‘js’

jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果

2010年5月4日 56 条评论 9,906 views

看到Louis Han的博客有个图片随滚动条渐显的效果,感觉既华丽又能节省资源,一举两得,于是就开始研究。

通过查看其源代码以及google搜索知识,初步搞明白了,它是通过一个js来实现的,下面就来介绍一下:

特效优点:

  1. 加速wordpress站点的页面载入速度;
  2. 不唐突的图片渐显方式;
  3. 代码精简,便于操作维护,JS代码仅仅 1.6KB  先决条件是:你的站加载了 Jquery.js

阅读全文…

分类: Web 标签: , ,

CSS,JS缓存插件-加快页面加载速度

2009年9月6日 没有评论 535 views

这是是在原版的技术上加强版的缓存插件,主要缓存css,js,图片。

现在的页面一般采用Div+Css的形式,页面不大,css和Js占了很大的比重,因此把这部分压缩传送就可以大大加快页面的打开速度,现在99%以上的浏览器支持压缩,所以为这个提供了可行性。
说明:
1,在服务器缓存了压缩过的文件,再次访问减少再压缩时间,降低CPU占用率。
2,通过设置客户端文件缓存时间,降低再次请求次数,可降低85%以上。
3,图片因为已经是压缩格式,只是设置客户端缓存时间,不做压缩处理。

使用方法:
1,服务器必须支持gzip,Rewrite功能。
2,在。htacess文件的“RewriteBase /”下面一行添加
RewriteRule (.*.css$|.*.js$|.*.jpg$|.*.gif$|.*.png$) gzip.php?$1 [L]
3,上传gzip.php到根目录
4,在根目录建cache文件夹,保证可读写。
OK
gzip.rar

分类: Web 标签: , ,