优化WordPress网站加载速度:提升Elementor性能的全面指南(二)

针对WordPress网站加载速度:提升Elementor性能可从以下10个方面进行优化提升:

图片[1]-优化WordPress网站加载速度:提升Elementor性能的全面指南(二)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

1. 优化服务器和基本配置

在进行任何速度优化之前,确保你的服务器和PHP/MySQL版本处于最佳状态。现在Elementor,Woocommerce,Wp Rocket缓存插件等对服务器的要求越来越高,小配置服务器很容易堵塞。如果服务器配置较低,建议升级服务器(至少1H2G)或使用CDN,如Cloudflare

2. 使用高效的主题和插件

选择轻量化、速度快的主题和插件。例如:

  • 插件:WP Rocket、LiteSpeed Cache、Perfmatters等。

建议用尽量少的插件去实现尽量多的功能。例如使用Elementor Pro的话就可以用它制作幻灯片文章目录弹窗广告表单等,没必要再去安装相同功能的插件。除非你的页面不是使用Elementor搭建。

3. 降低服务器负担

降低服务器负担是提高网站速度的关键。以下是一些具体措施:

使用Cloudflare/服务器Cron代替Wp_Cron

WP_Cron会在每次访客访问时触发,增加服务器负担。禁用Wp_Cron,并使用服务器的Cron任务代替。

define('DISABLE_WP_CRON', true);

设置服务器Cron任务,每隔5分钟启动一次:

wget -q -O - https://example.com/wp-cron.php?doing_wp_cron >/dev/null 2>&1

降低WP Rocket预加载和删除无用CSS频率

WP Rocket的缓存预加载和生成关键CSS功能非常占用服务器资源,可以通过调整预加载频率来减轻服务器压力。

添加以下代码到主题的functions.php文件:

function preload_batch_size($value) {
    $value = 20;
    return $value;
}
add_filter('rocket_preload_cache_pending_jobs_cron_rows_count', 'preload_batch_size');

function preload_cron_interval($interval) {
    $interval = 120;
    return $interval;
}
add_filter('rocket_preload_pending_jobs_cron_interval', 'preload_cron_interval');

function preload_requests_delay($delay_between) {
    $seconds = 0.6;
    $delay_between = $seconds * 1000000;
    return $delay_between;
}
add_filter('rocket_preload_delay_between_requests', 'preload_requests_delay');

4. 优化网站配置和插件设置

确保PHP和MySQL版本适合你的服务器配置。MySQL版本根据服务器内存选择适当版本。

插件设置

  • 防火墙和自动备份插件:调整扫描和备份频率,减少对服务器的负担。
  • 图片压缩插件:使用Smush或类似插件压缩图片,提高加载速度。
图片[2]-优化WordPress网站加载速度:提升Elementor性能的全面指南(二)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

5. 不要安装过多跟踪、电商插件

优化一个电商网站时,其它页面都很快谷歌测试手机和电脑端去到90分以上。可是产品详情页手机端非常慢,评分30左右,总加载时间4秒多。查看源代码发现脸书广告,谷歌跟踪代码,paypal付款代码等第三方平台JS代码加起来有接近400KB,无法优化。

图片[3]-优化WordPress网站加载速度:提升Elementor性能的全面指南(二)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

6. 使用系统字体或本地托管字体

使用系统字体或本地托管字体能显著提高加载速度。避免使用谷歌字体或其它第三方字体。

更换字体设置

进入主题和Elementor设置,选择系统字体或网络安全字体:

Arial、Tahoma、Verdana、Times New Roman、Helvetica、Courier New、Georgia、Trebuchet MS、Times。

随便使用Elementor编辑一个页面进行设置。

图片[4]-优化WordPress网站加载速度:提升Elementor性能的全面指南(二)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

本地托管谷歌字体

使用Astra Pro或Perfmatters插件本地托管谷歌字体提高加载速度

图片[5]-优化WordPress网站加载速度:提升Elementor性能的全面指南(二)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

7. 优化缓存和数据库

使用缓存插件如WP Rocket或LiteSpeed Cache,并确保数据库优化。启用Redis或Memcached缓存可进一步提升性能。

启用Redis缓存

在服务器支持Redis的情况下,安装Object Cache Pro插件并进行配置。

8. 使用主题搭建页眉等全站范围内容

尽量使用主题自带的构建器搭建页眉、页脚和侧边栏内容,避免使用Elementor等构建器使速度减慢

9. 使用高效的插件实现功能

使用轻量化、功能强大的插件,如Fluent Forms表单插件,避免安装过多插件。

图片[6]-优化WordPress网站加载速度:提升Elementor性能的全面指南(二)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

10. 检测和优化网站速度

使用GTmetrix和Google PageSpeed Insights工具检测网站速度,根据检测结果进行优化。重点关注Core Web Vitals指标,如LCP、FID和CLS。

图片[7]-优化WordPress网站加载速度:提升Elementor性能的全面指南(二)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

结论

通过合理选择主题和插件、优化服务器配置、使用本地托管字体和缓存插件,可以显著提升WordPress网站的加载速度,改善用户体验和SEO效果。按照本教程进行优化,确保你的网站在性能和用户体验方面达到最佳状态。

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

请登录后发表评论

    暂无评论内容