闲云野鹤博客

虽然几天没有更新文章,但是我还是在一直折腾我的博客!前段时间是折腾功能,这段时间是优化代码,修改bug!没事去Heson的博客看了看,发现他用了一个谷歌浏览器不错的插件Monster!看看插件的介绍:Monster是Alipay UED推出的网站代码分析、质量检测及评分的浏览器扩展.智能分析CSS、JS、HTML内容,生动形象展示网页得分情况(类似YSlow).

先分析下我的博客,哇,50分,太低了,不及格!看了看一些优化的技巧:
1.压缩js代码.
2.压缩css代码.
3.修改错误.
4………

OK,就按照上面说的优化吧,终于及格了!

外部Script文件达到了 7 个,请限制在 3 个以内.
外部 StyleSheet 引用达到了 5 个, 应当限制为 2 个以内.
html 文档没有压缩或压缩力度不够.

第一个,第二个,都是插件惹的祸啊,没办法去掉.
第三个,我已经用gzip压缩了,但是还是说我压缩力度不够!

再看看我的那个wordpress box吧,不愧是willin大师的主题,分数很高!

这两天还要靠yslow来帮我检查网站,查了查一些知识,以备我最近使用!
1. Make fewer HTTP requests 尽可能少的http请求.

2.Use a CDN ,CDN的全称是Content Delivery Network,即内容分发网络.其目的是通过在现有的Internet中增加一层新的网络架构,将网站的内容发布到最接近用户的网络”边缘”,使用户可以就近取得所需的内容,解决Internet网络拥挤的状况,提高用户访问网站的响应速度.从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均等原因所造成的用户访问网站响应速度慢的问题.

3. Add an Expires header 设置过期的HTTP Header.设置Expires Header可以将脚本, 样式表, 图片, Flash等缓存在浏览器的Cache中.

4. Gzip components 对我们的页面内容进行Gzip格式的压缩,Gzip格式是一种很普遍的压缩技术,几乎所有的浏览器都有解压Gzip格式的能力,而且它可以压缩的比例非常大,一般压缩率为85%,就是说服务器端100K的页面可以压缩到25K左右的Gzip格式的数据发给客户端,客户端收到Gzip格式的数据后自动解压缩后显示页面.

5. Put CSS at the top 把CSS外部链接放到页面的顶部.其实这个原则我们一般都遵守的,如果把CSS外部链接作为逻辑的一部分出现在页面头部以下,我个人觉得这个本身就是个错误.

6. Put JS at the bottom 把Javascript脚本尽量放到页面底部加载.其实很简单,为了实现最大的下载并行,页面加载初期做的事,最好只有下载,HTML的下载,CSS的下载,JS的下载,等下载完成后再去实现页面渲染,JS脚本运行.

7. Avoid CSS expressions 避免CSS表达式.其实在CSS中运行表达式和页面加载中运行大量的JS脚本差不多,或许还更慢,而且还不兼容,虽然可以使我们在页面逻辑简单不少,但是我们完全可以抛弃之.

9. Reduce DNS lookups 尽可能少的DNS查找.

10. Minify JS 对Javascript 代码进行压缩.

11. Avoid redirects 避免重定向(跳转).

12. Remove duplicate scripts 去除重复的脚本.

这个其实没有什么好说的,大家都应该毫无条件的去遵守,但是越是明显,越是简单的事,我们往往会做不好,当然,很多理由的,项目时间太紧张了等等,导致代码很乱,很多重复的地方.

13.Configure ETags 这个好像是服务器端配置的问题.

好了,暂时先整理这么多吧,优化的道路还很长!