加快图像重网站的简单步骤

已发表: 2019-09-20

网站所有者最终可能想要提高他的下载速度。 这增加了搜索结果的排名； 此外，网站访问者通过更快地响应他们的行为来使用它会更愉快。

为了寻找快速直接的解决方案，网站所有者安装了大量插件，这反过来又会消耗资源，只会减慢其工作速度。 我们对优化插件没有任何反对意见，但需要使用它们并了解其工作原理。

此外，从未经历过管理的站长往往对优化有误解。 在他们的理解中，优化就是不惜一切代价加速脚本。 优化的任务是以最优的资源价格产生站点的最优速度。 因此，不可能有适用于所有站点的通用指令。

对于任何资源所有者或网站管理员来说，让您的网站快速运行是一项紧迫的任务。 毕竟，页面加载速度是网络资源成功的最关键因素之一，还有高质量的内容和漂亮的图形设计。

缓慢的加载有时会增加失去用户的可能性。 尤其是当访问者来自移动设备时。 加快网站加载速度的简单建议，即使是没有经验的用户也可以在实践中实施，这将有助于最大限度地减少流量损失的可能性。

Speed Up Your Image Heavy Website

1. 优化 HTML-Code 和 CSS-, JS-Files

如果不关心进入网站时传输到用户浏览器的代码的“清洁度”，下载优化是不可能的。 源代码中的大量字符会显着影响加载速度，因此其简洁性是成功的关键因素。

如何最小化代码以加快网站加载速度

删除不必要的字符、标记元素和源代码标签。 自动化该过程将有助于在站点的 HTML 代码的开头和结尾添加一个小插入。

这种缓冲 HTML 内容的方法非常有用，但它会在随机存取存储器上产生额外的负载。

将相同类型的 CSS 文件和 JS 文件分组。 JCH Optimize、Cloudflare 或 Minify 等免费 PHP 应用程序被复制到一个单独的目录并通过所有站点文件，将有助于组合这些元素。

2. 移除额外的 HTTP 请求

加载网站时，上传页面元素（javascript、图像、CSS 和 Flash 文件）占用了大部分系统资源。 对此类元素的 HTTP 请求会显着降低站点速度。

为避免“额外”请求，您需要减少页面组件的数量。 这将导致服务器调用按比例减少，并将加快网站的加载速度。

这可以通过多种方式完成：

  • 将多个图像组合成一个图形文件（CSS sprite）；
  • 在页面样式表中使用内嵌图片（inline-pictures）；
  • 一页上的多个 CSS 文件或脚本合并为一个文件；
  • 尽量减少场景和插件的数量。
3. 以正确的顺序排列 JavaScript 和 CSS

建议将 CSS 文件放在页面代码的顶部，将 JavaScript 放在底部。 优化后，会先加载静态内容，再加载动态图形。

需要更多资源来下载的 Flash 元素或动画不会从一开始就“拉出”并破坏网站的印象。 这将确保内容的顺利下载并增加资源的美感。

4.减少外部脚本的数量

外部脚本是通过外部链接访问的代码（文本）。 链接会向许多不同的服务器创建额外的请求，这最终会减慢站点的速度。 为避免这种情况，建议主要使用嵌入在页面源代码结构中的本地脚本。

当然，专注于本地脚本会对网站的外观和功能造成一定的限制。 但由此产生的下载速度优势值得这些“牺牲”。

5.启用刷新

此 PHP 功能允许您不必等到用户的服务器从资源加载信息，而是将其部分输出。 当数据传输到浏览器时，打开的窗口不会保持空白，而是会平滑地填充网站的可加载元素。 这种加速对于界面复杂、流量大的网络资源尤为必要。

最好将flush函数放在页面源代码的开头，紧跟在head之后。 从标题中，HTML 内容将更快地打开，您还可以启用 CSS 和 JavaScript 元素的并行加载。

6.缓存页面

缓存将站点页面中的一些信息（flash、图形、JavaScript 和 CSS）保存到用户的浏览器。 在下一次运行时，这些文件会立即从浏览器中下载，从而为网站提供额外的速度。

您可以通过向 HTML 代码添加过期标头来启用缓存。 通过安装具有免费或部分免费功能的插件（例如 W3 Total Cache、Cache Enabler 或 Zen Cach），可以轻松缓存 WordPress 站点。

对于新站点，最好仅在完全准备好启动后使用缓存。 如果您在开发过程中启用该功能，进一步的更改可能无法正确显示在站点上。

7. 使用 CDN

内容交付网络——分散在世界各地数据中心的一系列服务器，以提高将内容传输给访问者的速度。 访问者在地理位置上离 CDN 服务器越近，来自站点的数据包传输速度就越快。

CDN 的使用对于内容和高负载门户尤其重要，因为它们的主要受众远离物理服务器。 该服务最大限度地减少了海外网站下载的等待时间，有助于提高其在本地搜索结果中的排名。 毕竟，内容是从他所在国家/地区离用户最近的服务器存储下载的。

8.优化图形和视频

您必须选择正确的图形和视频格式，因为文件格式直接影响信息呈现给访问者的速度。

不同网页内容的推荐格式：

  • SVG——用于矢量标志和简单的界面元素；
  • PNG——用于方案和非矢量标志；
  • JPG – 用于照片和图像；
  • MPEG4 – 用于视频和动画。

同样对于视频和动画，可以使用相对较新的 WEBM 格式。 在大多数情况下，它提供了具有相同质量的更小的视频尺寸。 但是，表单对浏览器的支持有限（例如，在 macOS/iOS Safari 浏览器中不支持）。 因此，建议使用 WEBM 文件作为优先视频源并安装 MPEG4 作为替代源。 如果共享不可接受或不方便，您也可以使用唯一的 MPEG4。

另外，我们注意到矢量格式 (SVG) 允许在不损失图形质量的情况下进行缩放。

图像优化阶段

第 1 步 - 减小图像的大小。

许多流行的 CMS，例如 WordPress 或 Joomla，都有内置插件来优化原始图像。 但是这种方法会产生额外的负载，并且会减慢站点的速度。 每次页面加载时，浏览器首先访问源代码，然后才动态调整图像大小。

为避免加载图像时速度下降，操作系统中内置的图形编辑器，例如 Preview (Mac) 或 Microsoft Paint (Windows)，以及具有类似功能的在线服务将有所帮助。 与他们合作将需要最低限度的图形处理技能。

第 2 步 – 下载前压缩文件。

即使在优化了图像尺寸之后，它的“权重”通常仍然远非最优。 ImageResize 或 TinyPNG 等方便且免费的服务有助于在不损失图像质量的情况下减小尺寸。 这里的大多数过程都是自动化的。 用户只需要上传文件并下载已经压缩到最佳图像大小的文件。

9. 应用 Gzip 文件压缩

Gzip 是一种压缩站点文件的简单方法，可以节省频道资源并加快加载速度。 使用 Gzip，文件被压缩成一个档案，浏览器可以更快地下载，然后解压缩并显示内容。

启用 Gzip 非常简单——您只需在 .htaccess 文件中添加几行代码。 例如，当使用 Apache 网络服务器时，mod_gzip 模块可供站长使用，为了激活 Gzip，在这种情况下您需要将此类代码添加到 .htaccess

Gzip 文件压缩是为了减少从浏览器到服务器的请求数量。 可以说，这项技术将文件的初始重量减少到 70%，以加快下载速度。

嵌入 Gzip 压缩的方法

将以下代码片段添加到“.htaccess”Web 服务器配置文件。

在 Apache 服务器上

# BEGIN GZIP COMPRESSION
<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>
# END GZIP COMPRESSION

在 Nginx 服务器上

gzip on;
gzip_comp_level 2;
gzip_http_version 1.0;
gzip_proxied any;
gzip_min_length 1100;
gzip_buffers 16 8k;
gzip_types text/plain text/html text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript;
gzip_disable "MSIE [1-6].(?!.*SV1)";
gzip_vary on;
10. 更改主机

加快下载速度的最基本方法是更改​​托管服务提供商。 节省资源分配通常会导致服务质量显着下降，这会破坏所有加快站点速度的尝试。

如果对内容、代码和插件的操作没有带来结果，那么是时候考虑为网站选择一个更体面的“家”了。 在具有高可用性和周到技术支持的优质主机上，互联网资源将获得强大的动力，以提高工作速度。 这将受到感激的观众的赞赏。

最重要的是……

争取访问网站的时间不超过2-3秒。 网站打开 2 秒甚至 3 秒都没有关系，但如果有更多，那么这就是考虑加速网站负载的理由。

您还需要了解页面加载速度有两个参数。

首先是显示内容的速度（此时页面已经打开并显示给用户，而透明页面指示器仍然显示，直到连接所有静态文件和异步脚本）。

此外，第二个是页面实际形成的速度，当所有必须连接的东西都连接起来时。 您需要关注第一个参数，即在显示站点布局之前不得超过三秒。

结论

您不能忽略加载网站的速度这样的数字。 是他从一开始就为游客创造了一个舒适的环境。 用户获得所需内容的速度越快，形成该资源的正面形象和建立对资源的忠诚度的可能性就越高。