原创

调优-Web访问速度综合优化方向

前端:
1、CSS、JS、HTML合并,减少Http请求
2、CSS、JS过滤掉换行和空格,JS代码混淆 (webpack打包自动处理)
3、优化图片像素大小 或者 针对不同的终端加载不同倍数的图片尺寸;尽量加载png;纯色或
者有规则图案的背景使用小图,采用background-repeat:repeat来填充整个父容器。
4、从封装的角度,减少CSS、JS中重复的代码。
5、DNS预获取 <link rel="dns-prefetch" href="//mm.jiangjiesheng.cn"/>

后端:
1、半分离模式,兼顾体验效果和加载速度
2、可静态化的组件或者页面就采用静态化
3、热点数据加入到缓存服务

运维:
1、动静分离配置,静态资源和后端服务部署在不同的服务器上
2、缓存有效期设置
3、开启gzip压缩
4、设置最大连接数和超时时间
5、CDN服务
6、负载均衡配置

......

正文到此结束
本文目录