页面打开速度是增加用户访问和用户黏度的一个重要方面,那么怎么使站点,页面加载的更快那, 首先看一下加速站点的13条军规 by Yahoo!
The Importance of Front-End Performance 前端表现的重要性
Best Practices for Speeding Up Your Web Site 加速网站的最佳办法
Make Fewer HTTP Requests 更少的http请求
Use a Content Delivery Network 使用CDN (内容分发网络)
Add an Expires Header 指定过期时间
Gzip Components 压缩结构
Put Stylesheets at the Top 样式表文件在顶部
Put Scripts at the Bottom 脚本在底部
Avoid CSS Expressions 不在css中使用表达式
Make JavaScript and CSS External 将javascript和css文件分离到单独的文件
Reduce DNS Lookups 减少dns查询
Minify JavaScript 精简javascript
Avoid Redirects 避免重定向
Remove Duplicate Scripts 去掉多余的脚
Configure ETags 配置实体标签
Make Ajax Cacheable可缓存的ajax
(原文来自:http://developer.yahoo.com/performance/rules.html)
通过以上规则总结了下面一些页面优化方法:
减少页面DOM数
压缩js代码
将外部css/js进行合并或展开
二屏一下图片进行延时加载,页面滚动到图片上400像素时请求图片
切换层内容使用textarea标签括起来,在鼠标悬停在切换层时加载。
页面中调用的图片放在不同的域名下(防止浏览器同域名并行限制,还有Cookies原因)。
图片必须以原始尺寸显示,不能用代码放大或缩小尺寸,不仅显示效果不好,而且图片大小没变,速度也不行
除了以上性能的优化,还可以做用户感受的优化,比如表单输入,在按下tab 键时必须进入下一输入框;下拉列表、单选、多选、文本框,必须可以回显;权限验证必须由表及里;没有背景图的模块,都需要加同样背景颜色,防止图片加载不了;增加链接触发点击的链接范围;在系统中不要使用机器语言。
可以通过频道历史快照系统监测和优化频道内容的更新。大家还可以使用YSlow或PageSpeed的前端优化工具对页面进行分析。