web性能优化 页面性能优化小结
2016-08-23 17:57
288 查看
总览
HTML
缩减资源的大小
缩减首屏内容的大小
启用压缩功能
按视口调整内容尺寸
压缩HTML代码
避免meta设置字符集
HTML内嵌小资源
CSS
优化CSS发送过程
合并外部CSS
简化CSS
CSS移至头部
避免CSS
@Import
避免CSS表达式
优先主要CSS
JavaScript
移除阻止呈现的JS
合并外部JavaScript
延迟加载JavaScript
延迟解析JavaScript
简化JavaScript
避免document.write
图片
优化图片
使用CSS贴图合并图片
指定图片尺寸
其他
避免目标网页重定向
改善服务器响应时间
使用浏览器缓存
使用异步脚本
合并Heads
转换Meta标签
指定"Vary:
Accept-Encoding"标头
在服务器端指定字符集
去除错误的请求
启用Keep-Alive
删除静态资源查询字符串
最小化请求体积
HTML
缩减资源的大小
缩减首屏内容的大小
启用压缩功能
按视口调整内容尺寸
压缩HTML代码
避免meta设置字符集
HTML内嵌小资源
CSS
优化CSS发送过程
合并外部CSS
简化CSS
CSS移至头部
避免CSS
@Import
避免CSS表达式
优先主要CSS
JavaScript
移除阻止呈现的JS
合并外部JavaScript
延迟加载JavaScript
延迟解析JavaScript
简化JavaScript
避免document.write
图片
优化图片
使用CSS贴图合并图片
指定图片尺寸
其他
避免目标网页重定向
改善服务器响应时间
使用浏览器缓存
使用异步脚本
合并Heads
转换Meta标签
指定"Vary:
Accept-Encoding"标头
在服务器端指定字符集
去除错误的请求
启用Keep-Alive
删除静态资源查询字符串
最小化请求体积