Speed Optimizer by SiteGround 设置教程

图片[1]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

SiteGround 注册无法接收短信验证码? 查看问题的解决方法

网站打开速度的重要性不用多说了,SiteGround 尽其所能来优化其主机的速度,让新手搭建的 WordPress 或者 WooCommerce 网站也够获得不错的打开速度,这也是推荐 SiteGround 的主要原因。2012年 SiteGround 推出了一个名为 SiteGround Optimizer 的免费WordPress插件。现在当我们使用 SiteGround 创建 WordPress 或者 WooCommerce 站点时,该插件会自动安装在我们的WordPress 或者 WooCommerce 站点上。

什么是 Speed Optimizer by SiteGround?

Speed Optimizer by SiteGround (原名 SiteGround Optimizer)是一个免费的WordPress插件,当我们使用 SiteGround 创建新的 WordPress 站点时,该插件会自动安装在我们的站点上,如果在网站后台没有找到该插件,我们也可以直接在WordPress 插件市场搜索和安装 Speed Optimizer by SiteGround 插件。需要注意的是某些功能如图像压缩和 WebP 转换功能只有 Siteground 主机用户可以使用。也就是说,该插件是为 SiteGround 主机开发的,其他主机虽然也可以安装使用,但是在功能上会有限制,所以优化效果上是也要打个折扣的。

Speed Optimizer by SiteGround 可以帮助我们优化 WordPress 网站的内容和代码,以提高网站打开速度。这些优化主要分为以下四类:

  • Caching – 缓存设置以提高TTFB速度
  • Environment – SiteGround 主机环境优化
  • Frontend – WordPress 网站前端优化
  • Media – 图片压缩优化
图片[2]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

SiteGround 又将四大类设置分为不同的设置任务数量标注出来,如下图,缓存设置一共有4个设置任务,已经完成了其中的2项。SiteGround 主机环境优化设置一共有3个选项,已经完成了其中的1项设置,等等。接下来我们就按照引导完成所有的设置。

图片[3]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

Caching 缓存设置

Cache 缓存类型

强大的缓存功能以提高TTFB速度 – 包括 Siteground Optimizer 在内的所有速度优化插件的一个关键功能就是缓存管理。默认情况下,用户访问页面时,WordPress 会运行成千上万行的代码。如果访问者众多,这些代码会累积。SiteGround Optimizer 等速度优化插件会缓存每个页面,然后提供这个预生成的页面副本以节省资源。缓存的最大好处在于通过减少服务器生成响应的时间来改善首字节到达时间(TTFB)。TTFB是指从服务器接收到网站的第一个字节的速度。您的网站需要生成第一个字节的时间越长,它在搜索引擎中的表现就越差。Speed Optimizer 缓存选项可以使网站比类似插件快20%,重要的是设置简单,点几下鼠标就可以完成基于文件的缓存,动态缓存,以及对象缓存的设置。

图片[4]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

缓存类型分为3种:Dynamic Caching;File- Base Caching;Memcached。

动态缓存 Dynamic Caching 推荐启用

  • 启用

动态缓存是由 NGINX 提供支持的全页缓存机制。全页缓存默认在服务器级别为所有在 SiteGround 托管的网站启用。即使我们没有安装插件 Speed Optimizer by SiteGround,SiteGround 也会缓存我们的 WordPress 网站。插件 Speed Optimizer by SiteGround 让我们对缓存过程有更多控制权,我们可以按照自己的实际需求完成所有缓存设置。

如果我们的网站不是搭建在 SiteGround 主机上的,使用插件 Speed Optimizer by SiteGround 时无法使用动态缓存,因为这个功能依赖于 SiteGround 的特定服务器配置才能正常运行,因此只在 SiteGround 环境中可用。所以要么我们可以试试其他网站速度优化的插件,或者直接将网站迁移到 SiteGround,来使用动态缓存功能。

基于文件的缓存 File- Base Caching 推荐启用

  • 启用

使用基于文件的缓存,我们的站点每次访问都会更快。启用这个功能之后,插件 Speed Optimizer by SiteGround 会为我们的网站创建一个静态 HTML 版本,并将其存储在 WordPress 缓存目录中。

要使用基于文件的缓存功能,前提提条件是启用动态缓存 Dynamic Caching 。两个功能同时开启可以为网站提供最佳的性能。

图片[5]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

点击 “CONFIGURE” 按钮可以配置基于文件的缓存设置

图片[6]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C
  1. 清理间隔:☑️ 推荐选择默认的一周
  2. 预热缓存:☑️ 推荐勾选。启用预热缓存 Preheat Cache 之后,网站内容更新之后缓存也会被自动更新到最新版的内容,用户体验会更好。不过 Preheat Cache 功能依赖于 WP-Cron。我们可以联系 SiteGround 客服让他们帮我们启用 WP-Cron,或者自己动手修改网站根目录下的 wp-config.php 文件,在 “define('DB_COLLATE', '');” 一行下方添加新的一行代码内容 “ define('DISABLE_WP_CRON', false); ”。
  3. 登录用户缓存:推荐不勾选。默认情况下,SiteGround 不为登录用户缓存内容。一旦启用了登录缓存,SiteGround 将为每个用户存储单独的缓存。也就是说如果我们的网站有很多用户,存储的缓存大小也会随之增加。

对象缓存 Memcached 设置 推荐启用

  • 启用

Memcached 是最受欢迎的对象缓存解决方案之一。Memcached 可以将在数据库中执行的频繁的查询数据缓存起来,当有重复的数据库查询时直接从缓存数据中调用,而不是从数据库中查询调用,以此来提升网站性能。

在插件 Speed Optimizer by SiteGround 设置中启用 Memcached 的前提条件是,在 SiteGround 主机的 Site Tools – Speed – Caching 设置中 Memcached 处于激活状态。否则就会出现如下 Error 提示。

图片[7]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C
图片[8]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

缓存设置 Caching Setting

图片[9]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

自动清除缓存 Automatic Purge 建议启用

  • 启用

启用此选项将允许插件 Speed Optimizer by SiteGround 在检测到网站内容更新之后,以智能、高效的方式清除并且重建动态和/或基于文件的缓存。例如,在发生 WordPress 插件和主题更新或切换、WordPress 核心更新等事件时,SiteGround 会进行完整的缓存刷新;当修改文章内容、添加文章评论或更新分类页面内容时,SiteGround 会进行智能刷新,只更新这部分更改过的内容对应的缓存数据。

另外,需要注意的是只有在动态缓存处于激活状态时才能启用自动清除缓存功能。

手动缓存清除 Manual Cache Purge

如果我们没有启用“自动清除缓存 Automatic Purge” 功能,或者我们修改网站内容之后,网站前台内容没有及时更新,我们可以使用此选项来确保我们的网站显示的是最新版本的内容。

禁止某个页面缓存数据 Exclude URLs from Caching

使用完成链接地址:如果我们需要将网站部分页面排除在缓存之外。我们可以将这些页面的链接地址添加到 Exclude URLs from Caching 中。

使用通配符 :除了提供完整的页面链接地址,我们还可以使用通配符 “” 排除网站的整个部分。例如,如果我们想排除 “woocommerce” 分类中的所有页面内容,则可以使用如下链接地址排除该分类下的所有页面: https://yoursite.com/category/woocommerce/*

使用关键词:如果我们想排除所有包含单词 “woocommerce” 的页面链接地址, 可以直接添加:woocommerce

图片[10]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

排除页面类型Exclude Post Type from Caching

通过这个优化,我们可以排除特定页面类型中的所有页面被动态缓存缓存。这将确保所有用户都得到非缓存的服务。可以选择的页面类型包括:Post, Page, Products。

图片[11]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

针对特定浏览器的缓存 Browser-specific Caching

默认状态下是非激活状态。启用后,缓存必须为不同浏览器单独生成缓存数据,这降低了缓存效率,因此,推荐只有在遇到与插件冲突、生成移动版网站或类似功能的问题时启用此功能。SiteGround 用户只有在动态缓存处于激活状态时才能启用针对特定浏览器的缓存。

测试缓存状态 Test URL Caching Status

使用这个工具可以快速验证我们的某个网站页面是否被缓存。要测试网站首页,就直接点击“Test”按钮。要测试其他页面,在文本框中输入完成链接地址之后点击“test”完成测试。如果该页面是被正确缓存的,则会绿色弹窗提示“SUCCESS – The URL is cached”,如果我们测试的页面未被缓存,则会红色弹窗提示“ERROR The URL is not cached”

Environment Settings SiteGround 主机环境设置

通过有效的管理网站资源使用节省带宽,强制 HTTPS 连接,启用 GZIP 压缩,控制 WordPress Heartbeats,定期维护数据库等等技术提升主机性能。

图片[12]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

HTTPS Enforce

  • 启用

我们在前面的 SiteGround 安装SSL证书教程中,安装完成SSL证书之后,就已经强制启用了HTTPS。按照我们的设置教程,一步步完成操作,基本上不会出现SSL证书出现问题的情况。

修复不安全内容

  • 在大多数情况下,我们无需开启此选项。

只有当我们打开网站前台,发现浏览器地址栏最前面提示“不安全”警告,而不是一个小锁子的时候,我们可以在这里启用这个功能,将不安全加载的资源重写,使其通过 https 进行。

如果网站SSL证书在正常工作,则没有必要启用这个功能,因为启用它会让网站打开过程中有一些不必要的加载项影响网站的打开速度,虽然这个影响微乎其微。

WordPress 心跳优化

建议直接按照系统推荐选择

  • WordPress Admin Pages: Disabled – Recommended
  • Posts and Pages: 120s – Recommended
  • Site Frontend: Disabled – Recommended

WordPress Heartbeat 是 WordPress 系统的一项重要功能,它可以将服务器上的更新内容及时推送到我们的后台仪表盘,并且显示到浏览器中。我们在编辑内容时的实时保存功能就是 Heartbeat 的一项重要功能。如果我们在浏览器中长期打开 WordPress 后台但是没有任何操作,会增加服务器 CPU 的使用率。通过 Heartbeat Optimization 这个选项,我们可以让 Heartbeat 运行得不那么频繁或完全禁用它们。

Scheduled Database Maintenance 计划数据库维护

  • 启用所有优化

点击 Edit 编辑按钮可以查看所有设置选项。如下图显示的所有可用的数据库维护任务列表。建议启用所有优化以获得最佳结果。启用后,此选项将安排每周一次的数据库维护任务。

图片[13]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

Frontend Optimization 网站前端优化

WordPress 网站前端优化 – 网站前端代码包含许多仅用于人类可读性的字符,如空格、换行和缩进,删除这些字符,压缩网站的CSS和JS文件可以将网站的代码大小减小80%以上。网站上有大量CSS和JS文件可以增加加载时间,将多个CSS和JS文件合并成一个这样,访问者的浏览器只需加载一个JS文件和一个CSS文件。压缩 HTML、CSS、JavaScript 文件,合并 CSS 和 JavaScript 文件,延迟加载阻止渲染 JavaScript,字体轻量化和优化,以提高网站速度。

在这个页面上,我们将找到针对网站的 CSS、JavaScript 和 HTML 的不同优化方法。我们可以在各自的标签页中找到每个功能,这里我们按照优化功能来说明各项设置

图片[14]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C
图片[15]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C
图片[16]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

文件压缩 Minify CSS, JS Files / HTML Output

  • 启用

压缩 CSS、JS、HTML文件,以移除 CSS 和 JS 文件以及网站 HTML 输出中的所有不必要字符,大大提升网站的加载速度。

排除某个文件的压缩 Exclude from CSS/JS/HTML Minification

如果不想压缩某个文件,也可以使用排除功能。点击编辑按钮之后,在弹窗中选择排除压缩的文件,或者输入页面链接地址。

合并 CSS 和 JS 文件 Combine CSS/JS Files

  • 启用

合并 CSS 和 JS 文件将减少客户访问网站时发起的对网站的请求数量,从而提高网站打开速度。SiteGround Optimizer 将在合并后保留脚本和样式的原始位置,以便与其他插件兼容。

注意:启用合并 CSS 文件后,网站前台看起来不正常的话,我们可以启用CSS设置选项页面底部的 “Preload Combined CSS”, 来预加载合并的CSS文件,以便正确渲染和现实页面。

注意:合并 JavaScript 文件可能会导致需要特定执行顺序的脚本出现问题。启用合并JS文件之后,如果网站前台出现文件,则建议关闭 JS 文件合并功能。

排除某个文件的合并 Exclude from CSS/JS Combination

如果不想合并某个文件,也可以使用排除功能。点击编辑按钮之后,在弹窗中选择排除合并的文件。

预加载合并的 CSS 文件 Preload Combined CSS

  • 启用

启用合并 CSS 文件后,网站前台看起来不正常的话,我们可以启用CSS设置选项页面底部的 “Preload Combined CSS”, 来预加载合并的CSS文件,以便正确渲染和现实页面。

延迟渲染阻塞的 JavaScript

  • 启用

延迟渲染阻止JavaScript,当您的网站上有大量JavaScript代码时,浏览器会在显示内容之前尝试加载它。这可能会破坏用户体验。延迟渲染阻止JavaScript确保浏览器首先显示重要内容,然后再加载JavaScript代码。这可以确保您的访问者在等待您的网站加载时不必盯着空白页面。

这个选项允许我们推迟延迟网站初始访问时渲染的 JS 文件。延迟渲染阻塞 JS 功能将指示浏览器加载并显示网站上应立即可见的资源。延迟渲染阻塞 JavaScript 可能会导致需要特定执行顺序的脚本出现问题。一旦启用此功能,建议彻底检查网站前台各个页面。如果发现某个页面有问题,可以使用“从延迟渲染阻塞 JS 中排除 Exclude from Deferral of Render-blocking JS”选项,将对应功能的 JS 文件排除出延迟渲染选项中。

Web 字体优化 Web Fonts Optimization

  • 启用

通过 Web 字体优化,我们可以改变加载 Google 字体的默认方式,以节省 HTTP 请求。此外,我们的 WordPress 网站使用的所有其他字体都将被正确预加载,以便浏览器以最短的时间缓存和渲染它们,提高网站的打开速度。

启用后,SiteGround Optimizer 会在 fonts.gstatic.com 上添加所谓的“预连接”链接,从而加快字体下载速度。

字体预加载 Fonts Preloading

使用此设置,我们可以预加载正在使用的字体,以便更快地渲染和提升网站性能。请只预加载实际在使用的字体。在大多数情况下,我们可以在进行 PageSpeed 测试时找到这些字体,并会被提示预加载这些资源。在添加预加载字体时,请确保粘贴的是字体的完整链接地址。

Remove Query Strings from Static Resources 从静态资源中移除查询字符串

  • 启用

WordPress 脚本加载过程的标准功能是附加加载的脚本的版本。移除这些版本参数将改善页面在可能使用的 CDN 和访问者浏览器中的缓存。请注意,移除查询字符串不会阻止对这些资源进行更改后重新加载它们,所以不必担心这一点。

禁用表情符号 Disable Emojis

  • 启用

尽管我们都喜欢表情符号,但WordPress表情符号脚本和CSS文件可能减慢网站速度。默认情况下,WordPress 将加载脚本以自动检测并在内容中生成表情符号。禁用此选项将停止加载该脚本,节省一些宝贵时间。请注意,大多数现代浏览器仍然会自动将诸如 ; ) 之类的符号转换。

Media 媒体设置

网站速度较慢的罪魁祸首之一就是图像大小。当网站上包含大量图像页面将加载得非常慢,因为浏览器必须下载所有图像。图像压缩技术可以实现图片无损压缩,保证图片显示质量的同时降低图片大小,提升网站的打开速度。SiteGround 的 Optimizer 插件让图片优化过程变得非常容易。通过 Speed Optimizer 的图片压缩设置选项,可以按需限制图片大小,对图片进行无损压缩,将图片转换为 Webp 格式,延迟加载图片等,在提高网站打开速度的同时保证图片质量不受影响。

图片压缩 Compression Settings

图片[17]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

图片压缩功能将重新调整图片文件大小,以减少它们占用的空间和每张图片的加载时间。图片压缩不会改变图片尺寸,图像质量的视觉变化几乎是无法察觉的。我们可以使用预览按钮“Preview”来测试单张图片的压缩效果,并选择最适合您的压缩级别。

通过使用编辑按钮,我们可以设置所需的压缩级别,并选择在压缩图片之前是否为我们的图片创建备份。整个压缩过程所需要的时间和网站上的图片数量有关,图片越多,所需时间越长。

使用 WebP 图片 Use WebP Images

  • 启用

此功能仅适用于托管在 SiteGround 的网站。 WebP 是下一代图像格式,它在保持相同图片质量的同时大大减小了图片的文件大小。这意味着更快的网页加载速度,因此强烈建议启用此功能。

媒体文件优化

图片[18]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

懒加载媒体文件 Lazy Load Media

  • 启用

此选项使我们网站上的图片仅在即将对访问者可见时才加载,而不是在页面一打开的初始加载过程中下载。通过开启此选项,像评论者头像图片(对于评论多的帖子非常有用,可能需要数百个请求才能加载评论作者的头像)、缩略图、响应式图片、小部件和移动端图片将被懒加载。

我们还可以从懒加载功能中排除特定的 CSS 类和媒体类型。

注意,如果网站 Banner 使用的是 Sliders, 可能在懒加载选项开启时无法良好工作。

最大图像宽度 Maximum Image Width

我们可以设置最大图片宽度,这样在网站上上传或使用大型图片时,如果图片超过设置的宽度,则自动调整图片大小以适应最大宽度。这可以将图片大小减少高达 80%,并在带有一个或多个大尺寸图片的页面上显著提高加载速度。启用此功能将调整所有宽度超过 2560 像素的图片的大小。

SiteGround Optimizer 启用前后对比

最后,是在 SiteGround 主机上新建的 WooCoommerce 站点,在使用插件 SiteGround Optimizer 前后,GTmetrix 给出的评级对比,效果还是挺明显的。

图片[19]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

使用 Speed Optimizer 优化以后的效果

图片[20]-Speed Optimizer By SiteGround 设置教程 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

没有使用 Speed Optimizer 的效果

© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容