1. 安裝 Elementor 并配置設(shè)置

安裝 Elementor 后，轉(zhuǎn)到“設(shè)置”并進(jìn)行適當(dāng)配置：

• 常規(guī)選項(xiàng)卡：選擇要使用 Elementor 的帖子類型。如果某些自定義帖子類型 (CPT) 不需要使用 Elementor，請(qǐng)關(guān)閉其支持。
• 高級(jí)選項(xiàng)卡：建議將 CSS 打印方法設(shè)置為“外部文件”。如果可能，盡量本地存儲(chǔ)字體并關(guān)閉 Google 字體支持。如果需要使用 Google 字體，選擇“交換”方法來加載。
• 功能選項(xiàng)卡：激活需要的功能，停用不使用的功能。優(yōu)化 DOM 輸出、資源加載等功能非常有用。

2. 使用元素管理器優(yōu)化小部件

Elementor 的元素管理器功能展示所有可用的小部件，包括其它插件的小部件。你可以看到每個(gè)小部件的使用次數(shù)，從而決定停用哪些不常用的小部件。

3. 本地加載字體和圖標(biāo)

最好的方案是本地加載字體和圖標(biāo)，并在首屏上預(yù)加載它們。添加自定義字體和圖標(biāo)后，可以停用默認(rèn)的字體和圖標(biāo)加載。為此，在 functions.php 文件中添加以下代碼以停用 Elementor 原生圖標(biāo) Eicons：

add_action('wp_enqueue_scripts', 'disable_eicons', 11);
function disable_eicons() {
    wp_dequeue_style('elementor-icons');
    wp_deregister_style('elementor-icons');
}

4. 優(yōu)化布局

Elementor 布局由部分、列和小部件構(gòu)成，元素越多，請(qǐng)求越多。以下是一些優(yōu)化建議：

• 盡量減少部分、列和小部件的數(shù)量。
• 使用“圖像+文本”小部件而不是單獨(dú)的小部件。
• 使用全局樣式設(shè)置字體和顏色。
• 對(duì)視頻使用延遲加載功能。

5. 頁眉和頁腳優(yōu)化

頁眉位于首屏，對(duì)速度指標(biāo)影響最大。盡量使用純 HTML 和 CSS 構(gòu)建頁眉。頁腳、側(cè)邊欄和其它全局元素也應(yīng)遵循相同的邏輯。

6. 使用優(yōu)化和緩存插件

優(yōu)化和緩存插件對(duì)基于 Elementor 的網(wǎng)站至關(guān)重要。推薦使用 WP Meteor、Flying Press 和 Perfmatters 這樣的插件，它們能顯著改善網(wǎng)站速度。

7. 限制 Elementor 附加組件

在安裝 Elementor 插件之前，仔細(xì)測試并檢查其功能，選擇不會(huì)讓網(wǎng)站臃腫且真正需要的插件。避免安裝為了使用幾個(gè)小部件而裝整個(gè)插件，防止插件沖突。

總結(jié)：

在優(yōu)化 Elementor 網(wǎng)站性能時(shí)，安裝后需進(jìn)行適當(dāng)?shù)脑O(shè)置，如選擇支持的帖子類型、使用外部文件方式的 CSS 打印方法、本地存儲(chǔ)字體并優(yōu)化 DOM 輸出和資源加載等功能。此外，利用元素管理器優(yōu)化小部件、本地加載字體和圖標(biāo)、優(yōu)化布局、使用優(yōu)化和緩存插件以及限制 Elementor 附加組件，都能顯著提升網(wǎng)站的加載速度和整體性能。

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