码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-09-05 13:31:22      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:代理   服务器   页面   视图   缓存   资源   cookie   本质   负载   

一般说来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)本质仍然是一个缓存,而且将数据缓存在离用户最近的地方,使用户以最快速度获取数据,即网络访问第一跳。

 

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

标签:代理   服务器   页面   视图   缓存   资源   cookie   本质   负载   

原文地址:https://www.cnblogs.com/wozixiaoyao/p/11465137.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!