以下是在Chrome浏览器中提高HTML元素加载速度的方法：
一、优化HTML结构和代码
1. 减少DOM节点数量：尽量简化HTML文档的结构，避免过多的嵌套层级。例如，合并一些不必要的div标签，合理使用语义化标签来减少标签的嵌套，这样能降低浏览器解析DOM树的时间，加快页面渲染速度。
2. 精简HTML代码：去除HTML代码中的冗余部分，如多余的空格、换行、注释等。这些看似微小的部分，在大量积累时也会影响文件大小和加载速度。同时，避免使用过于复杂的CSS选择器，尽量使用简单、高效的选择器来减少样式计算对加载的影响。
3. 合理使用标签和属性：选择合适的标签来构建页面，例如，对于列表内容使用ul或ol标签，而不是用多个div来模拟列表。并且，只使用必要的属性，避免添加无关的属性，以减小HTML文件的大小。
二、利用浏览器缓存
1. 设置缓存策略：通过服务器配置或使用`.htaccess`文件（对于Apache服务器）等方式，设置合理的缓存头信息，如`Cache-Control`和`Expires`。让浏览器能够缓存静态资源，包括HTML文件、CSS、JavaScript和图片等，这样在用户再次访问页面时，可以直接从本地缓存加载这些资源，而无需重新下载，大大提高加载速度。
2. 利用Service Worker：对于支持Service Worker的站点，可以编写Service Worker脚本来实现更灵活的缓存策略。它可以拦截网络请求，缓存资源文件，并在适当的时候从缓存中提供资源，进一步提高页面的加载性能。
三、压缩HTML文件
1. 启用Gzip压缩：在服务器端开启Gzip压缩功能，当向浏览器发送HTML文件时，服务器会先将文件进行压缩，然后再传输。浏览器在接收到压缩文件后，会进行解压并渲染页面。这样可以显著减小文件大小，加快传输速度。
2. 使用HTML压缩工具：在开发过程中，可以使用HTML压缩工具对HTML代码进行压缩。这些工具会去除代码中的多余字符、合并空白符等，进一步减小文件体积。不过要注意，压缩后的代码可能会降低可读性，所以在开发调试阶段可以暂时不压缩，在部署阶段再进行压缩操作。
四、优化资源加载顺序
1. 将关键CSS内联：把关键的CSS样式直接内联到HTML文件的head部分，这样浏览器在加载页面时可以立即应用这些样式，而不需要等待外部CSS文件的加载，从而减少页面的空白期，加快内容的显示速度。
2. 延迟加载非关键资源：对于一些不影响页面初始显示的非关键资源，如图片、视频、某些JavaScript文件等，可以采用延迟加载的方式。例如，使用`loading="lazy"`属性让图片在进入视口时才加载，或者通过JavaScript动态加载非关键资源，这样可以优先加载关键内容，提高页面的加载速度感知。
五、更新Chrome浏览器
确保使用的是最新版本的Chrome浏览器，因为开发者会不断优化浏览器的性能和对网页标准的兼容性。新版本的Chrome可能会带来更快的JavaScript引擎、更高效的渲染机制等，有助于提高HTML元素的加载速度。