Elementor建站网站速度优化清单

Elementor建站网站速度优化清单

　　如果您正在寻找提高Elementor网站速度的资源或分步指南，此文章非常适合您。

　　这些步骤使得我们在使用Elementor创建网站后，网站将加载速度更快。

　　推荐：使用Elementor在WordPress中隐藏页面标题

站外优化

　　我们在使用Elementor网站之前使用的工具和服务，使用站外优化来确保网站快速响应的基础。

1、主机

　　主机对Elementor网站的速度影响最大。Elementor需要一个高质量的网络主机来快速加载，共享主机虚拟主机等会给你带来最大的问题。

　　siteground托管的所有网站都启用了静态和动态缓存，仅此一项就可以使网站速度提高 5 倍。我们还在所有实例上预安装了我们的 SiteGround Optimizer 插件，它为您提供开箱即用的媒体和前端优化以及环境控制，以提高性能。开发了 PHP 和 MySQL 的自定义实现以提高网站性能，并使您的页面加载速度平均提高了 30%。

　　推荐：什么是vps主机

2、连接到Cloudflare（免费）

　　Cloudflare是一项免费服务，可加快您的网站速度。Cloudflare是可选但免费的，它为您提供了许多工具来加速您的网站交付。他们提供免费的CDN、SSL、DDoS保护、Brotli压缩，并与此清单中使用的其他插件配合得很好。

　　非常适合DNS管理。TTL发生在几秒钟内，而不是几小时内，Coudflare是世界上最快的DNS提供商，在所有DNS提供商中整体速度最快。

　　推荐：WPControl性能优化插件WordPress最简单的优化插件教程

3、审核网站

　　要弄清楚您的网站到底出了什么问题，请通过审核工具运行它。我们喜欢Google PageSpeed、Pingdom或GTMetrix。输入您的域并运行测试。这些工具将准确地隔离您的网站出了什么问题。从那里，您将确切地知道什么值得您重点关注。

　　推荐：Pingdom Tools网站速度检测工具，分析网页速度问题

站内优化

　　需要安装插件和速度优化工具，以使Elementor尽可能快地加载。

1、安装高级缓存插件

　　这个插件将使您的网站更快。缓存解决方案是安装在您的站点中的最重要的插件。为此，我们推荐WPRocket。这是一个付费插件，但所有免费的解决方案都被淘汰了。

　　安装它，缓存会自动预加载并集成到您的站点中。合并和缩小HTML、JS和CSS、使文件更小并减少HTTP请求。与Elementor配合得很好，减少了HTTP请求，并消除了渲染阻塞资源。

　　推荐：（图文）WP Rocket插件配置教程WordPress缓存插件

2、预加载Elementor字体

　　预加载Elementor字体，找到字体文件的URL，并将其粘贴到WP Rocket或Asset Clean Up的相应字段中。

3、调整大小和压缩图像

　　较小的文件加载速度更快。使用一个名为ShortPixel的插件。安装后，您可以一次性批量优化所有图像。这样做是自动压缩和调整它们的大小以确保最高质量，但最小文件大小。

　　还带自动配置的图像CDN。对于远离您的服务器的访问者，这对图像加载时间有显着影响。

　　注意：建议使用在线压缩图片工具，将图片压缩后，再上传到网站，可减少网站插件开销。

　　推荐：6个最好的WordPress图像优化器插件提高WordPress网站性能

4、将图像作为下一代格式提供

　　WebP可以压缩两倍，同时看起来相同。使用ShortPixel，您可以免费自动将JPG/PNG转换为WebP。这些图像在支持它们的浏览器上提供，而优化的后备图像在旧版浏览器上提供。

　　以WebP格式提供图像可以缩短网站的加载时间。

　　推荐：[最新版]WP Smush Pro插件免费下载WordPress图像优化插件

5、在不使用的页面上禁用插件

　　在不需要的所有页面上禁用WooCommerce。

　　使用Asset Cleanup或Perfmatters性能优化插件，在不使用插件的页面上禁用插件。会减少请求、限制服务器上的负载并在页面加载时传输更少的数据。如果网站上运行WooCommerce，将特别有用。

6、删除未使用的CSS、字体和脚本

　　限制传输的数据量可以加快页面加载速度。使用“卸载”加载单个页面（或内容范围，如博客文章）不需要的所有CSS文件、JavaScript和字体。这减少了传输的数据量，并最大限度地减少了浏览器需要向服务器发出的请求。

　　推荐：WordPress网站如何使用WP Rocket删除未使用的CSS

7、需要时加载第三方脚本

　　使用Flying Scripts，延迟加载第三方脚本，如Stripe、HubSpot、FB Pixel等。这加快了Elementor页面的初始加载时间。

总结

　　以上是晓得博客为你介绍的Elementor建站网站速度优化清单的全部内容，Elementor 页面构建器是WordPress建站中最好用的插件之一，但是网站的响应速度也着实让人头疼，通过以上步骤，可以加快 Elementor页面的初始加载时间。

　　推荐：WordPress静态缓存插件WP Super Cache使用教程

　　推荐：Elementor页面构建器教程