`
stevencage
  • 浏览: 10451 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

网站页面性能优化

web性能优化 
阅读更多

1.尽量减少http请求次数
合并js,css文件
利用CSS Sprites减少图片请求


2.减少DNS查找次数
使用DNS缓存服务器
减少主机名数量（可能会影响并行下载效率）


3.避免重定向
减少使用重定向
URL末尾有斜杠（/）却被忽略掉时，实际返回的是一个301代码的跳转，可以通过服务器rewrite避免

4.减少DOM元素数量
精简页面元素


5.图片，脚本多域名
image[1-5]?.suning.cn    图片
script.suning.cn    JS/CSS/CSS脚本

实现并行下载


6.减少iframe
<iframe>优点：
解决加载缓慢的第三方内容如图标和广告等的加载问题
Securitysandbox
并行加载脚本
<iframe>的缺点：
即时内容为空，加载也需要时间
会阻止页面加载
没有语意


7.使用CDN
减少网络消耗，拉近用户与服务器距离，加快下载速度


8.为文件头指定Expires或Cache-Control
对于静态内容：设置文件头过期时间Expires的值为“Neverexpire”（永不过期）
对于动态内容：使用恰当的Cache-Control文件头来帮助浏览器进行有条件的请求


9.使用GZIP压缩


10.CSS样式表置于顶部

CSS置于顶部避免出现白屏加速页面展现


11.js懒加载
js懒加载可通过动态在<head>标签中生成<script>标签的方式


12.图片懒加载

不直接展示的图片首次不加载，用户切换TAB，滚动屏幕时动态加载图片

通过修改<src>标签为<src2>,需要加载图片时更改为<src>的方式


15.压缩js和css
常用工具YUI Compressor，JSMin


16.剔除重复脚本
重复脚本IE中会产生不必要的HTTP请求，Firefox中不会


17.减少cookie体积
一方面减少cookie，另一方面由于cookie作用域通常设置在二级域名，加载图片，脚本时如果服务器域名相同可能会在请求中附带cookie，解决方法是静态资源使用无cookie的域名

分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics