-1

我不确定这是否是提出问题的正确地方，但我在 StackExchange 上找不到任何与该问题相关的频道，所以想在这里提问。

我的客户要求我建立一个加载速度更快的网站。

我知道我们可以使用Vue.js,Angular等React.js来使网站更快并像SPA. 但是，加载数据也需要几秒钟。我无法弄清楚被推荐网站使用的技术。

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

4

2 回答 2

2

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

  • 首先，您必须拥有网站服务器的分布式架构，以减少访问者的延迟。对于来自德国的访问者来说，仅仅因为我们有主机提供商就从东京服务器加载站点是没有意义的。例如，我们必须从法国等附近的服务器为德国访客提供服务。更重要的是，您管理网站资源的方式也非常重要。例如，静态资源应保留在云前端Web 服务器中，因为它们将被缓存并以非常快的速度提供服务。通常，浏览器用于从同一域获取数据的线程数量有限。将静态文件放在另一台机器上会增加这个数字。
  • 您的所有图片都应使用新格式webp或使用 SVG 进行优化。
  • 所有图片都应该已经调整为适当的尺寸（或以适当的尺寸提供），并且不要让浏览器调整它们的大小以适应容器。
  • 所有的 JS 文件都应该打包在一个大文件中，以减少请求的数量
  • 缩小 CSS 文件，它们也应该捆绑在一个大文件中（如果可能的话）
  • 启用 Web 服务器压缩。Gzip 是目前可用的最流行和最有效的压缩方法，通常可以将响应大小减少约 70%。今天大约 90% 的 Internet 流量通过声称支持 gzip 的浏览器传输。
  • 减小 cookie 大小
  • 减少 DOM 元素的数量
  • 添加过期标头
  • 使用 CSS 精灵组合图像（在可能的情况下）
  • 避免内联 JavaScript
  • 使用异步资源

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

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

于 2020-09-04T08:04:44.463 回答
0

我可以建议一些步骤：

  1. 创建一个轻量级网站。
  2. 删除不需要的变量和代码。
  3. 为网站创建好的代码。
  4. 声明可以在多个页面和代码中使用的任何一个变量，以清除多个变量。
  5. 需要优化您在项目中使用的查询。
  6. 取决于您将部署项目的服务器和带宽。
于 2020-09-04T07:28:52.973 回答