Discuz! Board

標題: 使用 Hummingbird 和 Smush 优化 Astra：从令人印象深刻到超凡脱... [打印本頁]

作者: fabiha01 時間: 2025-5-7 18:36
標題: 使用 Hummingbird 和 Smush 优化 Astra：从令人印象深刻到超凡脱...
Astra 是目前最受欢迎的 WordPress 主题之一，拥有超过 160 万个网站。它是一款轻量级主题，专为提升而打造。尽管如此，我们还是将其 Google PageSpeed Insights 评分从令人印象深刻的插件提升到了出色的 99 分！我们将向您展示如何借助我们的优化免费 Smush 和 Hummingbird 进一步提升 Astra 的性能。
阿斯特拉斯马什 HB 1
Astra是一款轻量级主题，专为提升速度而打造。尽管如此，我们还是将其 Google PageSpeed Insights 评分从令人印象深刻的 96 分提升到了出色的 99 分！

我们将向您展示如何借助我们的免费优化插件Smush和Hummingbird进一步提升Astra的性能。

Astra 主题是目前最受欢迎的 WordPress 主题之一，拥有超过 160 万个网站。它旨在为任何类型的 WordPress 网站提供轻量级基础。它通常文件大小低于 50 KB，并且不依赖任何 jQuery，因此不会影响页面加载时间。

太不可思议了！但你还可以做更多，让你的 Astra 网站接近完美的优化。

在本文中，我们将看看……

我们将如何做
它通过 Astra 的小型优化以及我们的插件 Smush 和 Hummingbird 的帮助实现了这一点。此外，还配备了优质的主机服务。

如果您还不知道，Smush 是我们五星级的图片优化插件。它拥有超过一百万的活跃安装量，可以优化图片、延迟加载、调整大小、批量压缩以及压缩所有图片，从而提升速度。

Smush 图像
Smush 是我们对 WordPress 图像优化的答案。
说到速度，我们五星好评的蜂鸟功能齐全，能够通过可调节的文件压缩、法国商务传真列表 CSS和JS压缩、延迟加载注释、缓存等增强功能，让您的网站运行超快。蜂鸟拥有超过10万的活跃安装量，并且人气与日俱增。

蜂鸟图像。
蜂鸟可以帮助您的网站更加活跃。
当然，我们必须提到，Smush 和 Hummingbird 都是免费使用的！

我们将使用Astra Pro创建一个Astra网站，然后对其进行优化，从而发挥最大潜力。Astra也有免费版本，但我们决定使用专业版本，因为我们认为这是大多数专业Web开发人员都会使用的版本。

我们将涵盖：

Astra 概述和测试布局
优化测试设置
未进行优化的速度测试
使用 Astra 和 Smush 进行优化
使用 Astra 和 Hummingbird 进行优化
进一步提升蜂鸟和你的主机
其他优化技巧
要继续学习，您需要Astra Pro、Smush和Hummingbird。如果您不熟悉 Astra 并想先试用，也可以使用免费版。不过，考虑到性能优势（例如 CSS 文件生成），免费版的效果可能会更显著。

单击此处查看免费版与专业版内容的比较指南。

阅读完本文后，您将对 Astra 网站的性能进行全面优化！

Astra 概述和测试布局
如果你不熟悉 Astra，那可能会让你感到惊讶。正如我之前提到的，它已被超过 160 万个网站使用，而且还在不断增加。

至于 Astra 本身，它是一款可定制性极佳的 WordPress 主题，提供丰富的功能。例如，它提供了超过 150 个预建的网站设计模板，即使非开发人员也能轻松上手。此外，所有内容（例如颜色、样式等）均可调整。

此外，它还附带大量可供使用的免费插件，包括自定义字体、Astra Bulk Edit、Astra Hooks 等！

至于速度，据开发人员称，由于它非常轻量，当使用默认的 WordPress 数据时，Astra 网站的加载时间应该不到半秒。

测试布局设计
Astra 提供众多预制网站，很难从中选择最适合本文的网站。毕竟，我们无法在这篇文章中测试所有网站（这需要一些时间）。

Astra 可与您最喜欢的页面构建器配合使用，包括Elementor、Divi（需要 Divi Builder 插件）、Beaver Builder ……甚至 Gutenberg。

这篇文章我们打算用Mountain模板。它图文结合得非常好，我觉得很合适。

您可以在仪表板的“入门模板”下找到 Mountain 模板，也可以在模板下拉菜单中找到 Gutenberg 模板。此外，还有一个搜索栏可以找到它。

歡迎光臨 Discuz! Board (http://mickey.7788.tw/)