像这样如何超快加载网站？

如何解决像这样如何超快加载网站？

我不确定是不是问问题的正确地方，但是我在StackExchange上找不到与该问题有关的任何渠道。

我的客户要求我建立一个网站，其加载速度为this。

我知道我们可以使用Vue.js，Angular，React.js等使网站变得更快并像SPA一样工作。但是，这也需要花费几秒钟来加载数据。我不知道所引用网站正在使用的技术。

有人可以帮助我或向我建议一些可以快速加载网站的技术作为参​​考吗？

解决方法

问题更加复杂。如果您想要一个非常快速的网站，则应该考虑更大的规模，而不是继续使用用于建立网站的技术。

• 首先，您必须具有网站服务器的分布式架构，以减少访问者的延迟。对于来自德国的访问者来说，仅仅因为我们拥有托管服务提供商就无法从Tokyo服务器加载该网站。例如，我们必须从附近的服务器（例如法国）为德国游客提供服务。更重要的是，这里管理网站资源的方式也很重要。例如，静态资源应保留在云端网络服务器中，因为它们将被缓存并提供非常快的服务。通常，浏览器具有有限数量的线程，这些线程用于从同一域引入数据。在另一台计算机上拥有静态文件将增加此数量。
• 所有图片应使用新的格式 webp 进行优化或使用SVG。
• 所有图片都应该已经按适当的尺寸进行了调整（或按适当的尺寸进行投放），并且不允许浏览器调整它们的尺寸以适合您放在容器中。
• 所有JS文件都应打包在一个大文件中，以减少请求数量
• 缩小CSS文件，并且也应将它们捆绑在一个大文件中（如果可能）
• 启用Web服务器压缩。 Gzip是当前可用的最流行和最有效的压缩方法，通常可将响应大小减少约70％。如今，大约90％的互联网流量是通过声称支持gzip的浏览器进行的。
• 减少cookie的大小
• 减少了DOM元素的数量
• 添加Expires标头
• 使用CSS Sprite组合图像（可能的话）
• 避免使用内联JavaScript
• 使用异步资源

还有更多其他可以提高性能的小型优化，但是从我的角度来看，这里有最重要的优化。

在考虑了所有这些问题之后，现在您应该以一种可以容纳所有这些问题的方式开始构建网站，并选择可以帮助您解决这些问题的技术。最后回答您的问题，所展示的网站https://aiad.com.au/是基于 Vue.js 使用 NuxtJS 构建的。

,

我可以建议一些步骤：

1. 创建一个轻量级的站点。
2. 删除不需要的变量和代码。
3. 为网站创建良好的代码。
4. 声明任何一个可以在多个页面中使用的变量，以及声明清除多个变量的代码。
5. 需要优化在项目中使用的查询。
6. 取决于要在其中部署项目的服务器和带宽。