javascript - 加载样式表和 JavaScript 花费的时间太长

标签 javascript jquery html css web

我应该怎么做才能减少加载时间?

<head>
    <title>NCI SwitchGears</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="bootstrap-3.3.4-dist/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="bootstrap-3.3.4-dist/js/bootstrap.min.js"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="menu/styles.css">
    <script src="bootstrap-3.3.4-dist/js/jquery-latest.min.js" type="text/javascript"></script>
    <script src="menu/script.js"></script>
</head>

最佳答案

  1. 您正在加载 jQuery 两次。一次在本地,一次远程。
  2. 考虑使用 Require.JS 按需加载您的 JS
  3. 将样式表合并到一个请求中。确保您使用的是模块化样式,并再次按需加载。
  4. JS 在适当的地方移动到页脚

关于javascript - 加载样式表和 JavaScript 花费的时间太长,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30733078/

相关文章:

javascript - 如何将 JavaScript 日期格式设置为 mm/dd/yyyy?

javascript - 将 Google Suggest 与 JavaScript 结合使用

html - 如何使用 css 更改选项卡标题背景的事件颜色

jquery - 如果勾选了复选框则执行此操作,取消选中则执行此操作

javascript - 隐藏CSS类delete_icon与引用/使用按钮值

javascript - 使用 setTimeout 缓出

html - 如何在嵌套列中将行底部对齐?

javascript - 使用 Node JS 从浏览器的用户输入中检索 twitter

javascript - 如何在没有 Kibana 的情况下从 AWS 中的 ElasticSearch 访问数据?

javascript - YUI数据表错误