技术博客 > 正文

全站加速实现JS外链加速的原理是怎样的

2021-01-12

全站加速通过优化页面资源的渲染方式,针对含有外链JavaScript的网页,能够改善网站性能,提升用户首屏体验和页面整体加载效果。

随着网页内容的丰富,JavaScript开始承担越来越多的功能。除了实现基础的动态交互,更多的外链JavaScript被引入网页,用于社会化分享(如领英分享、微博/微信分享)、市场跟踪(如Google分析,百度统计)等。目前,JavaScript在网页资源中占比仅次于图像和视频。JavaScript在满足网页功能需求的同时,也对网站性能产生了影响。

JavaScript具有阻塞特性,浏览器执行JavaScript代码时,不能同时做其他事情。即如果某个 JavaScript 文件需要2秒来加载,那么浏览器渲染页面的过程就会被阻塞2秒,直到该JavaScript文件下载并执行完后才继续。当JavaScript在网页中位置靠前时,会直接导致页面白屏时间变长,用户体验不好。

在JavaScript文件中,外链JavaScript文件对网站性能影响尤其大,其原因可能是下载速度不可控、JavaScript地址域名与网站域名不同,无法使用CDN加速、外链JavaScript文件内容不可控,不一定有强缓存(Cache-Control/Expires)等。如果网站上面有很多外链JavaScript代码,那么下载速度的不可控很有可能导致网站被拖慢。

基于此背景下,网宿全站加速分析网页资源,首先对JavaScript地址域名统一改写,使其可被CDN加速。网页资源获取过程中,通过CDN加速,提升外链JavaScript下载速度,最终提升整体网页加载效果。页面渲染过程中,JavaScript异步加载避免阻塞页面,使文字、图片等网页内容可更快呈现,提升首屏体验。

 获批国家重点研发计划重点专项 我们将推动智慧城市发展

外链加速通过提供更快的页面加载速度,有利于提升客户转化率,为企业增加销售额,同时能够快速实现前端优化,客户零改动,减少开发时间及成本。除此之外,全站加速还能与网宿科技其他cdn加速产品配合,提升网站整体加载效果,优化终端用户体验。

全站加速中外链加速适用于JS外链较多的网站。海外网站,尤其是电商及品牌官网。这类网站大多含有较多的外链,用于广告、内嵌视频、监测用户数据、统计分析、社交分享等。