web性能优化一
来源:互联网 发布:淘宝网二手摄像头 编辑:程序博客网 时间:2024/06/14 16:52
web性能优化对于任何大型项目都是必不可少的一环,那么如何做好web端的性能优化,从哪些方面入手?这些问题猛地提出来会让很多人有无从下手的感觉,那么接下来,我结合一些前辈发表的文章并总结下个人的性能优化经验,系统性的总结从哪些方面入手。
首先提出一个问题:浏览器的一个请求从发送到返回都经历了什么?
一个简单的流程:
- 第一步:浏览器提出域名解析请求,并将该请求发送给本地的域名服务器(domain 与 ip 转化);
- 第二步:当本地的域名服务器收到请求后,就先查询本地的缓存,如果有该纪录项,则本地的域名服务器就直接把查询的结果返回;
- 第三步:如果本地的缓存中没有该纪录,则本地域名服务器就直接把请求发给根域名服务器(DNS服务器),然后根域名服务器再返回给本地域名服务器一个所查询域(根的子域)的主域名服务器的地址;
- 第四步:本地服务器再向上一步返回的域名服务器发送请求,然后接受请求的服务器查询自己的缓存,如果没有该纪录,则返回相关的下级的域名服务器的地址;
- 第五步:重复第四步,直到找到正确的纪录;
- 第六步:返回的ip地址到浏览器,浏览器根据ip地址,根据网路传输协议,带着请求相关参数发送到网络中经过局域网、交换机、路由器到主干网络到达服务端;
- 第七步:请求进入服务端,先进入controller层进行相关的逻辑处理以及请求的分发,然后调用model层,model是和数据进行交互的,model会进行读取数据库的相关操作;
- 第八步: 最终会通过view 层将渲染好的页面返回给网络,再按照原路进行返回到达浏览器,进行render渲染,呈现在用户面前。
请求过程中的一些潜在的性能优化点
- dns是否可以通过缓存减少dns查询时间;
- 网络请求的过程走最近的网络环境?
- 相同的静态资源是否可以被缓存?
- 等否减少请求http请求大小?
- 减少http请求
- 服务端渲染
从上面列举的流程可以看到,深入理解http 请求的过程 是前端性能优化的核心
以上作为web性能优化的开篇文章,接下来会继续对浏览器端的性能优化讲解。
阅读全文
0 0
- web性能优化一
- web前端总结一DOM性能优化
- 高性能web优化(一)
- Web API性能优化(一)压缩
- Web API性能优化(一)压缩
- Web API性能优化(一)压缩
- Web API性能优化(一)压缩
- WEB性能优化(一):Resin下的 GZIP压缩
- HTTP/2 与 WEB 性能优化(一)
- Web性能优化:What? Why? How?(一)
- Java Web 前端高性能优化(一)
- 高性能web站点的优化(一)--引子
- Web前端性能优化(一)减少Http请求
- HTTP/2 与 WEB 性能优化(一)
- Web 图片性能优化系列一:背景与基础
- java性能优化之java web项目性能优化(一)
- [转载]Web性能优化
- web性能优化
- Spring Boot 入门
- Jsoup系列学习(1)-发送get或post请求
- service和topic区别
- [bzoj2429][最小生成树]聪明的猴子
- Just Save For Later Use
- web性能优化一
- div带箭头提示框实例
- Codeforces Round #448 (Div. 2)B
- qt5.8 + opencv3.2读取摄像头视频 -----初试
- MindManager 2018有趣的HTML5互动演示
- docker 参数
- 数据结构(堆排序和归并排序)
- Android Studio下对资源进行分包
- 14个你不知道的JavaScript调试技巧