如何加速 Web 应用程序并提高网站性能

使用延迟加载

每个网站都包含一定数量的媒体文件（即图像、视频、音频文件），每个元素的加载需要相当长的时间。

延迟加载设计模式使媒体文件仅在进入用户视点时才加载。这意味着，当用户打开页面时，它不会立即加载所有媒体文件，而只会加载页面顶部的媒体文件。而且，当用户向下滚动时，页面将加载更多文件。

这种技术极大地节省了带宽，同时提供了无缝的用户体验。延迟加载还摆脱了不必要的代码执行并减少了内存使用。你还可以将代码分成不同的包，以便不同的页面仅包含代码块。这样，浏览器将只加载用户所在的那些代码。

缩小 CSS 和 JavaScript

当你的站点下载 JavaScript 或 CSS 文件时，会向服务器发送一个 HTTP 请求。发送的请求越多，性能就越慢。为了解决这个问题，你可以合并和缩小文件以减少 HTTP 请求的数量，从而提高性能。

缩小包括消除空格、不必要的代码行或换行符。要执行此过程，请使用 WP Rocket 或 WillPeavy 等可用插件之一。

优化数据库

数据库优化可能是你网站性能的瓶颈。虽然有很多方面需要关注，但最常见的是：

MySQL 查询优化：使用 EverSQL 查询优化器等工具来微调 MySQL 查询并获得有用的建议，

索引：该方法允许更快的行选择和排序，

内存容量：如果内存不足，会降低性能，因此你可能需要寻找更强大的托管解决方案。

请注意，数据库优化也取决于你的站点。 对于某些网站（即电子商务平台），有一些独特的问题需要处理，因此你需要先进行审核，以确定所有需要优化的问题区域。

摆脱阻塞的 JavaScript

许多网站最常见的问题之一是阻止渲染的 JavaScript 文件。 要解决此问题，你可以执行以下操作：

在 HTML 文档中内联外部锁定脚本

使用特殊插件（即 W3 Total Cache）

使用 async 属性使 JavaScript 文件异步

启用缓存

每次用户登陆页面时，浏览器都会加载其内容 - 每次出现新查询时都会这样做。 现在，你能想象每天有多少用户访问你的网站以及浏览器必须加载页面内容的次数吗？

为了防止站点为返回的用户加载相同的内容并节省一些加载时间，请启用浏览器缓存。 至于新用户，网站仍会从头开始加载内容，因为新用户的缓存是空的。尽管如此，完整的浏览器缓存可以将站点速度从 2.6 毫秒提高到 1（甚至 0.9），因此强烈建议使用它。

快速工具：盖茨比

Gatsby 是一个静态站点生成器。 该框架使用初步加载：当用户打开主页时，浏览器在后台模式下加载显示链接到主页的站点其他页面所需的数据。

使用 Gatsby 构建的网站是一个 React 应用程序，因此它只加载有关页面之间差异的数据，而不是完整的页面。 在页面之间的转换过程中，虚拟 DOM 被更新。 通过这种方式，用户可以享受高速加载和流畅的网站性能。

上述性能优化方法是处理网站慢问题的最常用方法。但是，由于每个网站和 Web 应用程序都是独一无二的，因此你需要首先进行性能审核，以准确识别你的网站存在的问题并提出解决问题的正确方法。