DNS:
域名解析,域名转换为IP地址
TCP:
传输控制协议,类似协议如UPD;
TCP:可靠传输协议,速度快,可靠策略包括分片,错误重传,窗口校验等;
UPD:不可靠传输协议,速度快,数据发送后不管结果;
HTTP/SSL:
http协议基于TCP协议;
SSL安全协议,用于https协议;
浏览器缓存策略:
强缓存:1)last-Modified/if-modify-since;2)e-tag/if-no-match;
协商缓存:向服务端发送请求,根据状态码判断,304表示使用缓存;
响应解析:
服务端响应前端请求;返回结果(html);
前端常用处理方案:
* SPA(单页面应用):首屏加载速度慢;
* 同构(服务端渲染),提升首屏加载速度+SEO(搜索引擎优化),NUXT for VUE
、NEXT for React;
1.需要node环境,先在node层执行渲染,将页面返回浏览器;
2.执行单页面逻辑;
浏览器渲染:
解析浏览器响应数据;
解析html,DOMTree;
解析css,CSSTree;
合并domtree和csstree生成RenderTree;
浏览器调用操作系统渲染(GPU)计算布局和渲染;
重绘/重排;