Blog

Web 性能优化实践

网站性能优化的 6 个方向:HTTP 请求、资源压缩、图片优化、CDN、重绘重排、JS 代码优化

性能优化

网站性能优化

  1. http 请求方面,减少请求数量,请求体积,对应的做法是,对项目资源进行压缩,控制项目资源的 dns 解析在2到4个域名,提取公告的样式,公共的组件,雪碧图,缓存资源

  2. 压缩资源,提取公共资源压缩,提取 css ,js 公共方法

  3. 不要缩放图片,使用雪碧图,使用字体图表(阿里矢量图库)

  4. 使用 CDN,抛开无用的 cookie

  5. 减少重绘重排,CSS属性读写分离,最好不要用js 修改样式,dom 离线更新,渲染前指定图片的大小

  6. js 代码层面的优化,减少对字符串的计算,合理使用闭包,首屏的js 资源加载放在最底部