javascript 对所有导入使用单个CDN是否有好处?

vfh0ocws  于 2023-02-02  发布在  Java
关注(0)|答案(1)|浏览(128)

从同一个CDN导入所有库是否有好处?例如,使用从www.example.com获取所有库的导入列表cdnjs.cloudflare.com好处:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js" integrity="sha512-IsNh5E3eYy3tr/JiX2Yx4vsCujtkhwl7SLqgnwLNgf04Hrt9BT9SXlLlZlWx+OK4ndzAoALhsMNcCmkggjZB1w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

比从各种CDN导入要快,如下所示:

<script src="https://code.jquery.com/jquery-3.6.3.min.js"integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU="crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js" integrity="sha512-IsNh5E3eYy3tr/JiX2Yx4vsCujtkhwl7SLqgnwLNgf04Hrt9BT9SXlLlZlWx+OK4ndzAoALhsMNcCmkggjZB1w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

由于我没有为这个项目准备一个特别大的导入列表,所以我的测试没有显示出任何显著的差异。我认为答案也会根据你托管应用的方式而有所不同,但我不确定如何测试。
我不太确定有什么方法可以准确地测试性能。如果有人对如何准确地测试和比较有任何想法,我也会很感兴趣的!
提前感谢您的任何意见!

uurity8g

uurity8g1#

    • 简短回答**:是的,有一个好处,但往往不是一个巨大的。
    • 更长的答案**:您使用的每个CDN都是需要建立的另一个连接,在大多数情况下,需要协商新的TLS连接。对于中等现代设备上的高速互联网连接,大多数情况下不会被注意到,但对于不稳定的连接(例如在乘坐地铁时使用移动设备)或旧的低端设备,可能会被注意到。

这也是一个安全方面。如果你有多个CDN,其中一个被攻破来传递恶意代码,那么你的风险比你只从一个加载更大(尽管如果这是一个被攻破,那么你当然是出于运气无论如何)。
因此,虽然使用多个CDN不是一个大问题,但如果可以避免,就避免它。

相关问题