阅读笔记《大型网站技术架构核心原理与案例分析》《高性能网站建设指南》

软工三班 王骜

我们组的主题是性能。

直观的说法就是网站的响应速度，它不仅仅是网站打开速度。网站性能涉及用户访问网站的整个流程中。首先用户在浏览器端发出请求，其次在网络上对请求数据、响应数据的传输，最后在网站服务器端对请求数据进行处理（执行程序、访问数据库、文件等），并将结果返回。网站的响应时间，是判断一个网站是否是好网站的重要因素之一。网页的响应时间越短，用户访问起来感觉会更为流畅，体验也更好。在今天的移动时代，随着网站的功能越来越多，网站性能显得如此重要，几乎关系到网站生死存亡。从另一方面看，移动端用户的耐受力远低于桌面端用户。网站性能关乎客户去留。

影响网站性能因素有很多，要如何优化呢?

1、页面权重

也称为页面大小，该指标是指网站的总文件大小，包括其脚本、HTML 代码、图像和视频。Web 浏览器必须下载所有这些文件才能正确显示网页。繁重的站点有许多大型资源文件，需要更长的下载时间。因此，页面大小直接影响您的页面速度。有多种方法可以降低您网站的文件大小：简化网站设计。 使用干净简单的主题可以最大限度地减少访问者在访问您的网站时下载的文件量。缩小代码文件。 通过删除空格、换行符和注释来删除站点代码文件中不需要的字符。删除自定义字体。一种自定义字体的大小通常为几百 KB。虽然看似微不足道，但太多的字体需要更长的加载时间，尤其是对于互联网连接速度较慢的访问者而言。减少广告。加载广告会占用额外的资源。因此，不要过头，只在相关的地方展示。

2、图片

图像文件会显着影响站点性能。它们的大小比 HTTPS 文本等其他文件大得多，因此加载速度较慢。但是由于图像对于许多网站来说都是必不可少的，因此删除它们以提高加载速度是不可行的。值得庆幸的是，您可以优化图像以创建类似的效果。以下是一些图像优化选项：压缩你的形象。使用 Compressor.io 等压缩网站 减小图像大小。尝试不同的设置以找到质量和大小之间的适当平衡。尽量减少图像文件。避免在您的网站上放太多图片。只选择必要的图像并将它们放在相关的位置。调整图像大小。 根据容器更改图像的尺寸。使用过高分辨率的图像没有任何好处，反而会减慢您的网站速度。

3、HTTP 请求

每当用户访问网页时，他们的浏览器都会向目标服务器发送HTTP 请求。此 HTTP 请求指定浏览器显示网页所需的内容。作为回报，网站的服务器会发送包含所请求文件的响应。一旦它提供了所有资源，浏览器就可以完整地显示网页。如果网站有很多文件，浏览器会发送更多的请求。这种扩展的数据传输过程可能会导致站点速度变慢。

4、浏览器缓存

打开网站后，浏览器会暂时将其数据存储为缓存。网站缓存包括用于显示页面的文件，如 HTML 代码和图像。缓存网站的目的是在重新访问时加快加载时间。由于Web 浏览器在本地存储缓存，因此它们不必从服务器重新获取站点资源。根据您的网络托管服务提供商，启用缓存的步骤可能会有所不同。通常，您可以通过虚拟主机控制面板激活它。

5、文件压缩

传输较小的网站文件速度更快，因为它们需要的带宽更少。因此，压缩大文件有助于提高页面速度。压缩让服务器在将网站文件发送到网络浏览器之前缩小它们。压缩文件最多可比普通文件小70%，从而使 Web 浏览器能够更快地加载它们。

6、渲染阻塞 CSS 和 JavaScript

每当网络浏览器加载站点时，它都会优先考虑 CSS 和 JavaScript 并暂停HTML 解析。这些代码将在基本元素之前加载，使网站看起来更慢。对于第一手用户体验而言，渲染阻止代码可能不是必需的。因此，开发人员通常会延迟或消除不必要的 CSS 和 JavaScript 代码。

7、托管

选择合适的网络托管服务提供商对您网站的性能至关重要。不可靠的托管服务可能会降低您的网站速度或由于持续停机而使其无法访问。