一种基于预配置提高HTML资源加载速度的方法技术

本发明专利技术公开了一种基于预配置提高HTML资源加载速度的方法，包括以下步骤：S1：利用Preconnect技术对主域名进行预连接，浏览器在HTML加载之前会依次对主域名执行DNS解析、建立TCP连接以及完成TLS握手；S2：利用DNS‑Prefetch技术对DNS进行DNS取回，浏览器在HTML加载之前会解析目标域名的IP地址。本发明专利技术通过Preconnect技术、DNS‑Prefetch技术、Prefetch技术和Preload技术相配合，可以显著提高HTML资源加载速度。

【技术实现步骤摘要】

本专利技术涉及html资源加载，尤其涉及一种基于预配置提高html资源加载速度的方法。

技术介绍

1、在当前html网页的加载流程中，传统html资源加载速度的快慢，对使用网站的用户体验至关重要，html加载速度直接影响了用户留存率和搜索引擎排名。为了提高html的加载速度，现有存在一些技术方案，如延迟加载、cdn加速等，则存在如下缺点：

2、(1)延迟加载是通过延迟加载部分文件，虽然可以减少初始加载时间，但在用户浏览页面时仍然需要请求和加载额外的资源，导致页面渲染速度较慢；

3、(2)cdn加速可以将资源分发到全球节点，减少服务器负载，但仍然需要等待dns查询和建立连接，可能导致加载时间较长；基于延迟加载和cdn加速分别存在的缺陷，我们提出了一种基于预配置提高html资源加载速度的方法。

技术实现思路

1、基于
技术介绍
存在的技术问题，本专利技术提出了一种基于预配置提高html资源加载速度的方法。

2、本专利技术提出的一种基于预配置提高html资源加载速度的方法，包括以下步本文档来自技高网...

【技术保护点】

1.一种基于预配置提高HTML资源加载速度的方法，其特征在于，包括以下步骤：

2.根据权利要求1所述的一种基于预配置提高HTML资源加载速度的方法，其特征在于，所述S1中，Preconnect技术是一项用于改善网页性能的技术，Preconnect技术的具体操作方法是在<link>标签中设置rel属性为“preconnect”，同时将href属性指向目标域名。

3.根据权利要求1所述的一种基于预配置提高HTML资源加载速度的方法，其特征在于，所述S2中，DNS-Prefetch技术的具体操作方法是在HTML中的<link>标签中设置rel属性...

【技术特征摘要】

1.一种基于预配置提高html资源加载速度的方法，其特征在于，包括以下步骤：

2.根据权利要求1所述的一种基于预配置提高html资源加载速度的方法，其特征在于，所述s1中，preconnect技术是一项用于改善网页性能的技术，preconnect技术的具体操作方法是在<link>标签中设置rel属性为“preconnect”，同时将href属性指向目标域名。

3.根据权利要求1所述的一种基于预配置提高html资源加载速度的方法，其特征在于，所述s2中，dns-prefetch技术的具体操作方法是在html中的<link>标签中设置rel属性为“dns-prefetch”，并将href属性设置为目标域名的url。

4.根据权利要求1所述的一种基于预配置提高html资源加载速度的方法，其特征在于，所述s3中，prefetch技术是一种用于改善用户网页加载体验的技术，prefetch技术的具...

【专利技术属性】
技术研发人员：林建齐，
申请(专利权)人：厦门狄耐克物联智慧科技有限公司，
类型：发明
国别省市：