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 上测试所有更新。 如果您没有机会测试更新,请不要立即更新。 等待更新几天,直到我们收集到反馈。
如果有任何问题或问题,请告知我们可能存在的错误或提交工单。