速度优化

[Soledad]

从Soledad 8.0.7版开始-我们在自定义中添加了一个新的部分/选项,以帮助您优化站点速度-比以前更轻松,更好。所以,如果您看不到 外观>自定义>Speed Optimization 部分,请将主题更新为最新版本（记住更新主题后要执行步骤4)并确保已安装并激活插件 Penci Shortcodes & Performance

一切更新到最新版本后,请按照 4个步骤 下面以优化您的站点速度-所有步骤都很简单:

步骤1:准备
如果正在使用,请禁用所有Combine/Merge CSS/JS files和Minify CSS/JS文件并从插件中删除Minify CSS / JS文件。
如果正在使用插件,请禁用所有Lazyload Images / Lazyload Media。
清除所有缓存,然后停用所有缓存/优化速度插件（我们稍后将安装）。
有些托管商自欺欺人（例如 SiteGround 托管）-禁用它（完成所有优化后,您可以重新激活它）

步骤2:启用速度优化选项
去 仪表板>外观>自定义>Speed Optimization 并检查以下选项:

在“Optimize CSS”部分 -检查启用"Enable Optimize CSS", "Minify All CSS", "Inline Optimized CSS", "Optimize Google Fonts", "Inline Google Fonts CSS", "Create Critical CSS?"如下图所示:

optimize1.jpg (128.52 KiB) 查看 7141 次

注意: 我们主题中的“Create Critical CSS”功能将删除未使用的CSS并创建关键CSS文件,然后对其进行缓存,所有其他CSS将被延迟加载,直到用户交互为止。因此,启用此选项后或在“清除关键CSS缓存”之后-第一次不登录就查看您的网站将缓慢加载一点以扫描所有所需的CSS。之后, 装载很快。

而且,如果您更改了对网站样式的影响,请单击下图上的按钮以清除所有关键的CSS缓存,以确保关键的CSS文件已更新:

critical-css-cache.png (27.38 KiB) 查看 7140 次

在“Optimize Javascript”部分 -检查启用 “Delay Javascript Execution”，“Delay Google Ads” 如下图所示:

IMG_20240403_093732.png (43.7 KiB) 查看 7137 次

在“Optimize HTML”部分 -检查到 “Minify HTML”

注意: 如果您的站点在第一个屏幕上加载大图像(“第一个屏幕”是访问站点时不向下滚动的视图）,并且 LCP（最大的Contentfull Paint）太高,您可以通过选中将其减小，自定义>Speed Optimization > General & Lazyload > "Delay all images loading in the first screen to optimize LCP value"。但是请注意,执行此操作后,所有图像都会延迟加载,直到用户互动为止,因此您无法从Google Page Speed测试预览屏幕上看到任何图像。

步骤3:安装缓存插件

该主题对于大多数缓存插件都可以正常工作。因此,您可以选择适合您要求的最佳缓存插件并使用它。我们建议:“ W3 Total Cache”,“ WP Super Cache”,“ WP Fastest Cache”,“ Cache Enable”这些免费插件。和“ WP Rocket”收费缓存插件。
注意:只需使用一个缓存插件。 因为如果一起使用许多缓存插件,它们将冲突在一起。

以下是一些示例插件的设置:

Cache Enabler:

安装并激活“Cache Enabler”插件后,转到 仪表板>设置>Cache Enabler 并如下图所示进行配置:

cache_enabler.png (56.82 KiB) 查看 7136 次

请注意:在“缓存的页面在创建后XX小时内过期”。 -它可以更改为另一个值,这取决于您拥有哪种类型的内容或网站。

W3 Total Cache:

安装并激活“ W3 Total Cache”插件后,转到 仪表板>Performance > General Settings 和:

在“Page Cache”上:勾选“Enable”,然后将页面缓存方法设置为“Disk: Enhanced”。
在“Browser Cache:”上打勾“Enable”."
所有其他选项都将其保留为默认值

WP Supper Cache:

安装并激活“ WP Supper Cache”插件后,转到 仪表板>设置> WP Supper Cache 并选择“Caching On”-保留所有其他选项,例如默认值。

WP Rocket:

安装并激活“ WP Rocket”插件后,转到 仪表板> WP Rocket:

在“Cache tab:”上,打开2个选项:“Enable caching for mobile devices”和“Separate cache files for mobile devices”.
在“File Optimization”选项卡上:关闭所有选项
在“Media”选项卡上:关闭以下选项:“Enable for images”和“Enable for iframes and videos”
所有其他选项都将其保留为默认值
WP最快缓存: -您可以进行如下图所示的设置:

fastest-cache.png (63.12 KiB) 查看 7134 次

步骤4:优化资源加载

您网站上的某些资源（例如:图像,自托管视频等）以及服务器的响应时间不受主题控制。因此,您需要优化资源的权重和从服务器获取这些资源的时间。

为了优化图像的重量,我们建议您使用.JPG图像,并使用插件来优化图像的重量,例如: EWWW Image Optimizer或 Smush 或 ShortPixel Image Optimizer

为了减少服务器响应时间,我们建议您使用良好的托管如Cloudflare 或CDN之类如MaxCDN 或 CDNSunCDNSun