提升網(wǎng)站速度與用戶體驗，增強功能，帶來更流暢的操作體驗！

Elementor 3.25 版本帶來了一系列提升網(wǎng)站性能和用戶體驗的重大改進。這次更新的核心亮點包括持續(xù)的 CSS 優(yōu)化、更平滑的滾動體驗（借助本地 CSS 和新的錨點偏移控制），以及搜索小部件的分頁功能。以下是此次更新的詳細內(nèi)容：

性能提升：持續(xù)的 CSS 優(yōu)化

網(wǎng)站的加載速度對用戶體驗至關重要，尤其是在移動端和 SEO 排名方面。Elementor 3.25 通過持續(xù)的 CSS 優(yōu)化，顯著提高了頁面加載速度，減少了不必要的資源加載，從而提升網(wǎng)站的整體性能。

關鍵改進：

• Elementor Pro 插件的零 CSS 權重
  在 Elementor 3.25 中，Elementor Pro 插件將默認從零 CSS 開始。這意味著，當首次啟用該插件時，插件不會加載任何 CSS 樣式，直到開始添加小部件或使用其功能。這種方法能夠大幅度減少初始 CSS 的體積，確保網(wǎng)站從一開始就更加輕便，避免加載冗余的 CSS，進一步提升加載速度。
• WooCommerce 小部件的按需加載
  WooCommerce 用戶將從這次更新中受益匪淺。之前，無論是否使用，Elementor 會加載所有 32 個 WooCommerce 小部件的 CSS，而在 3.25 版本中，CSS 將根據(jù)實際使用情況進行條件加載。這樣，只有在頁面上實際使用到某個 WooCommerce 小部件時，才會加載該小部件相關的 CSS，從而節(jié)省最多 197KB 的 CSS 資源，使 WooCommerce 商店的加載速度大大提升。
• 全局樣式按需加載
  Elementor 3.25 中的全局樣式將進行條件加載。這一改進可將全局樣式文件大小減少多達 65KB，進一步減少不必要的 CSS 負擔，提升網(wǎng)站的響應速度。
• 按需加載小部件樣式
  在 3.25 版本中，Elementor 針對不同的小部件進行了更細化的按需加載。原本一次性加載的樣式現(xiàn)在會根據(jù)實際使用的小部件逐個加載。具體包括：
  • 6 個主題元素小部件
  • 3 個輪播小部件
  • 2 個表單小部件
  通過這種優(yōu)化，Elementor 只加載實際使用的 CSS 樣式，避免了冗余的代碼加載，從而顯著提高了頁面的加載速度。

這些優(yōu)化使得網(wǎng)站的加載速度得到了極大提升，無論是在桌面端還是移動端，都能為訪問者提供更流暢的瀏覽體驗，同時對 SEO 評分和核心 Web Vitals 指標產(chǎn)生積極影響。

[Pro] 使用原生 CSS 實現(xiàn)更流暢的滾動：引入新的錨點偏移

Elementor 3.25 還對滾動性能進行了重大改進。Elementor 技術團隊用原生 CSS 解決方案替換了 AnchorJS 庫，這不僅通過減少對 JavaScript 的依賴來提高性能，而且還使?jié)L動在不同設備上更流暢、更一致。

新的錨點偏移控制

這次更新的主要功能之一是“錨點偏移”，它可確保錨點鏈接滾動到頁面上的正確位置，同時考慮到粘性標題和其他元素。以前，錨點鏈接通常會滾動到隱藏在粘性標題后面的位置，從而給訪問者帶來困惑和沮喪。“錨點偏移”功能解決了這個問題，它能設置自定義偏移值并調(diào)整滾動行為，使鏈接部分完全可見，而不會隱藏在粘性標題后面。

如何設置錨點偏移

要設置錨點偏移，轉(zhuǎn)到標題中的“高級”選項卡，向下滾動到“運動效果”，將標題設置為粘在頂部或底部，然后可以在錨點偏移字段中設置相關值。

[Pro] 增強搜索小部件：實時結(jié)果分頁

Elementor 3.25 中的搜索小部件進行了重要更新，引入了實時結(jié)果分頁功能。以前，實時搜索下拉菜單中的搜索結(jié)果僅顯示一定數(shù)量的項目，訪問者必須導航到單獨的頁面才能查看其他結(jié)果?，F(xiàn)在，Elementor 3.25 直接在實時搜索下拉菜單中引入了分頁功能，允許訪問者瀏覽多個結(jié)果網(wǎng)格而無需離開當前頁面，并在搜索大量內(nèi)容時提供更無縫的體驗。

主要優(yōu)點

• 改進的搜索體驗：訪問者可以直接在搜索欄中探索更多結(jié)果，減少摩擦并保持他們的參與度。
• 增加內(nèi)容發(fā)現(xiàn)：通過分頁，訪問者更有可能找到他們正在尋找的內(nèi)容，從而提高訪問者滿意度。
• 更高的參與度和更低的跳出率：通過讓訪問者在搜索時停留在當前頁面，可以創(chuàng)建更無縫的體驗，讓他們參與更長時間。

如何設置分頁 

要將分頁添加到“搜索”小部件，首先要在“內(nèi)容”選項卡的“結(jié)果”部分下啟用“實時結(jié)果”，然后選擇“循環(huán)模板”，然后在“其他設置”（在同一選項卡 -“內(nèi)容”）下，可以選擇啟用帶有數(shù)字和/或下一個/上一個的分頁選項。還可以從“樣式”選項卡中自定義分頁的外觀?？梢赃x擇調(diào)整對齊方式、垂直定位、間距和排版，以及添加懸停和活動狀態(tài)樣式。

Elementor 3.25 的其他更新

• 表單提交默認在所有網(wǎng)站上處于活動狀態(tài)：表單提交現(xiàn)在在編輯器中是原生的，并且在所有網(wǎng)站上都處于活動狀態(tài)。用戶可以通過導航到 Elementor > 設置 > 高級，從 WP 儀表板禁用此功能。
• 新的優(yōu)化標記性能實驗：刪除按鈕、PayPal 和 Stripe 小部件的第一個包裝器div，以簡化標記并減少整體 DOM。目前處于 Alpha 狀態(tài)，不應在生產(chǎn)站點上激活。
• Twenty Fifteen 主題：刪除 CSS 兼容性，從而刪除使用“Elementor Canvas”模板的頁面上的主題背景顏色。
• 功能和實驗更新：
  • 網(wǎng)格容器 – 合并到 Flexbox 容器并重命名為“容器”。  
  • 優(yōu)化控制負載 – 針對現(xiàn)有站點有效并提升至穩(wěn)定狀態(tài)。  
  • 嵌套元素 – 適用于現(xiàn)有站點。  
  • 編輯器頂部欄 – 對現(xiàn)有站點有效。
  • 顯示條件（針對元素）——編輯器中的原生條件。

總結(jié)：

Elementor 3.25 的更新帶來了多項改進，尤其是在性能優(yōu)化、滾動體驗和搜索功能方面：

1. 持續(xù)的 CSS 優(yōu)化：減少了不必要的 CSS 加載，提升了網(wǎng)站速度和響應能力。
2. 新的錨點偏移控制：提供了更加精確和流暢的滾動體驗，適用于有固定導航欄的頁面。
3. 搜索小部件分頁：增強了實時搜索功能，通過分頁提升了搜索速度和用戶體驗。

這些更新不僅能提高網(wǎng)站的加載速度，減少不必要的資源消耗，還能增強用戶的瀏覽體驗和互動性，為網(wǎng)站的整體優(yōu)化提供強大的支持。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息