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

it2026-04-21  4

提高html显示速度

1.如何提速:改引js外部文件和图片懒加载1.1为何改js标签位置1.2JS进行异步加载:设置 async 属性1.3图片懒加载1.4分帧Frame加载1.5图片压缩 2.html是什么:浏览器渲染html页面的过程2.1为何要有DNS:输入的英文网址在通过DNS解析后得到服务器的IP数字地址2.2为何要三次握手:经过TCP/IP三次握手确认链接后,服务器将需要的代码发回给浏览器。2.3为何要有html解析器:浏览器将收到的html代码,通过html解析器解析构建为一颗DOM树。

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图片懒加载

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

1.4分帧Frame加载

1.5图片压缩

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

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

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

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

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

最新回复(0)