OceanWP 3.0 – 這個夏天是關於香草的
已發表: 2021-07-20OceanWP 現在更快、更流暢、更穩定! 借助現代化和麵向對象的代碼,它可以快速執行功能,使用更少的資源和更少的依賴項。
對於所有寄予厚望的人,我們將送上美味的香草冰淇淋——我們很抱歉! 雖然,它仍然是一種提神我們正在談論Vanilla JavaScript 和新的 OceanWP 3.0 版本。
在我們解釋即將發生的變化和改進之前,我們想與您一起回顧一些基礎知識。 這將幫助用戶——主要是那些不精通代碼的用戶——了解即將發生的變化的好處。
什麼是 JavaScript?
JavaScript 是一種前端(編碼/編程)語言。 它的主要目的是創建動畫效果,特別是對於所謂的移動部件,如滑塊或響應式導航菜單。
我們確信你們每個人都經歷過瀏覽器提示您是否啟用 JavaScript 功能的情況。 JavaScript 一直是所有網站瀏覽器的一部分,因此您不必使用插件或腳本將其單獨包含到您的網站中。
WordPress 和 JavaScript
JavaScript 是 WordPress CMS 的一部分。
JavaScript 以多種形式存在,因此 WordPress 捆綁了許多 JavaScript 庫也就不足為奇了。 但是,可以肯定地說,主要使用的是:
- jQuery,
- JSON,
- 下劃線和
- 骨幹。

為什麼我們用這些細節讓你厭煩?
無數次我們收到幫助請求,用戶會要求我們幫助他們從他們的網站中刪除 jQuery,因為“一些速度/優化工具表明它會降低網站速度”。
這些情況讓我們意識到用戶需要一些時間才能理解這些評估工具是不准確和完美的。 它還讓我們了解到,有很多 WordPress 用戶不熟悉 WordPress 的“幕後”功能,因此也不熟悉 WP 主題和插件。
為了更好地掌握(在線)評估工具,有必要了解 WordPress 的整體功能。 即使您不打算學習任何編程語言或成為 WordPress 開發人員,這些信息也將幫助您確定來自特定工具的“報告”是否準確。 最終,您將立即知道您是否能夠對報告做些什麼。
簡而言之,在所有 JavaScript 庫中,jQuery 是最常用的. 不僅通過 WordPress 本身,還通過主題和插件。
總而言之,您不能從 WordPress 網站中刪除 jQuery 。
什麼是 jQuery?
得知互聯網上 100 萬個頂級網站(不僅是 WordPress 網站)中有 80% 使用 jQuery,您會感到驚訝嗎?
jQuery 是一個非常輕量級、靈活、高度可擴展且(從開發人員的角度來看)非常易於使用的JavaScript 庫。
jQuery 有助於創建和處理複雜的任務,例如 AJAX 請求、事件、動畫、CSS 操作和整個網站的前端功能。 與其他 JS 庫相比,使用 jQuery 更容易實現複雜的任務,因為它需要最少的編碼。
畢竟, jQuery 的座右銘是“少寫,多做” 。
OceanWP 和 jQuery
當然,現在你可能已經猜到了。
OceanWP 一直在使用 jQuery 。 甚至一些你最喜歡的插件,比如 Elementor 和 WooCommerce 都運行 jQuery。

對於那些剛開始使用 OceanWP 或至少考慮過的人來說——OceanWP 是用於 WooCommerce 和/或 Elementor 的最佳主題之一。 查看所有 OceanWP 功能或預覽我們的完整網站演示模板。
自 2016 年以來,在 jQuery 的幫助下,我們能夠幫助我們的用戶通過一個 WordPress 主題完成更多工作,而無需使用額外的不必要的插件。 不用說,我們正在談論 OceanWP
與 jQuery 的座右銘相比,我們自己的座右銘並沒有太大的不同。 OceanWP 的目標是讓每個人——從初學者到專業人士——能夠以一種流暢且用戶友好的方式快速構建各種類型的精彩網站(電子商務、博客、投資組合)。 從我們從用戶那裡得到的反饋和評論來看,我們是成功的。
最重要的是,我們計劃以改進的方式繼續這一傳統。
這就是我們從 jQuery 切換到 Vanilla JavaScript的原因。
什麼是原生 JavaScript?
Vanilla JavaScript 或 Vanilla JS 是用於普通 JavaScript 的流行術語。
與 jQuery 或 Underscore JS 不同, Vanilla JS 意味著從頭開始編碼,而不使用框架或庫作為依賴項。
用簡單的英語來說, Vanilla JS 不是一種特殊類型的 JavaScript——它是最純粹形式的 JavaScript 。 因此,正如我們在開頭已經提到的那樣,它已經被所有瀏覽器使用和支持。
Vanilla JS 一詞從何而來?
這實際上是一個有趣的事實,不管你信不信,它與真正的香草冰淇淋有關。 香草冰淇淋代表第一種形式或冰淇淋風味。 因此,如果您在糕點店訂購冰淇淋而沒有指定口味,您會得到香草味。

OceanWP 和香草
為什麼 OceanWP 從一開始就沒有使用 Vanilla JavaScript?
可悲的是,沒有規則手冊或指南之類的東西來指定何時最好使用其中一個。

編程語言,尤其是 PHP 和 JavaScript,(在 WordPress 中主要使用的 CSS 中)不斷發展。 開發人員的工作是確定哪種語言能在不使代碼不必要地膨脹的情況下做得最好。
當談到 JavaScript 或其“子代”時,對於 OceanWP 的我們來說,完美的選擇多年來一直是 jQuery。
最終, JavaScript 已經足夠成熟,可以用來執行與 jQuery 相同的任務,同時執行速度更快。 這正是我們一直在等待的時刻。
使用 jQuery 會使我的網站變慢嗎?
如前所述,jQuery 是最快和最廣泛使用的 JS 腳本之一。
腳本本身不會使任何網站變慢 - 影響網站性能的是代碼的質量(以及其他內部和外部因素)。
與功能最少的其他主題相比,正是相同的代碼質量使功能豐富的 OceanWP 網站的性能表現得一樣快甚至更好。
OceanWP 會完全刪除 jQuery 嗎?
這個問題的簡短回答是——不。
很長的答案,並且不涉及復雜的開發人員術語,仍然存在只有 jQuery 才能執行的任務。 或者,更好的是,這些 jQuery 代碼沒有 Vanilla JS 代碼替代品。
話雖如此, OceanWP 仍將在其代碼中的主題和我們所有的插件中使用 jQuery ,但在最低級別。
OceanWP 中的 Vanilla JS 會對運行 jQuery 的插件產生影響嗎?
OceanWP切換到 Vanilla JS 不會產生任何負面影響,也不會與使用 jQuery 的插件產生衝突。
事實上,您的整體網站體驗,尤其是網站訪問者的體驗將得到顯著改善。 通過改進編碼,OceanWP 現在對依賴項的依賴減少了很多,從而確保了穩定性並最大限度地減少了可能發生 JS 衝突的機會。 最重要的是,它使用更少的資源更快地執行功能。
OceanWP 3.0什麼時候發布?
在 OceanWP 中使用 Vanilla JS 的時代始於 3.0 版本。
您可以期待 7 月 20 日的正式發布——預計新 WordPress 5.8 版本的確切日期。
這將我們帶到了最重要的部分——為更新做準備。
除了 OceanWP 主題,以下 Ocean 擴展也已升級為 Vanilla:
- 海洋郵政滑塊,
- 海洋棒任何東西,
- 海洋模式窗口,
- 海洋社交分享,
- 海洋產品分享,
- 海洋粘性標題,
- 海洋粘性頁腳,
- 海洋彈出登錄,
- Ocean Woo 彈出窗口,
- 海洋全面屏,
- 海洋元素小部件,
- 海洋側板,
- 海洋餅乾通知,和
- 海洋投資組合。
Ocean Extra 1.7.8 更新也已發布,但此插件不包含任何原版更改。
如何準備 OceanWP Vanilla JS 更新
與OceanWP一起,所有帶有Vanilla JS版本的插件都將在同一天發布。
正確的更新順序是:
- 通過外觀 > 主題更新 OceanWP ,然後
- 通過 Plugins > Installed Plugins更新所有 Ocean 插件。
在更新之前,請確保您已採取必要的預防措施。
首先在 localhost 或登台網站上測試新版本
請記住,這是一個重大更新。
最佳實踐是在 localhost、測試或暫存環境中測試新更改。
如果您無法在任何地方測試更新,請不要立即更新。 等待幾天甚至一周,直到我們收集到反饋並確保您可以安全地進行更新。
請記住,即使一切都很好,在更新過程中總會出現問題。 畢竟,軟件的壞處是——它是軟件。
確保正確備份您的網站。 不要單獨依賴託管備份,還要進行手動備份並將數據存儲在安全的地方。 如果您使用的是 WordPress 重置插件(不要與 WordPress 數據庫重置混淆),您還可以創建網站快照。
重要提示:請記住在更新後徹底清除緩存,必要時多次清除。 CDN(雲)緩存也是如此。
如何在 OceanWP 中使用 Vanilla JS
為了充分利用 Vanilla JS,必須始終啟用主題面板 > 腳本和样式中的所有腳本。
簡短說明:禁用任何腳本會創建一個全新的文件,然後將其放置在您網站的安裝文件夾中,然後應用到您網站的前端,而不是使用默認的 OceanWP 主題腳本。
詳細解釋:在引入Scripts & Styles (Ocean Extra 插件的一部分)選項時,並不是每個人都可以使用好的(和免費的)緩存插件。 隨著時間的推移,情況發生了變化。 如果您正在運行良好的優化和緩存插件,則完全沒有必要禁用任何腳本。
重要提示:記得徹底清除緩存,必要時多次清除。 CDN(雲)緩存也是如此。
啟用所有腳本會對我的網站產生負面影響嗎?
不,它不會。
這也是我們引入 Vanilla JS 的主要原因之一。 但是,我們不打算止步於此。
儘管我們在代碼中使用條件腳本加載(僅在必要時在前端加載腳本),但在 Vanilla 版本之後,我們計劃進一步增強此功能。 基本上,我們計劃自動化以前由 Scripts & Styles 功能提供的功能。
下一步是什麼?
下一步是享受您網站的增強性能
如果您發現任何錯誤或問題,請在我們的 GitHub 頁面上或通過提交支持票或預購票向我們提供全面而深入的反饋。
我們致力於不斷改進。 我們的目標是讓您和您網站的訪問者使用 OceanWP 獲得最好的體驗。 對於未來的更新,我們的主要關注點將放在性能、進一步改進的可訪問性、新功能和样式以及現有代碼的修訂上。
OceanWP 是為 WordPress 社區而構建的。 如果您想貢獻自己的想法,請告訴我們您認為我們可以如何做得更好。 使用我們的功能請求表分享您對功能和改進的想法。
洛杉磯; 印度盧比。 (長或短,我從不閱讀):
我們正在發布重大更新。
在更新 OceanWP 和 Ocean 插件之前進行網站備份,包括手動備份。
最佳實踐是在 test、localhost 或 staging environment 上測試所有更新。 如果您沒有機會測試更新,請不要立即更新。 等待更新幾天,直到我們收集到反饋。
如果有任何問題或問題,請告知我們可能存在的錯誤或提交工單。