大型网站技术架构，4网站的高性能架构之Web前端性能优化

Posted 2022-10-02 wozixiaoyao

一般说来Web前端指网站业务逻辑之前的部分，包括浏览器加载、网站视图模型、图片服务、CDN服务等，主要优化手段有优化浏览器访问、使用反向代理、CDN等。

 

4.2.1 浏览器访问优化

1、减少http请求

 合并CSS、合并javascript、合并图片

2、使用浏览器缓存

对于更是频率低的资源，通过设置HTTP头中的Cache-Control和Expires属性，可设定浏览器缓存，缓存时间可以是数天，甚至几个月。

 

使用浏览器缓存策略的网站在更新静态资源时，应采用批量更新的方法，比如需要更新10个图标文件，不宜把10个文件一次全部更新，而是应一个文件一个文件逐步更新，并有一定的间隔时间，以免用户浏览器突然大量缓存失效，集中更新缓存，造成服务器负载骤增、网络堵塞的情况。

 

3、启用压缩

 

4、CSS放在页面最上面、Javascript放在页面最下面

 

5、减少Cookie传输

 

4.2.2 CDN加速

CDN(Content Distribute Network)本质仍然是一个缓存，而且将数据缓存在离用户最近的地方，使用户以最快速度获取数据，即网络访问第一跳。