js16：从输入url开始，前端如何优化
本文共 504 字，大约阅读时间需要 1 分钟。
1.从输入url开始，到页面显示的整个过程
（1）DNS 解析:将域名解析成 IP 地址
（2）TCP 连接：TCP 三次握手 （3）发送 HTTP 请求 （4）服务器处理请求并返回 HTTP 报文 （5）浏览器解析渲染页面 （6）断开连接：TCP 四次挥手2.每一步如何优化
（1）DNS解析：利用缓存减少DNS查询，浏览器，操作系统，路由器都有DNS缓存机制
（2）利用浏览器缓存机制，减少HTTP请求，expires&&cache-control lastModified&&e-tag（3.1）HTTP2.0取代1.1或者1.0，多路复用&&服务端推送&&header压缩
（3.2）基于token验证，路由守卫，减少新的请求资源验证次数 （3.3）不需要向浏览器发送数据时候，axios首选 get方法：只使用一个tcp数据包 （3.4）避免图片src为空：浪费HTTP请求，有时还会报错 （3.5）避免404：HTTP请求很浪费时间（5.1）懒加载：图片懒加载&&路由懒加载
（5.2）预加载：利用浏览器空闲时间请求将来要使用的资源，以便用户访问下一页面时更快地响应3.每一个位置如何优化
转载地址：http://pkxzi.baihongyu.com/
你可能感兴趣的文章
北大ACM——3616，Milking Time（DP）
查看>>
杭电ACM——2076，夹角有多大
查看>>
牛客练习赛43——B Tachibana Kanade Loves Probability（暴力，思维）
查看>>
牛客第十七届上海大学程序设计春季联赛——E CSL 的魔法（贪心）
查看>>
杭电ACM——1028，Ignatius and the Princess III（母函数）
查看>>
杭电ACM——1171，Big Event in HDU（母函数）
查看>>
杭电ACM——6491，时间间隔（思维）
查看>>
杭电AC——1085，Holding Bin-Laden Captive!（母函数）
查看>>
杭电ACM——2110，Crisis of HDU（母函数）
查看>>
杭电AM——2152，Fruit（母函数）
查看>>
杭电ACM——2566，统计硬币（DP）
查看>>
堆栈（数据结构）
查看>>
队列（数据结构）
查看>>
杭电ACM——1251，统计难题（Trie树）
查看>>
牛客网哈尔滨工程大学第十四届程序设计竞赛（同步赛）—— 小蚂蚁过马路（思维）
查看>>
牛客网哈尔滨工程大学第十四届程序设计竞赛（同步赛）—— 苹果手链（水题）
查看>>
杭电ACM——6518，Clumsy Keke（暴力+思维）
查看>>
杭电ACM——6512，Triangle（暴力 / 思维）
查看>>
牛客网哈尔滨工程大学第十四届程序设计竞赛（同步赛）——D 简单的烦恼（DP）
查看>>
牛客网哈尔滨工程大学第十四届程序设计竞赛（同步赛）——I 杨主席发糖（思维）
查看>>