Javascript 如何使单页HTML网站呈现得更快

我的问题有点笼统，我有一个网站

因此，这是一个单页网站，因为它有大的内容，网站的大小正在增加超过98kb，这是根据规范远远超过了限制，并导致较慢的渲染

有谁能推荐我可以应用的插件，让它异步加载吗

---

谢谢

根据我对您网站的检查，我得到了以下几点：

您的页面有25个以上的外部javascript文件和10个以上的外部css文件。将它们合并到一个js和一个css文件中。 您尚未对文件启用gzip压缩。这将使负载减少50%以上。 你应该把css文件放在上面。有两个文件，你应该包括在顶部

这些将提高网站的性能。 对于插件，有许多选项可以让您了解站点性能，并提出改进建议，但它们不会直接提高站点性能。例如

chrome和firefox的Yslow扩展 页面速度扩展

---

祝你好运。

对我来说，你有两个大问题：

请求数：浏览器可以执行的并行请求数有限。对此的优化应按以下顺序进行： 检查不需要的依赖项 检查后面可以加载的内容 将js和css组合在每种类型的一个文件中。 文件大小：您有几个大文件， 对于视频，这是丢失的带宽。这可以通过1k的js和10k的图像来完成。此外，当前的视频是模糊的。 你需要压缩你的图像。有些图像可以缩小10倍而不会造成视觉损失。在线搜索图像优化器，有很多。 在服务器上激活gzip。 有很多可能会减慢你的网站

网络请求

浏览器可以从一个域发出20个并行下载请求。 所以你需要避免无用的请求。 修理

您可以使用fontawesome代替图标图像，也可以将图像合并到单个精灵表中

避免渲染阻塞

您必须使用异步调用加载all.js，该调用将删除.js渲染块。 您可以使用CDN

CDN是一个内容交付网络，它将您的所有静态资源复制到其全球不同的服务器，以便数据可以轻松地到达客户端计算机。 这里只是一个概述，为了让你的网站更快，你还需要做很多事情