从同一个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>
由于我没有为这个项目准备一个特别大的导入列表,所以我的测试没有显示出任何显著的差异。我认为答案也会根据你托管应用的方式而有所不同,但我不确定如何测试。
我不太确定有什么方法可以准确地测试性能。如果有人对如何准确地测试和比较有任何想法,我也会很感兴趣的!
提前感谢您的任何意见!
1条答案
按热度按时间uurity8g1#
这也是一个安全方面。如果你有多个CDN,其中一个被攻破来传递恶意代码,那么你的风险比你只从一个加载更大(尽管如果这是一个被攻破,那么你当然是出于运气无论如何)。
因此,虽然使用多个CDN不是一个大问题,但如果可以避免,就避免它。