namesilo最便宜的域名购买
Elementor建站网站速度优化清单

Elementor建站网站速度优化清单

Elementor建站网站速度优化清单

  如果您正在寻找提高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压缩,并与此清单中使用的其他插件配合得很好。

连接到Cloudflare
Elementor建站网站速度优化清单

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

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

3、审核网站

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

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

站内优化

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

1、安装高级缓存插件

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

wp-rocket缓存插件
Elementor建站网站速度优化清单

  安装它,缓存会自动预加载并集成到您的站点中。合并和缩小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。

perfmatters网站性能优化插件
Elementor建站网站速度优化清单

  使用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页面构建器教程

5/5 - (1 vote)

晓得博客,版权所有丨如未注明,均为原创
晓得博客 » Elementor建站网站速度优化清单

转载请保留链接:https://www.pythonthree.com/elementor-website-speed-optimization-checklist/

ThemeForest 模板套件
可视化创建WordPress网站
Scroll to Top