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

Web前端优化

时间:2019-03-12 10:39:40      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:静态服务器   分发   客户   不同的   服务器   文件   版本   异步   cdn   

Web前端优化访问
1.网站动静分离 动静分离 动态的资源和静态资源分别部署到不同的服务器上,使用Nginx实现静态服务器,因为nginx实现静态服务器访问速度的效果比tomcat实现静态服务器访问效果好很多。
2.一定要使用浏览器缓存,客户端(浏览器)内置缓存技术,只要访问一次静态资源请求,都会缓存到本地客户端,304状态码 表示客户端缓存 一般服务器上线的时候 一定要在静态js、css资源后面加上时间戳,目的是为了防止发布版本与资源有冲突。
3.页面减少Http请求 合并CSS或者JS资源,JS或者CSS一定使用压缩技术。压缩文件变为.min
4.使用CDN内容分发,缓存静态资源(JS、图片、CS),让用户从最近的服务器访问,减少客户端与服务器端宽带传输速度。使用CDN可以配置压缩。 nginx 也可以配置。
5.前后分离技术。
异步化、ajax、vue

Web前端优化

标签:静态服务器   分发   客户   不同的   服务器   文件   版本   异步   cdn   

原文地址:https://www.cnblogs.com/ming-blogs/p/10514974.html

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