前端性能优化四：精简html代码

Sunny_媛

已于 2024-02-09 23:41:27 修改

阅读量135

点赞数 2

文章标签：前端 html 数据结构系统架构架构软件工程性能优化

于 2024-02-09 23:24:45 首次发布

本文链接：https://blog.csdn.net/m0_68635815/article/details/136088703

版权

本文介绍了如何通过减少HTML嵌套、缩减DOM节点、避免无语义代码、删除多余协议头、压缩空白字符、优化标签和属性，以及使用相对路径来精简HTML代码，从而提高网页加载速度和性能。

摘要由CSDN通过智能技术生成

1. 精简HTML代码:

①. 减少HTML嵌套,层级关系缩小.

②. 减少DOM节点数.

③. 减少无语义代码:
    a. 如:<div class="clear"></div>消除浮动,或者用css的方式处理.

④. 删除http或者https:
    a. 如果URL的协议头恶化当前页面的协议头一致的.
    b. 或者此URL在多个协议头是可用的,则可用考虑删除协议头.

⑤. 删除多余的空格、换行符、缩进和不必要的注释:
    a. 压缩工具来处理.

⑥. 省略冗余标签和属性

⑦. 使用相对路径的URL