网站性能优化：9个提升网站载入速度的方法

众所周知，网站性能优化很重要，直接关系到用户体验，所以作为前端开发工作者来说，需要了解一些关于性能优化的知识。

1. 资料清洗

资料清洗通常是指对从伺服器取得的资料进行处理，以减少页面记忆体占用并提高载入速度。

在伺服器渲染网页时，页面会储存在Redis 快取中。小型的HTML 档案不仅可以减轻储存空间压力，还有助于提升页面载入速度。

如何才能减少HTML 档案的大小呢？

在伺服器渲染时，一些请求介面的资料会被转换成文字并嵌入到HTML 档案中，而这些资料可能包含许多冗余资讯。我们只需要在请求介面后对资料进行清理，保留必要的部分，就可以有效地减少HTML 档案的大小。

2. 压缩HTML 程式码

使用压缩工具或服务可以移除HTML 档案中的空格、注解和其他不必要的字符，从而减少档案大小。

如压缩工具：https://www.minifier.org/

3. 使用缩写和简化程式码

尽量使用简洁的标记和属性，避免冗余的程式码和不必要的标签，以减少HTML 档案的体积。

4. 合并和压缩CSS 和JavaScript 文件

将多个CSS 和JavaScript 文件合并为一个文件，并对这些文件进行压缩，可以减少页面载入所需的HTTP 请求次数，提高载入速度。

5. 使用语意化标记

使用语义化的标记结构，使程式码更易读且更具可维护性，同时也可以减少冗余程式码。 html 语意化让页面的内容结构化，结构更清晰，方便对浏览器、搜寻引擎解析。

6. 延迟载入资源

将不是首要加载的资源（如图片、影片等）延迟加载，可以减少页面初始载入时所需的资源量，加快页面呈现速度。

7. 使用图片优化技术

将网页中的图片进行最佳化，包括压缩图片、选择合适的格式（如WebP 格式）、使用适当的尺寸和质量，可以缩小页面大小。

8. 减少嵌入式内容

减少或避免在HTML 档案中嵌入大量的外部资源（如嵌入式视讯、音讯等），可以减少档案大小。

9. 使用CDN 加速

将静态资源（如图片、CSS、JavaScript 档案）托管到CDN（内容分发网路）上，可提高资源载入速度，减轻伺服器负担，并间接减少HTML 档案大小。 CDN 在全球各地都有伺服器节点，这意味着无论用户身在何处，都可以从最近的CDN 边缘伺服器取得网站的静态资源，从而提高页面载入速度。