小贴士

利用 Elementor 这些新功能加速你的网站

发布日期:
更新日期:
Accelerate Your Websites With Elementor

不要错过那些能让网站在性能测试中表现卓越、实现闪电般快速加载的新功能。

Elementor 的过往版本在提升网站性能方面迈出了重大步伐。众多新功能从三个主要方面加速你的网站:性能指标提升、代码更简洁以及图片加载更快。虽然有些功能在你更新 Elementor 时会自动加速网站,但其他一些功能需要在 “性能” 或 “功能” 选项卡中激活。因此,务必更新到最新版本的 Elementor,并激活以下提到的功能,充分发挥你网站的潜力。

在性能测试中表现卓越

ace performance tests

你的访客或许并不了解性能指标是什么,但他们能切实感受到加载时间的差异。内部测试将 Elementor 3.18 版本与 3.22 版本进行对比,结果显示,首字节时间(TTFB)指标平均提升了 50%。TTFB 衡量的是从访客向服务器发出请求的那一刻起,到浏览器接收到第一字节数据所需的时间。此外,我们还测得最大内容绘制(LCP)指标平均提升了 40%,该指标衡量的是页面上最大内容元素的渲染时间。

瞬间实现首字节时间优化

time to first byte in no time

这些显著的提升得益于为所有 Elementor 小部件以及被定义为可缓存的第三方小部件实施的元素缓存功能,同时其渲染机制也得到了改进。元素缓存功能能够检测哪些小部件是静态的,并将其输出临时存储在页面缓存中。这样,同一服务器上的后续访客就能直接获取这些输出,从而将服务器上的小部件渲染时间缩短 99%,进而影响前端加载时间。

更新 Elementor 还通过 “优化控件加载” 功能优化了小部件的渲染机制。这一功能通过区分内容控件和样式控件,并将编辑器中使用的样式控件排除在前端渲染之外来实现,从而显著缩短了首字节时间。

要享受所有这些功能,请更新到最新版本的 Elementor,并通过以下路径激活 “优化控件加载” 功能:WordPress 仪表盘→Elementor→功能;通过以下路径激活 “元素缓存” 功能:WordPress 仪表盘→Elementor→性能。

专业网站设计插件
创建任何类型的网站
拖放式网站构建器,无需代码
超过 100 个小工具,适用于各种用途
像素级完美的专业设计功能
elementor plugin cta banner

代码更简洁

cleaner code

你在画布上放置的每个小部件都会生成代码,这些代码决定了小部件的样式和行为。编辑器生成的代码随后会被访客的浏览器读取并渲染成你的网站。在编程领域,就像生活中常见的情况一样,少即是多。更简短、语义化且高效生成的代码能带来更流畅、更引人入胜的访客体验。这正是我们努力优化 Elementor 生成代码的原因。

Elementor 的最新版本通过剔除小部件中没有内容的部分(例如没有标题的图片框)实现了这一点。此外,当你不使用古腾堡(Gutenberg)模块时,Elementor 不会加载 WordPress 自动加载的不必要脚本和样式。Elementor 还用更现代的原生 JavaScript 替换了过时的 JavaScript 库,如 waypoint.js。此外,Flexbox 容器的 HTML 输出最多可减少 39%,网格容器的输出最多可减少 85%。

要享受所有这些功能,请更新到最新版本的 Elementor,并通过以下路径激活 “优化控件加载” 功能:WordPress 仪表盘→Elementor→功能;通过以下路径激活 “优化古腾堡加载” 功能:WordPress 仪表盘→Elementor→性能。

智能图片加载

smart image loading

尽管图片往往是网页上最占资源的内容元素,但以图片为主的网站在性能方面并不一定就差。借助 Elementor 实施的解决方案,即使是你最引人注目的设计,也能为访客带来流畅的体验和快速的加载速度。通过实施延迟加载实现了优化图片加载,该功能优先加载访客初始视口中的图片,然后再加载页面上的其余图片。这确保了内容按正确的顺序加载。为获得最佳效果,请激活 “延迟加载背景图片” 功能,优先加载所有背景图片。

要享受所有这些功能,请更新到最新版本的 Elementor,并通过以下路径激活 “优化图片加载” 功能:WordPress 仪表盘→Elementor→性能;通过以下路径激活 “延迟加载背景图片” 功能:WordPress 仪表盘→Elementor→功能。

更快、更智能、更具吸引力 —— 立即更新

每次更新 Elementor,你的网站都会变得更快,而过去的版本更新已经实现了巨大的飞跃。通过大幅提升性能指标、优化代码以及实现智能图片加载,使用 Elementor 构建的网站能够提供流畅的访客体验,这将降低跳出率并提高参与度。以上是对近期更新的概述,未来还有更多精彩内容。请持续将你的网站更新到最新版本的 Elementor,以启用上述功能,充分发挥你网站的全部潜力。

郑重声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

您认为这篇文章有用吗?

点击下方为它评星!

平均星级: 5 / 5. 评星数: 3

暂无评星,立刻首评!

本文作者:Yephy Wang

WordPress建站帮创始人

如果本文“对您有用”,欢迎随意打赏 WordPress 建站帮,让我们坚持创作!
赞赏一杯咖啡

赞赏 WordPress 建站帮

赞赏二维码

请通过支付宝、微信 APP 扫一扫,海外读者可「使用 PayPal 赞赏

“ 感谢您对 WordPress 建站帮的支持! ”

发表评论