2019独角兽企业重金招聘Python工程师标准>>>
页面中最好不要有js片段,合并多个js为一个js,并将js压缩 (百度搜索,有在线js压缩、解压缩工具),并放在文档底部
页面中最好不要有css片段,合并多个css,并将css压缩(百度搜索,有在线css压缩、解压缩工具)
- html内容压缩,一般可节省30%以上(百度搜索,有在线html压缩、解压缩工具)
使用浏览器缓存技术,减少再次请求数量
背景小图片使用css偏移技术,减少请求量
图片使用单独域名请求,比如主域名使用www.aixinwen.cn,图片调用域名启用二级img.aixinwen.cn。因为浏览器并发请求有限制,一般是并发7-10个;如果主站cookie启用了顶级域名,比如aixinwen.cn,即使使用二级域名img.aixinwen.cn,还是会发送简短的cookie,如果访问量大,cookie发送量还是不容小觑,这时候就应该启用一个cookie无关的域名,比如www.axwimg.cn,来存放不需要cookie的静态资源(比如css,图片,js等)。
页面有多张图片,采用js懒加载技术
首屏加载速度对于用户体验很重要,有必要的话,重构页面,首屏dom先加载
优化速度是有指标可以衡量的,比如首屏加载及渲染时间,整个页面加载和渲染时间,可以用基调网络的webwatch来看,免费的,可以在这里下载http://www.networkbench.com/download/NBSetup.exe
里边包含了webwatch,安装后在“开始”菜单里可以找到