js脚本加载方式：本地加载与cdn云加速加载那个速度更快？

最新推荐文章于 2024-05-12 23:55:08 发布
最新推荐文章于 2024-05-12 23:55:08 发布
阅读量6k 收藏 1
点赞数
分类专栏： 前端基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Edison_03/article/details/78131839
版权

  1. 本地加载

    这里写图片描述

  2. CDN云加载

    （1） 只把hifhstock.js改为CDN加载：

    这里写图片描述

    结果：250ms大于151ms，cdn云加载速度慢，比本地加载慢100多ms

    （2）只把jquery-3.2.1.min.js改为CDN加载：

    这里写图片描述

    结果：879ms大于18ms，慢的不是一丁半点啊。

  3. 下结论：

    本地加载方式比CDN云加载速度更快

北冥友余
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
用了CDN就一定比不用更快吗？
Huangjiazhen711的博客
11-17 653
对于文本类数据我们习惯用mysql做存储，redis做缓存。但属于文件类数据，比如视频图片，则需要使用oss等做对象存储，cdn做缓存。用了CDN如果发生回源，那实际上会比不用的时候更慢一些。CDN最大的优势在于，对于来自世界各地的用户，它可以就近分配CDN节点获取数据，并且多次重复获取同一个文件数据的时候，有缓存加速的作用。如果你的服务和对象存储都在内网，并且文件数据也不太会有重复使用的可能性，那其实没必要接入cdn。最近原创更文的阅读量稳步下跌，思前想后，夜里辗转反侧。我有个不成熟的请求。
如何提高javascript加载速度
10-20
将JavaScript库托管在CDN上，利用其全球分布式服务器网络，可以更快地将文件传输到用户浏览器，尤其对于那些被广泛使用的库，如jQuery，CDN已经缓存了这些文件，进一步提高了加载速度。 5. **模块化与懒加载**：...
html中加载js、css时是本地加载快？还是CDN上面快？
chelflan's blog
07-04 3144
本地加载 CDN加载
速盾：jquery是用cdn快，还是保存本地快？
最新发布
zhuguowang01的博客
05-12 406
当我们使用CDN加载jQuery时，浏览器会先从离用户最近的CDN服务器获取资源，而不是从我们自己的服务器获取。这样做的好处是，CDN服务器通常具有更快的响应速度，这可以加快资源加载的速度。其次，如果我们的网站在国内，而CDN服务器在国外，那么访问CDN服务器会受到网络延迟的影响，从而影响了网页的加载速度。另外一个使用CDN的好处是，当用户访问不同的网站时，可能多个网站都使用了相同的CDN，这样在访问不同网站时，浏览器已经缓存了CDN资源，所以不需要再次下载，从而提升了网页的加载速度。
速盾：js文件可以用cdn吗？
zhuguowang01的博客
04-25 191
首先，CDN的服务器可能会有一定的更新延迟，如果你的JavaScript文件需要频繁更新，则可能无法及时更新到CDN的服务器上。此外，CDN服务可能会收费，尤其是在需要大量传输文件的情况下，可能会增加网站的成本。CDN的主要目的是将网站的静态文件，如图片、CSS样式文件和JavaScript文件等，存放在离用户最近的服务器上，以提升网站的访问速度和性能。由于CDN的服务器分布在全球各个地区，可以将文件存放在离用户最近的服务器上，减少数据在传输过程中的延迟和丢失，从而提供更好的用户访问体验。
提高jquery加载速率（有cdn就加载，没有就加载本地）
qq_45670012的博客
10-09 195
<!-- Adds google cdn reference --> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"...
关于CDN与本地加载的选择
guanhy594230的博客
03-29 6973
关于CDN与本地加载的选择 一、使用部分CDN加载echarts加载过慢原因  在页面中引用echarts.js库时,采用的是cdn加载,首次加载页面,会向cdn服务器去请求文件,并加载,javascript是单线程语言,部分请求必须在先加载完echarts.js 后续的代码才能执行,如若此阶段请求echarts的实际时间过长,导致js部分请求延迟,导致页面加载过慢 二、CDN加载对比本地加载优缺...
提高网页加载速度的初步简单技巧方式
09-22
10. **合理利用浏览器缓存**：设置合适的缓存策略，让浏览器缓存部分静态资源，下次访问时直接从本地加载，提高加载速度。 以上是提高网页加载速度的一些基础策略。当然，还有更多高级优化方法，如服务器端优化、...
lightload:加载更快的 JavaScript 和 CSS
07-01
"lightload:加载更快的 JavaScript 和 CSS"是一个专注于优化网页性能的开源项目，它主要针对JavaScript和CSS资源的快速加载进行优化。在当前的Web开发环境中，页面速度和用户体验是至关重要的因素，lightload为此...
浅谈VUE单页应用首屏加载速度优化方案
10-18
将 Vue、Vue Router、Vuex 和 Vue Resource 等常用库从本地项目中移出，改为从 CDN 引入，例如在 `index.html` 文件中添加预加载脚本。这样，浏览器可以直接从 CDN 服务器获取这些公共资源，而不是等待项目自身的...
cdnjs加载速度过慢的问题
水到渠成
03-30 3666
https://cdnjs.cloudflare.com/ 替换至国内镜像 https://hk-weblib.oss-cn-hongkong.aliyuncs.com/
几个浏览器的页面加载及JS执行速度简单对比
冬雷软件csdn专栏
09-12 2070
对比的初衷源于自己写的一个程序，因客户需求，页面是一个2万多行的静态表格，JS代码就是每行mouseover会显示另外的颜色，仅此。 偶然发现在用户电脑上慢到出奇，我看的都无法忍受，但是看看代码又没实在没有多少优化的地方，就做了个对比。 不是很严谨，但能反映出一定问题。 浏览器 页面加载耗时 移动鼠标感觉 快速反复移动鼠标时CPU占用 傲游4.9极速模式 3
Javascript 库 CDN
啃编程
02-28 554
http://www.bootcdn.cn/今日头条https://cdn.bytedance.com/https://www.staticfile.org/http://jscdn.upai.com/新浪 http://lib.sinaapp.com/js微软https://docs.microsoft.com/en-us/aspnet/ajax/cdn/overview360 http://l...
详解vue 配置 cdn 加载依赖的方法
csdn姚宏波
04-24 7167
前言 生产环境中，将项目依赖的一些第三方包替换成通过 cdn 方式外部加载，而不是打包到 vender，对于提升应用的加载、响应速度很有意义，下面我们一步步的实现这点 CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率 1. 查看打包后的资源情况 首先使用 build 命令打包，看看在使
Javascript CDN
weixin_34232363的博客
10-03 132
js部署中有个词CDN，今天特意查询了一下，具体如下： CDN在百度百科的解释 CDN的全称是Content Delivery Network，即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的网络"边缘"，使用户可以就近取得所需的内容，解决 Internet网络拥挤的状况，提高用户访问网站的响应速度。从技术上全面解决由于网络带宽小、用户访问...
常用Javascript CDN 对比
uikoo9的专栏
07-25 2460
【前言】 参考一些网上整理的文章： http://c7sky.com/javascript-libraries-cdn.html 本文添加的各个cdn对一些库的更新情况，以及响应时间。 【更新】 发表文章的时候bootstrap已经更新到3.2.0， 但是大部分cdn还是提供前一个版本3.0.3， 其实两者的区别还是比较大的，这里对各个cdn提供的bootstrap版
前端性能优化之——CDN优化加载
tsang荒男的博客
12-17 4459
问题：在首开体验中，会觉得特别慢 分析：原因很多，其中一个原因是首开时需要加载很多的js和css文件，这是因为在Vue项目中，引入到工程中的所有js、css文件，我们编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多，那么vendor.js文件体积将会相当的大，影响首开的体验。 解决方法：将引用的外部js、css文件剥离开来，不编译到vendor.js中，而是用资源的形式引用，这样浏览器可以使用多个线程异步将vendor.js、外部的js等加载下来(既外部的库文件
CDNJS——Web上最快的JS资源库
热门推荐
E_li_na的博客
05-13 1万+
CDNJS是一个JS资料库，可以直接在网页上应用它上面拥有的一些JS文件。为什么不直接引用自己下载下来的库而要引用上面的文件呢？因为引用上面的文件可以使用户浏览网站的速度更佳，可以提高用户体验。它的网站是CDNJS。这个网站不仅开源，而且我们还可以提交自己的JS库到上面，只需提交到其在Github上的项目即可。CDNSJS on Github
提升前端页面加载速度：策略与实践
- 避免head标签中的CSS和JS阻碍渲染：如StackOverflow的案例，将jQuery移到文档底部或使用异步加载方式可以降低阻塞时间。 - 尽量不要在head标签内加载大量或耗时的脚本，确保尽早呈现可交互内容。 2. **优化网络...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值