IT 前端优化:足迹第九十三步:提高html显示速度

1.如何提速:改引js外部文件和图片懒加载

1.1为何改js标签位置

在这里插入图片描述

1.2JS进行异步加载:设置 async 属性

<head>
    <meta charset="UTF-8">
    <script type="text/javascript" async src="test.js"></script>
</head>

1.3图片懒加载

  1. 通过js将img标签的data-src属性赋值给src属性

1.4分帧Frame加载

1.5图片压缩

2.html是什么:浏览器渲染html页面的过程

2.1为何要有DNS:输入的英文网址在通过DNS解析后得到服务器的IP数字地址

2.2为何要三次握手:经过TCP/IP三次握手确认链接后,服务器将需要的代码发回给浏览器。

  1. 为了保证服务端能收接受到客户端的信息并能做出正确的应答而进行前两次(第一次和第二次)握手,
  2. 为了保证客户端能够接收到服务端的信息并能做出正确的应答而进行后两次(第二次和第三次)握手。
  3. 第一次握手甲发对消息,第二次握手乙答对语言,第三次握手甲持续回答。
  4. 套接字(socket)概念:包含进行网络通信必须的五种信息–连接使用的协议,本地主机的IP地址,本地进程的协议端口,远地主机的IP地址,远地进程的协议端口。

2.3为何要有html解析器:浏览器将收到的html代码,通过html解析器解析构建为一颗DOM树。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值