美文网首页
浏览器加载一个网页的过程

浏览器加载一个网页的过程

作者: 八月飞花 | 来源:发表于2020-04-15 13:19 被阅读0次

    过程

      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加速功能,生成加速域名
    尽量使用浏览器的缓存机制,将不变化的不重要的数据,存放的浏览器
    

    相关文章

      网友评论

          本文标题:浏览器加载一个网页的过程

          本文链接:https://www.haomeiwen.com/subject/wnfcvhtx.html