过程
1。输入url
2。DNS解析,将url解析为相应的服务器地址或代理服务器地址
3。浏览器网络发起TCP/IP连接请求
4。建立TCP/IP连接
5。浏览器发送HTTP请求
6。等待 服务器响应
7。下载html资源
8 。解析html资源
9。遇到html内部的资源标签,再次发起http请求,下载资源
10。继续解析
11。呈现页面
这些步骤哪些最耗时
浏览器发起http请求最耗时
如果有100张小图片,就会发起100次http请求
必须避免不必要的http请求协议
减少http请求的方法
图片的处理
将小图片合并成一张大的图片(俗称雪碧图)
这样100个小图片整合一张大图片,只需要发送一次http请求即可
可以以通过base64编码,将图片整合为一串编码
但是base64编码,可能会导致请求体变大,导致base64解析的时间变长
哪些图可以做雪碧图
纹理图,图标都可以做雪碧图
哪些图不能做雪碧图
1,经常替换的图片,
文件脚本的处理
合并脚本与css样式代码
我们在开发时,需要通过webpack gulp grunt 对项目进行处理,将开发板变为线上板
//一个真真的工程包括
组件化 模块化 MVC化 工程
硬件配置
配置多个域名
CDN加速,cdn具备并发能力,我们可以将自己的域名,在第三方服务器上进行解析,生成CDN加速域名
CDN加速服务提供商,七牛云,他们的服务器具备CDN加速功能,生成加速域名
尽量使用浏览器的缓存机制,将不变化的不重要的数据,存放的浏览器
网友评论