Question

我使用gtmetrix检查我的网站，建议使用我的网站以减少HTTP请求并减少DNS查找。因此，我必须将许多外部Javascript脚本合并为一个

在我的默认布局中，像这样

对于CSS：

<link rel="shortcut icon" href="/content/assets/img/favicon.ico">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="/content/libs/materialize/css/materialize.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.1.6/css/swiper.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" href="/content/assets/style/style.min.css?v=@currentVersion">
<link rel="stylesheet" href="/content/assets/style/style-responsive.min.css?v=@currentVersion">
<link rel="stylesheet" href="/content/assets/style/custom-form-materialize.css">
<link href="/Content/dist/social-share/sharetastic.css" rel="stylesheet" />
<link rel="stylesheet" href="/content/assets/style/happy.min.css?v=@currentVersion">

对于js：

  <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

    <script src="/Content/dist/social-share/sharetastic.min.js"></script>
    <script src="/Content/assets/script/jquery.twbsPagination.min.js"></script>
    <script src="/Content/libs/materialize/js/materialize.min.js?v=@currentVersion"></script>
    <script src="/Content/assets/script/select2.full.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.1.6/js/swiper.js"></script>
    <script src="https://www.youtube.com/iframe_api"></script>

    <script src="/Content/assets/script/rendercomponent.js"></script>
    <script type="text/javascript" src="/Content/assets/script/script.min.js?v=@currentVersion"></script>
    <script src="/Content/assets/script/share-content.js?v=@currentVersion"></script>
    <script src="/Content/assets/script/jcanvas.min.js" type="text/javascript"></script>
    <script src="/Content/assets/script/happy.min.js?v=@currentVersion" type="text/javascript"></script>

如何将许多外部Javascript脚本组合在一起？

如果将它们合并为一个不会影响网站？ JS和CSS网站没有问题吗？

Answer 1

成功人士的评论是正确的答案。 Webpack或其他捆绑软件将使您能够合并js文件并减少请求数量。

如何将许多外部Javascript脚本组合在一起？

1 个答案: