一.页面优化常用工具
二.网站优化包含什么?
三. 页面优化主要方面
网站速度慢的原因?
1.网站慢的因素很多,
2.不同浏览器原因-客观
3.DNS原因-客观
4.地域问题-客观
5.页面html结构和布局 6. 图片太多,太胖
7.http请求数太多
8.JavaScript太肥
9.服务端处理太慢
10.网络原因
......
可用到的工具
-Firebug + Yslow + pagespeed
-Webpage test www.webpagetest.org
-DynaTrace 查看javascript,cpu占用等
-Firebug net Panel
-Chrome Developer Tools
-IE9开发者工具
-HTTPwatch
页面优化
1.减少HTTP请求数
2.减少交互通信量
3.合理并行加载资源
4.减少消耗
服务端优化
CDN
缓存
Gzip
减少DNS
响应速度
…
“主观”优化
目录优化
内容优化(灵魂)
体验优化
SEO
页面优化
一 减少HTTP请求数
1.合并能合并的文件
2.sprites(CSS,img)
紧凑的排列图片,颜色相似放在一起,不要留有空白,以减少体积,加快显示速度
3.删除重复脚本
浏览器不会忽略重复脚本,会再执行一次
4.Src值不能为空
二 减少交互通信量
1.压缩技术(JS,CSS,img,cookie)
CSS/JS--减少空白,增强逻辑性,用缩写方式,压缩
IMG—png8,压缩图片,不缩放图片
2.缓存技术(JS,CSS,ajax)
3.减少不必要通信
推迟加载(懒加载)/预加载
用GET方式进行AJAX请求
静态内容无cookie(如图片等)
4.优化DOM结构,降低信噪比
JS压缩与格式化
http://tool.chinaz.com/Tools/JsFormat.aspx
CSS压缩与格式化
http://tool.chinaz.com/Tools/CssFormat.aspx
图片压缩--图床 _
三 合理并行加载资源
- 慎用iframe
不被搜索引擎识别,空的iframe加载时会阻止内容加载 - CSS置于顶JS置于样式后
JS阻塞加载 - 分域
综合并行加载数,注意加载资源项的域名书写
四 减少消耗
1.避免使用CSS表达式
(expression方法。计算频度太高)
2.避免使用滤镜
(问题在于:代码维护量大,冻结浏览器,增加客户内存占用)
3.减少DOM访问
( JS访问DOM是很慢的,重新渲染
页面优化
对于页面:采用最优布局方式;优化DOM结构;减少iframe使用;推迟加载;预加载;
�对于CSS:把样式表置于顶部:避免使用CSS表达式(Expression);避免使用滤镜;使用外部CSS;削减CSS;合并压缩;�
对于Javascript:把脚本置于页面底部;使用外部JavaScript;削减JavaScript;剔除重复脚本;减少DOM访问;延迟执行;合并压缩;�
对于图片Img:PNG8;JPG;优化压缩;CSSsprites;IMGsprites;推迟加载;预加载;
推荐链接
http://www.cnblogs.com/wildweeds/archive/2010/06/12/web_performance.html
[汇总]Web前端优化
http://www.jb51.net/yunying/35105.html
优化DNS解析和拆分域名 让网站打开速度更快技巧
http://www.xiaohanseo.com/201004153.html
必须要了解的三个SEO基础知识
http://code.google.com/intl/zh-CN/speed/page-speed/docs/payload.html
PageSpeed