如何减少包含大量脚本的网页的加载时间

How to reduce loading time for web pages with lots of scripts

我正在尝试使用流星开发一个网站。我的问题是该网站需要很长时间才能加载(> 2-3 分钟)。当我检查 "inspect elements" 中的网络选项卡时,我发现大部分加载时间来自文件夹“/packages/”中的脚本。

我不确定这是否异常,但我有大约 90 行代码调用客户端脚本,其中大部分都小于 300b。

我对 web 开发没有经验,所以我不确定如何改进它,有人可以告诉我问题是什么以及我该如何解决吗?

  • 将多个脚本合并到单个文件中 - 在您的情况下最重要的是尽量减少 HTTP 请求的数量
  • Minify/compress JS文件
  • 从 CDN 提供此文件

工具

  • node-minify
  • Cloudflare - 基本上您可以通过它们提供所有页面,它们会为您进行优化

简单地说,只需在 body 标签的底部包含您的脚本文件和导入。 这样 html 和 css 将首先加载,然后 JavaScript 将在后台加载,使其更快