如何从请求、传输、渲染3个方面提升Web前端性能

宜信技术学院 2019-07-18

前端与交互设计 javascript css 性能优化 服务器 函数 性能 web 浏览器 cdn 同步 前端性能

什么是WEB前端呢?就是用户电脑的浏览器所做的一切事情。我们来看看用户访问网站,浏览器都做了哪些事情:

输入网址 –> 解析域名 -> 请求页面 -> 解析页面并发送页面中的资源请求 -> 渲染资源 -> 输出页面 -> 监听用户操作 -> 重新渲染。

通过上面的路径可以看出浏览器分为请求、传输、渲染三部分来实现用户的访问,本文就从这三个部分来浅析如何提升WEB前端性能。

一、请求

浏览器为了减少请求传输,实现了自己的缓存机制。浏览器缓存就是把一个已经请求过的Web资源拷贝一份副本存储在浏览器中,当再次请求相同的URL时,先去查看缓存,如果有本地缓存,浏览器缓存机制会根据验证机制(Etag)和过期机制(Last-Modified)进行判断是使用缓存,还是从服务器传输资源文件。具体流程如下图所示:

登录 后评论
下一篇
我是你爱豆
18316人浏览
2019-08-22
相关推荐
网页性能如何优化
454人浏览
2012-09-24 15:29:00
揭秘React同构应用
836人浏览
2018-09-05 09:40:32
1
3
0
1860