从哪些方面对网页进行优化?
APP和官网在手机上访问很慢,wifi网络下,手机浏览器渲染页面需要2-3s,用户体验不好,所以从网上找了几个网页测试工具,在此分享下。
1.奇测网-http://ce.cloud.360.cn
优化参考:
a.减少请求次数 - 合并图片、CSS、JS,改进首次访问等待时间, JS、CSS文件越少越好,最好一个JS文件,一个CSS文件,小图片尽可能拼在一起
b.使用长连接 (keep alive) - 服务器开启长连接后针对同一域名的多个页面元素将会复用同一下载连接(socket)
c.设置页面内容具有缓存性 - CSS、JS、图片资源都应该明确的指定一个缓存时间,避免了接下来的页面访问中不必要的HTTP请求
d.开启GZIP压缩
e.把JS文件置于页面底部,防止js加载对之后资源造成阻塞
f.去除CSS和JS文件中不必要的字符,减少文件大小从而节省下载时间
g.保持coockie尽可能的小以减少用户的响应时间十分重要
h.使用CDN(Content Delivery Network,内容分发网络)或外链可以优化网站访问速度
2.Pagespeed insights - chrom插件
运行一直出不来分析结果,放弃了
3.Load Impact - http://loadimpact.com/
需要注册才能看到详细的分析报告
4.Gtmetrix - http://gtmetrix.com/
是国外一个老牌的网页性能测试网站, 比较推荐这个
5.17ce - http://www.17ce.com/
6.Webkaka网站 - http://www.webkaka.com/
是一个比较老牌的网站速度测试网站了,网站功能比较齐全,包括网站测速、压力测试、ping测试、DNS查询等等,网站测速分为国内节点和国外节点,国内又可以分为移动、联通、电信等线路统计数据。
7.WebPagetest - http://www.webpagetest.org/
是国外一个网站速度测试平台,支持选择测试地点和浏览器种类的网站速度测试工具