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

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

作者: 八月飞花 | 来源:发表于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加速功能,生成加速域名
尽量使用浏览器的缓存机制,将不变化的不重要的数据,存放的浏览器

相关文章

  • 网页生成的过程

    网页生成的过程 一、浏览器渲染页面的流程 当浏览器获得一个html文件时,会 “自上而下” 加载,并在加载过程中进...

  • iOS WebView设置UserAgent

    在和前端交互过程中,为了区分是我们APP内加载网页还是其他应用或浏览器加载的网页,我们需要使用在UserAgent...

  • 网页的渲染机制

    网页的渲染机制 参考文章:ScriptJava——了解HTML页面的渲染过程浏览器加载,解析,渲染的过程HTML渲...

  • 网页的渲染机制

    网页的渲染机制 参考文章:ScriptJava——了解HTML页面的渲染过程浏览器加载,解析,渲染的过程HTML渲...

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

    过程 这些步骤哪些最耗时 减少http请求的方法 图片的处理 文件脚本的处理 硬件配置

  • web页面的加载和解析过程

    浏览器加载网页的过程 输入一个url地址/根据某个动作页面跳转到一个url 浏览器检查域名并查询dns服务器获取I...

  • 虚拟DOM(Virtual DOM)的工作原理

    1. 为什么需要虚拟DOM 先介绍浏览器加载一个网页需要经历那些过程;我们只讨论页面解析流程,不考虑网络请求过程。...

  • 前端性能优化

    1 . 网页加载过程 NDS解析(域名-->IP地址) ==》根据浏览器 IP 地址向服务器发起 HTTP 请...

  • 【Android笔记】浅谈WebView

    WebView(网络视图)能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页,实现W...

  • 网页加载过程

    * html解析过程 1.用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服务器发出请求,服务器返...

网友评论

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

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