如何建立一個 WordPress AJAX 表單（4個簡單步驟）

多年来，我们帮助数千用户创建和设置网站表单。但是很多用户问我们，能否创建具有 AJAX 功能的表单。AJAX 联系表单可以让用户在不重新加载页面的情况下提交表单，从而提高用户参与度并提供更好的表单提交体验。

在本文中，我们將逐步教你如何輕鬆地建立一個 WordPress AJAX 聯絡表單。

什麼是 AJAX 以及為什麼要在表單中使用它？

AJAX，全稱為 Asynchronous Javascript and XML，是一種 JavaScript 編程技術，允許開發人員在不重新加載頁面的情況下傳輸數據。

它最常用於網絡表單，允許用戶在不重新加載頁面的情況下提交表單數據。這使得表單提交簡單而快速，從而改善整體用戶體驗。

像 Gmail 和 Facebook 這樣的網絡應用程式廣泛使用此技術，以保持用戶的參與度，同時讓所有事情在後台無縫運作。

你可以在你的 WordPress 網站上的表單中使用 AJAX。這將節省用戶不必要的頁面重新加載，並讓他們保持在當前瀏覽的頁面上。

這在運行電子商務網站並希望收集用戶反饋而不分散用戶注意力時非常有用。

你也可以為網站上的其他自定義表單使用相同的 AJAX 功能。例如，自定義用戶登錄表單允許用戶在不附加加載頁面的情況下登錄。

說到這裡，讓我們來看看如何用四個簡單的步驟輕鬆製作一個 WordPress AJAX 聯絡表單。

步驟 1：安裝 WPForms 外掛程式

首先，你需要安裝並啟用 WPForms 外掛程式。有關更多詳細信息，請參見我們的逐步指南，了解如何安裝 WordPress 外掛程式。

WPForms 是市場上最好的 WordPress 表單構建外掛。它允許你輕鬆創建支持 AJAX 的表單。

有關詳細信息，請參見我們完整的 WPForms 回顧。

啟用後，你需要訪問 WPForms » 設置 頁面來輸入許可證密鑰。

輸入許可證密鑰後，你將能夠接收自動更新並安裝附加元件。

你現在已經準備好在 WordPress 中製作漂亮的 AJAX 表單了。

步驟 2：創建你的第一個表單

讓我們來創建你的第一個表單。

只需訪問 WordPress 管理區域中的 WPForms » 新增 頁面。你會被要求為你的表單提供一個標題，並選擇一個模板作為起點。

出於此教程的目的，我們將創建一個聯絡表單。然而，你可以創建你所需的任何其他類型的表單。

WPForms 現在將載入帶有基本字段的表單。你可以簡單地點擊任何表單字段來編輯它。

你也可以從左側欄中點擊新增任何新的表單字段。新的字段將出現在表單的底部，提交按鈕的上方。

你可以輕鬆地拖放表單字段來上下移動它們。

完成編輯表單後，你可以進入下一步。

步驟 3：開啟 AJAX 表單提交功能

WPForms 默認情況下不啟用 AJAX 表單提交。你需要為你的表單手動啟用它。

只需切換到表單構建器中的“設置”選項卡。在常規設置選項卡中，點擊“啟用 AJAX 表單提交”選項旁邊的開關。

現在讓我們設置表單提交後會發生什麼。

首先，切換到設置下的“確認”選項卡。這是通知用戶你已收到他們的表單提交的地方。

WPForms 允許你以不同的方式進行。例如，你可以重定向用戶到一個 URL，顯示他們特定頁面，或簡單地在屏幕上顯示一條信息。

由於我們已經為表單啟用 AJAX 功能，將用戶重定向到另一個頁面將違背創建 AJAX 表單的初衷。

你需要選擇信息選項並編輯確認信息。你可以自由使用編輯器的格式化工具欄，或添加一個或兩個鏈接告訴用戶下一步該去哪裡。

之後，你可以設置如何接收表單提交通知。

切換到表單設置中的通知選項卡並配置通知電子郵件設置。

完成後，你可以保存表單並退出表單構建器。

步驟 4：在 WordPress 中添加啟用了 AJAX 的表單

WPForms 使將表單添加到你的 WordPress 帖子、頁面和側邊欄小工具中變得非常簡單。

只需編輯你想要添加表單的帖子或頁面，然後將 WPForms 區塊插入到內容區域中。

之後，你需要從區塊的設置中選擇你剛創建的表單。

WPForms 會立即在內容編輯器中加載表單的實時預覽。

現在，你可以保存或發布你的內容，然後訪問網站以測試表單的 AJAX 功能。

這是我們演示網站上的 WordPress AJAX 表單示例的快速預覽。

你也可以將表單添加到 WordPress 的側邊欄小工具中。

為此，請前往外觀 » 小工具頁面，並將 WPForms 小工具區塊添加到側邊欄。

選擇你之前創建的表單，然後點擊“更新”按鈕來保存小工具設置。現在，你可以訪問你的網站來查看你的 AJAX 驅動表單的運行情況。

希望這篇文章能幫助你學習如何為網站創建 WordPress AJAX 聯絡表單。你可能還想查看我們的指南，了解如何在 WordPress 中創建聯絡表單彈出窗口，以及我們精選的最佳電子郵件行銷服務來拓展你的業務。

如果你喜歡這篇文章，請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。你也可以在 Twitter 和 Facebook 上找到我們。

XML与HTML站点地图的区别

XML站点地图是以XML格式列出网站内容的文件，供搜索引擎如谷歌使用。可以在webmaster工具中提交XML站点地图，以改进和控制搜索引擎抓取网站。而HTML站点地图则是为实际网站访客准备的。它是一个简单页面，按组织方式列出所有帖子和页面。

方法一：使用All in One SEO插件添加HTML站点地图

我们推荐使用All in One SEO插件在WordPress中添加HTML站点地图页面。这是市场上最好的WordPress SEO插件，被300多万网站使用，允许您轻松创建HTML站点地图。

首先，您需要安装All in One SEO插件。安装激活后，AIOSEO设置向导将帮助您完成插件的相关设置确保正确的SEO设置。

接下来，进入WordPress管理后台，转到All in One SEO » Sitemaps，点击‘HTML Sitemap’菜单选项，并确保‘Enable Sitemap’开关已打开。

然后，您可以选择如何显示HTML站点地图。在本教程中，我们选择‘Dedicated Page’选项。可以自定义HTML站点地图的展示，如选择显示的帖子和页面、分类、排序等。

方法二：使用Simple Sitemap插件添加HTML站点地图

Simple Sitemap插件可以轻松为您的WordPress网站添加HTML站点地图。在安装激活插件后，可以通过Gutenberg块简单地添加HTML站点地图。在右侧菜单中有自定义选项，您可以选择显示‘Posts’或‘Pages’，或两者一起显示。

还可以通过改变‘Orderby’或‘Order’下拉菜单更改列表的显示方式。完成设置后，点击‘发布’保存变化。

提高WordPress导航的专家指南

希望这篇文章能帮助您学习如何在WordPress中添加HTML站点地图页面。您可能还想查看一些相关指南以改善WordPress导航。

无需专业软件添加360度图片

如果您经营在线商店，那么应该知道销售不能亲眼看到的产品的挑战。360度图片是弥合这一差距的方法，让购物者从各个角度探索产品。

这比让客户滚动浏览展示不同角度的图片库要更具吸引力。如果您有房地产网站，可以使用360图片创建虚拟游览，让潜在买家探索房产，或者简单地使用这些图片创建新的吸引人的体验。例如，如果您有旅游博客，读者可以使用互动图片探索不同的地点。

尽管有这么多优点，但仍有一些挑战。不当使用时，这些大文件可能会减慢网站的速度，损害访客体验和您的SEO。如果导航不清晰，访客可能很难在图片中移动，或者360度图片可能完全不兼容他们的设备或浏览器。

方法一：在WordPress中添加互动360度图片

在WordPress中添加360度旋转图片的最简单方法是使用Algori 360 Image。这款免费插件可以简单地添加一个新块，使其非常易于使用。

然而，该插件只帮助显示360度图片，而不是创建它们。这意味着您需要使用智能手机应用程序或网页设计软件来创建图片。

完成后，安装并激活Algori 360插件。激活后，无需配置任何设置，可以立即开始使用该插件。

一旦有了360度图片，前往希望显示该互动图片的文章或页面。在这里，点击“+”按钮并开始输入“360 Image”。当正确的块出现时，点击将其添加到页面上。

现在可以点击“媒体库”。接下来，从库中选择360度图片或从计算机上传新的文件。

根据360度图片的大小，可能需要等待WordPress处理它。几秒钟后，您将在文章编辑器中看到360度图片。然后只需点击“更新”或“发布”按钮使图片上线。

方法二：在WooCommerce商店中添加360度产品图片

正如已提到的，互动图片让购物者可以从各个角度查看产品，因此对于在线市场和商店特别有用。

如果您有WooCommerce商店，则可以通过SR Product 360° View创建每个商品的360度旋转产品图片。

只需从各个角度拍摄产品照片，然后按展示顺序上传这些图片。

插件将这些图片组合成一段360度旋转动画，购物者可以在您的WooCommerce产品页面上看到。这意味着无需专业软件即可创建这些互动图片，因为您可以在熟悉的WordPress仪表盘中完成所有操作。

首先需要安装和激活SR Product 360视图插件。接下来，进入产品 » 所有产品并打开要添加360度图片的产品。在产品编辑器中，滚动到新的“产品360度视图”部分，点击“添加360图片”按钮。

现在可以选择要包含在360度动画中的所有图片。确保按动画中应出现的顺序选择图片。然后点击“更新”或“发布”按钮使360度动画上线。

希望这篇文章帮助您学习如何在WordPress中添加互动360度图片。您可能还希望阅读我们关于如何在WordPress中创建翻转框覆盖和悬停效果的指南，以及我们精选五个最佳幻灯片插件。

如何在 WordPress 中正確安裝和設置 WP Rocket

WP Rocket 是市場上最好的 WordPress 緩存插件。然而，許多初學者很難決定應該使用哪些設置來加快網站速度。在這篇教程中，我們將向您展示如何輕鬆地在 WordPress 中安裝和設置 WP Rocket。我們還將逐步介紹所有設置，以便您可以獲得最大的性能效果。

WP Rocket 通過預先生成靜態頁面副本並將其緩存在伺服器上，從而提高網站加載速度。這樣可以節省伺服器資源，減少訪問者獲取內容所需的時間，從而提高整體用戶體驗和搜索引擎排名。

為什麼使用 WP Rocket？

沒有人喜歡慢速網站。實際上，一項性能研究發現頁面加載時間延遲一秒可能導致 7% 的轉化率減少，11% 的頁面瀏覽量減少，以及 16% 的客戶滿意度降低。

不僅是用戶，搜索引擎如 Google 也不喜歡慢速網站。他們在搜索排名中優先考慮速度較快的網站。這就是 WP Rocket 發揮作用的地方。

安裝 WP Rocket 插件的步驟

首先，您需要安裝並激活 WP Rocket 插件。請參考我們的分步指南了解如何安裝 WordPress 插件。WP Rocket 是一款高級插件，但其最低計劃中包含了所有功能。

安裝並激活後，WP Rocket 插件即刻生效，並將為您的網站打開最佳設置的緩存功能。我們在演示站點上安裝 WP Rocket 之前和之後進行了速度測試，僅使用默認設置，性能提升即刻顯見。

WP Rocket 會主動開始爬取您的網站，並預加載頁面到緩存中。您可以在 WP Rocket 儀表板上查看緩存狀態，位置在設置 » WP Rocket 頁面。

設置 WP Rocket 緩存選項

首先，您需要訪問設置 » WP Rocket 頁面，然後點擊『Cache』標籤。WP Rocket 已經預設打開了頁面緩存，但您可以調整設置以進一步提高網站速度。

1. 手機緩存

手機緩存默認為打開。建議您檢查『為手機設備創建單獨的緩存文件』選項。這確保手機用戶獲得完整的緩存體驗。

2. 用戶緩存

如果您運行需要用戶登錄才能訪問特定功能的網站，請選中此選項。例如，如果您運行 WooCommerce 商店或會員網站，該選項將改善登錄用戶的體驗。

3. 緩存壽命

緩存壽命是指您想在網站上存儲緩存文件的時間。默認限制為 10 小時，大多數網站適用。然而，如果您運行非常繁忙的站點，可以設置較低值；如果網站不頻繁更新，可以設置較高值。緩存壽命過期後，WP Rocket 會刪除緩存文件，並立即開始預加載更新的內容。

請確保點擊『保存更改』按鈕以保存設置。

使用 WP Rocket 最小化文件

WP Rocket 允許您最小化靜態文件，如 JavaScript 和 CSS 樣式表。您可以切換到『File Optimization』標籤，選中要最小化的文件類型。

最小化靜態內容使文件大小變小，雖然大多數情況下這種差異對網站性能沒有太大影響，但如果您運行的是高流量網站，這可以顯著減少整體帶寬使用並節省託管成本。

使用延遲加載技術加速頁面加載速度

圖片通常是僅次於視頻的頁面上第二重的項目。圖片比文本需要更多的時間加載並增加整體頁面下載大小。當前大多數流行網站採用一種稱為延遲加載的技術來延遲圖片下載。

延遲加載僅下載在用戶屏幕上可見的圖片，而不是一次加載所有圖片。這不僅使頁面加載速度更快，對用戶而言也感覺更快。

WP Rocket 附帶內建的延遲加載功能。您可以通過切換到插件設置頁面的『Media』標籤來啟用圖片的延遲加載功能。此外，還可以啟用 YouTube 視頻和 iframes 的延遲加載。

微調 WP Rocket 的預加載設置

接下來，您可以通過切換到『Preload』標籤來查看 WP Rocket 的預加載設置。默認情況下，插件會開始爬行您的首頁並跟隨那裡找到的鏈接來預加載緩存。

您也可以告訴插件使用您的 XML 站點地圖來構建緩存。我們不建議關閉預加載功能，因為這將告知 WordPress 只有當用戶請求頁面時才進行緩存，這意味著第一次用戶加載特定頁面時會看到較慢的網站。

編輯者注：我們強烈建議您保持預加載啟用，以獲得 WordPress 網站的最佳性能結果。

設置高級緩存規則

WP Rocket 讓您可以完全控制緩存配置。例如，您可以切換到設置頁面的『Advanced Rules』標籤，以排除您不希望被緩存的頁面。

您還可以排除 Cookie 和用戶代理（瀏覽器和設備類型），並在您更新特定頁面或文章時自動重建緩存。這些設置適用於擁有複雜設置和需要自定義設置的開發者和高級用戶。如果不確定這些選項，大多數網站的默認設置足夠使用。

使用 WP Rocket 執行數據庫清理

WP Rocket 還使清理 WordPress 數據庫變得容易。雖然這對網站性能的影響很小，但如果您願意，仍可以查看這些選項。

您需要切換到插件設置頁面的『Database』標籤。從這裡，您可以刪除文章修訂版本、草稿、垃圾和回收站評論。

配置您的 CDN 以與 WP Rocket 協同工作

如果您為 WordPress 網站使用 CDN 服務，則可以將其設置為與 WP Rocket 協同工作。為此，您需要切換到『CDN』標籤。

CDN 是一種內容分發網絡，使您可以從分佈在全球的伺服器網絡中提供靜態文件。

減少 WordPress 的 Heartbeat 活動

Heartbeat API 允許 WordPress 在後台不定期地向託管伺服器發送請求，這使您的網站能夠執行定時任務。

您可以點擊 WP Rocket 中的『Heartbeat API』標籤來控制此功能並降低 Heartbeat API 的頻率。我們不建議停用 Heartbeat API，因為它提供了一些非常有用的功能。但是，降低其頻率將提高性能，特別是對較大網站。

使用 WP Rocket 附加組件

WP Rocket 還附帶一些現成可部署的功能作為附加組件。我們來看看目前可用的附加組件列表。

1. 谷歌分析附加組件

WP Rocket 的谷歌分析附加組件使您可以在自己的伺服器上託管谷歌分析代碼。這對網站速度影響不大，但一些用戶這樣做是為了獲得 100% 的頁面速度得分。

2. Facebook 像素

如果您使用 Facebook 像素進行用戶跟踪，則此附加組件將在伺服器上本地託管像素。這同樣會改善頁面速度得分，但對網站速度影響不大。

3. Varnish 附加組件

如果您的 WordPress 託管公司使用 Varnish 緩存，則需要啟用此附加組件。這將確保當 WP Rocket 清理其緩存時，Varnish 緩存也被清除。

4. Cloudflare

如果您使用 Cloudflare CDN，則需要這個附加組件來與 WP Rocket 協同工作。啟用附加組件後，點擊『修改選項』按鈕，輸入您的 Cloudflare 帳戶憑據，即可將 WP Rocket 連接到您的 Cloudflare 帳戶。

5. Sucuri

如果您使用 Sucuri，則需要啟用此附加組件並點擊『修改選項』按鈕，然後輸入您的 Sucuri 帳戶 API 密鑰來連接帳戶。

管理您的 WP Rocket 緩存

WP Rocket 使管理和清理 WordPress 緩存變得容易。只需訪問插件的設置頁面，您會在『Dashboard』標籤中找到清理 WP Rocket 緩存的選項。

您還可以開始預加載序列以按需重建緩存。插件還使導入和導出插件設置變得容易，這在從本地伺服器切換到線上網站以及更換域名時特別有用。

WP Rocket 常見問題解答 (FAQ)

1. WP Rocket 有免費版嗎？

沒有，WP Rocket 是一款高級 WordPress 緩存插件。沒有免費版或免費試用。他們提供14天退款保證。您可能會發現免費的 WP Rocket 破解版本，但我們強烈建議不要使用，因為黑客有時會利用破解版本作為攻擊您網站的誘餌。

2. WP Rocket 值得其價格嗎？

是的，每一分錢都值得。我們是付費用戶，並在很多網站上成功使用，包括 WPForms 和 OptinMonster。我們最近也在 WPBeginner 上切換到 WP Rocket。

3. 我可以在管理式 WordPress 託管平台上使用 WP Rocket 嗎？

簡短的回答是肯定的。您可以且應該將 WP Rocket 與管理託管公司提供的內建緩存插件結合使用，以獲得更多性能提升。許多管理式 WordPress 託管公司，包括 WP Engine、SiteGround 和 Bluehost，具有內建緩存插件。

4. 如何檢查 WP Rocket 是否正在工作和緩存頁面？

要檢查 WP Rocket 是否正常運行，您需要登出網站或在隱身窗口中打開。接著，打開瀏覽器的頁面源視圖並滾動到底部。如果在底部看到『This website is like a rocket』字樣，那麼 WP Rocket 正常運行並緩存頁面。

5. 什麼使 WP Rocket 優於其他緩存插件？

在我們看來，WP Rocket 優於其他 WordPress 緩存插件如 W3 Total Cache 和 WP Super Cache，因為它提供最全面的功能集，且定期更新以跟上現代瀏覽器標準。

为什么以及何时需要自定义页面布局

许多高级 WordPress 主题都附带了用于网站不同部分的现成页面布局。然而，有时内置布局可能不符合你的需求。

你可以通过创建子主题并添加自己的页面模板来在 WordPress 中创建自定义页面模板。但是，你需要一些 PHP、HTML 和 CSS 的知识。

这就是 Beaver Builder 的作用。它是一个 WordPress 的拖放页面构建器插件。它可以帮助你在不编写任何代码的情况下创建自己的自定义页面布局。

Beaver Builder 评测

Beaver Builder 非常易于使用，并且对初学者非常友好。同时，它加载了令人难以置信的功能，可以创建专业外观的页面。

它适用于所有 WordPress 主题，并拥有大量模块，你只需将它们拖放到页面上即可。你可以创建任何你想要的布局，并按你的想象进行设置。

在本次 Beaver Builder 评测中，我们将向你展示如何使用 Beaver Builder 在 WordPress 中创建自定义页面布局。让我们开始吧。

设置 Beaver Builder 插件

首先，你需要购买 Beaver Builder 插件。这是一个付费插件，起价为 $99，可以用于无限制的网站。接下来，你需要安装并激活 Beaver Builder 插件。有关详细信息，请参阅我们关于如何安装 WordPress 插件的分步指南。

激活后，你需要访问“设置 » 页面构建器”页面并输入你的许可密钥。输入许可密钥后，你现在可以创建美丽的页面布局了。

使用 Beaver Builder 创建你的第一个自定义页面布局

只需通过访问“页面 » 新增页面”在 WordPress 中创建一个新页面。你会注意到 WordPress 编辑器中有一个新的“页面构建器”标签。从这里，点击“启动 Beaver Builder”按钮开始。

如果这是你第一次使用 Beaver Builder，那么你会看到一个欢迎弹出窗口，提供了一个导览。在那之后，你需要点击顶部菜单中的“模板”按钮。

Beaver Builder 提供了一些专业设计的模板，让你可以立即开始。别担心，你可以根据自己的喜好对模板进行定制。这只是帮助你快速开始布局的一种简便方法。

选择布局后，Beaver Builder 会在预览窗口中加载它。将鼠标移到某个项目上，Beaver Builder 会将其高亮显示。你只需点击任意高亮项目上的扳手图标即可编辑它。

Beaver Builder 会显示一个具有不同设置的弹出窗口，供你编辑。你可以更改文本、颜色、背景、字体、填充、边距等。

Beaver Builder 的布局基于行。你可以拖放以重新排列行。你也可以删除或添加新行。只需点击行布局菜单并选择行中的列数。Beaver Builder 会将该行添加到你网站的实时预览中。

你可以使用基本或高级模块和小部件向你的行添加项目。这些模块允许你添加常用元素，如按钮、标题、文本、图像、幻灯片、音频、视频等。只需选择一个项目并将其拖到刚刚添加的行中。点击任意项目以编辑其属性。

你还可以保存行或模块，以便以后在其他页面中重复使用。在编辑行或模块时，点击“另存为”按钮即可。

当你完成页面编辑时，点击右上角的“完成”按钮。Beaver Builder 会显示一系列按钮来发布或将页面保存为草稿。

你还可以在 WordPress 站点上的其他页面重复使用整个页面布局。只需使用页面构建器打开页面，然后点击顶部栏中的向下箭头按钮进入工具。

Beaver Builder 会显示一个弹出窗口。你可以将页面保存为模板，或者快速创建具有相同布局的重复页面。

在 Beaver Builder 中管理页面布局模板

每个 Beaver Builder 许可证允许你在无限制的网站上使用它。但如何将你的页面模板从一个 WordPress 站点移动到另一个呢？

Beaver Builder 将用户创建的模板存储在一个名为模板的自定义内容类型中。它默认是隐藏的，但你可以通过进入“设置 » 页面构建器”并点击“模板”选项卡来使其可见。只需选中“启用模板管理员”选项旁边的复选框并点击“保存模板设置”按钮。

你会注意到 WordPress 管理栏中会出现一个标记为“模板”的新菜单项。所有保存为模板的页面布局都会出现在该页面上。由于它是一个自定义内容类型，你可以使用 WordPress 内置的导出功能轻松导出你的 Beaver Builder 模板。

访问“工具 » 导出”页面并选择模板。点击“下载导出文件”按钮，WordPress 会发送一个 XML 文件供你下载。

现在登录到你想要导入模板的 WordPress 站点。访问“设置 » 导入”页面并点击 WordPress。系统会要求你下载并安装 WordPress 导入插件。之后，你可以简单地上传模板 XML 文件并导入它。

就是这样，希望本文能帮助你使用 Beaver Builder 在 WordPress 中创建自定义页面布局。你可能还想查看我们的指南，了解如何使用 Adminimize 隐藏 WordPress 管理面板中的不必要项目以及我们精选的最佳 Beaver Builder 主题和模板。

如果你喜欢这篇文章，请订阅我们的 YouTube 频道以获取 WordPress 视频教程。你也可以在 Twitter 和 Facebook 上找到我们。

什么是W3 Total Cache？

W3 Total Cache是最好的WordPress缓存插件之一，可以轻松提高WordPress的性能和速度。通常情况下，WordPress使用PHP在用户请求时动态生成网站的每一个页面。PHP是一种服务器端编程语言，这意味着每次用户请求都会增加服务器负载，从而影响网站性能、用户体验和SEO。WordPress缓存插件通过跳过PHP并提供网页的缓存副本来帮助减少这种负担。

它还能让您轻松地将网站连接到CDN(内容分发网络)，进一步提高网站性能。

在WordPress中安装W3 Total Cache

在WordPress中安装W3 Total Cache插件之前，您需要确保禁用网站上的其他缓存插件，这将有助于节省服务器资源并防止插件冲突。之后，您可以继续安装并激活W3 Total Cache插件。激活后，W3 Total Cache将在WordPress管理侧边栏中添加一个名为“Performance”的新菜单项，点击它将启动插件的设置向导。

高级缓存选项

虽然大多数网站使用基本设置就能生效，但您还可以配置许多高级选项来进一步改善性能。我们看看其中最重要的一个：在W3 Total Cache中缩小JavaScript和CSS。

缩小是指通过删除源代码中的空白、行和不必要的字符来减小网站文件大小的方法。注意：缩小JS和CSS文件可能会破坏您的网站。如果启用了这些选项后，网站看起来不对劲，可以简单地禁用它们。

W3 Total Cache还可以轻松缩小JavaScript、CSS和HTML源代码。不过，我们建议仅缩小JavaScript和CSS文件。只需转到Performance » Minify页面并向下滚动到JS部分，勾选“JS缩小设置”旁边的框启用它。

启用CDN支持

CDN或内容分发网络通过从全球网络服务器提供静态文件如图像、CSS和JavaScript来进一步提高网站性能。这也减轻了WordPress托管服务器的负载并改善页面加载速度。W3 Total Cache内置支持多种CDN平台。

在配置好W3 Total Cache后，它应无缝地在后台运行，以提高WordPress速度并提高性能。不时地，您可能会遇到一些问题，比如网站的更改没有立即反映，或某个插件工作不正常。最常见的原因就是您可能看到的是网站的旧缓存版本。

这可以通过清除WordPress缓存轻松解决。只需点击顶部的Performance菜单，然后选择清除所有缓存选项，W3 Total Cache将清除网站上的所有缓存内容。如果仍看到网站的旧版本，尝试清理浏览器缓存。

希望这篇文章帮您在WordPress中安装并设置了W3 Total Cache。您可能还想了解我们在WPressize Me上提升页面加载速度的方法以及我们挑选的最佳WordPress缓存插件以加快网站速度。