OceanWP 3.0 – Dieser Sommer dreht sich alles um Vanille

OceanWP ist jetzt schneller, glatter und stabiler! Mit modernisiertem und objektorientiertem Code führt es Funktionen schnell aus und verbraucht weit weniger Ressourcen und weit weniger Abhängigkeiten.

Allen, die sich große Hoffnungen gemacht haben, überreichen wir leckeres Vanilleeis – tut uns leid! Trotzdem ist es eine Erfrischung. Die Rede ist von Vanilla JavaScript und der neuen Version OceanWP 3.0 .

Bevor wir die bevorstehenden Änderungen und Verbesserungen erläutern, möchten wir einige Grundlagen mit Ihnen besprechen . Dies hilft Benutzern – vor allem denen, die sich nicht mit Code auskennen – , die Vorteile der bevorstehenden Änderungen zu verstehen .

Was ist JavaScript?

JavaScript ist eine Front-End-Sprache (Codierung/Programmierung). Sein Hauptzweck bestand darin, animierte Effekte zu erstellen , insbesondere für die sogenannten beweglichen Teile, wie Schieberegler oder reaktionsschnelle Navigationsmenüs.

Wir sind uns sicher, dass jeder von Ihnen schon einmal eine Situation erlebt hat, in der Sie vom Browser gefragt wurden, ob Sie die JavaScript-Funktionalität aktivieren möchten oder nicht. JavaScript war schon immer Bestandteil aller Website-Browser , daher müssen Sie es nicht separat mithilfe von Plugins oder Skripten in Ihre Website einbinden.

Wordpress und JavaScript

JavaScript ist ein Teil des WordPress-CMS .

JavaScript existiert in vielen Formen , daher ist es keine Überraschung, dass WordPress mit vielen JavaScript-Bibliotheken gebündelt geliefert wird. Man kann jedoch mit Sicherheit sagen, dass die wichtigsten verwendet werden:

• jQuery,
• JSON,
• Unterstreichen und
• Rückgrat.

Warum langweilen wir Sie mit diesen Details?

Unzählige Male haben wir Hilfeanfragen erhalten, in denen ein Benutzer uns gebeten hat, ihm zu helfen, jQuery von seiner Website zu entfernen, weil „irgendein Geschwindigkeits-/Optimierungstool angedeutet hat, dass es die Website verlangsamt“.

Diese Situationen haben uns klar gemacht, dass es einige Zeit dauern wird, bis die Benutzer verstehen, dass solche Bewertungstools alles andere als genau und perfekt sind . Es gab uns auch einen Einblick, dass es viele WordPress-Benutzer gibt, die mit der „unter der Haube“-Funktionalität von WordPress nicht vertraut sind, daher auch mit WP-Themes und Plugins.

Um ein besseres Verständnis von (Online-)Assessment-Tools zu bekommen, sind grundlegende Kenntnisse der gesamten WordPress-Funktionalität erforderlich . Selbst wenn Sie nicht vorhaben, Programmiersprachen zu lernen oder WordPress-Entwickler zu werden, helfen Ihnen diese Informationen dabei, festzustellen, ob ein „Bericht“ von einem bestimmten Tool richtig oder falsch ist. Schließlich wissen Sie sofort, ob Sie etwas gegen den Bericht unternehmen können oder nicht.

Im Klartext: Von allen JavaScript-Bibliotheken ist jQuery die am häufigsten verwendete . Nicht nur durch WordPress selbst, sondern auch durch Themes und Plugins.

Und zusammenfassend lässt sich sagen, dass Sie jQuery nicht von WordPress-Websites entfernen können .

Was ist jQuery?

Würde es Sie überraschen zu erfahren, dass von 1 Million Top-Websites im Internet (nicht nur WordPress-Websites) 80 % von ihnen jQuery verwenden?

jQuery ist eine sehr leichtgewichtige, flexible, hochgradig erweiterbare und (aus Entwicklersicht) sehr einfach zu bedienende JavaScript-Bibliothek .

jQuery hilft bei der Erstellung und Abwicklung komplexer Aufgaben wie AJAX-Anforderungen, Ereignisse, Animationen, CSS-Manipulationen und der gesamten Front-End-Funktionalität der Website. Im Vergleich zu anderen JS-Bibliotheken ist eine komplizierte Aufgabe mit jQuery einfacher zu bewältigen, da nur minimale Codierung erforderlich ist.

Schließlich lautet das jQuery-Motto „Weniger schreiben, mehr tun“ .

OceanWP und jQuery

Natürlich haben Sie es wahrscheinlich schon erraten.

OceanWP hat jQuery verwendet . Sogar einige Ihrer beliebtesten Plugins, wie Elementor und WooCommerce, führen jQuery aus.

Für diejenigen unter Ihnen, die gerade mit OceanWP beginnen oder es zumindest in Erwägung ziehen – OceanWP ist eines der besten Themen für WooCommerce und/oder Elementor. Sehen Sie sich alle OceanWP-Funktionen an oder sehen Sie sich eine Vorschau unserer vollständigen Website-Demo-Vorlagen an.

Seit 2016 konnten wir mit Hilfe von jQuery unseren Benutzern helfen, mit einem einzigen WordPress-Theme und ohne die Verwendung zusätzlicher unnötiger Plugins mehr zu tun und zu erreichen. Unnötig zu erwähnen, dass wir über OceanWP sprechen

Im Vergleich zum jQuery-Motto unterscheidet sich unser eigenes gar nicht so sehr. Das Ziel von OceanWP ist es, jedem – vom Anfänger bis zum Profi – zu ermöglichen, erstaunliche Websites aller Art (E-Commerce, Blog, Portfolio) schnell, reibungslos und benutzerfreundlich zu erstellen. Dem Feedback und den Bewertungen unserer Nutzer nach zu urteilen, waren wir erfolgreich.

Vor allem planen wir, diese Tradition fortzusetzen, jedoch in verbesserter Weise .

Aus diesem Grund stellen wir von jQuery auf Vanilla JavaScript um .

Was ist Vanilla-JavaScript?

Vanilla JavaScript oder Vanilla JS ist ein populärer Begriff, der für einfaches JavaScript verwendet wird .

Im Gegensatz zu jQuery oder Underscore JS bedeutet Vanilla JS Codierung von Grund auf neu, ohne die Verwendung von Frameworks oder Bibliotheken als Abhängigkeiten.

Im Klartext, Vanilla JS ist KEINE spezielle Art von JavaScript – es IST JavaScript in seiner reinsten Form . Als solches, und wie wir bereits eingangs erwähnt haben, wird es bereits von allen Browsern verwendet und unterstützt.

Woher kam damals der Begriff Vanilla JS?

Es ist eigentlich eine lustige Tatsache, und ob Sie es glauben oder nicht, es ist mit dem echten Vanilleeis verwandt. Vanilleeis stellt die erste Form oder den Eiscremegeschmack dar. Wenn Sie also in einer Konditorei Eis bestellen, ohne die Geschmacksrichtung anzugeben, erhalten Sie Vanille.

OceanWP und Vanille

Warum hat OceanWP Vanilla JavaScript nicht von Anfang an verwendet?

Leider gibt es so etwas wie ein Regelbuch oder einen Ratgeber nicht, um anzugeben, wann es am besten ist, das eine oder das andere zu verwenden.

Programmiersprachen , insbesondere PHP und JavaScript (unter den in WordPress am häufigsten verwendeten CSS), entwickeln sich ständig weiter. Es ist die Aufgabe der Entwickler, festzustellen, welche Sprache am besten geeignet ist, ohne den Code unnötig aufzublähen .

Wenn es um JavaScript oder seine „Kinder“ geht, ist jQuery für uns hier bei OceanWP seit vielen Jahren die perfekte Wahl.

Schließlich ist JavaScript dahingehend ausgereift, dass es verwendet werden kann, um die gleichen Aufgaben wie jQuery auszuführen und sie gleichzeitig schneller auszuführen . Und das ist genau der Moment, auf den wir gewartet haben.

Wird meine Website durch die Verwendung von jQuery langsamer?

Wie bereits erwähnt, ist jQuery eines der schnellsten und am weitesten verbreiteten JS-Skripte.

Skripte allein machen keine Website langsamer – es ist die Qualität der Codes, die die Leistung einer Website beeinflusst (neben anderen internen und externen Faktoren).

Und es ist genau die gleiche Codequalität, die dazu geführt hat, dass funktionsreiche OceanWP-Websites im Vergleich zu anderen Themen mit der geringsten Anzahl an Funktionen genauso schnell oder sogar besser funktionieren.

Wird OceanWP jQuery vollständig entfernen?

Die kurze Antwort auf diese Frage lautet – nein.

Die lange Antwort, und ohne komplizierte Entwicklerterminologie zu verwenden, gibt es immer noch Aufgaben, die nur jQuery ausführen kann . Oder, noch besser, es gibt keinen Vanilla JS-Code-Ersatz für diese jQuery-Codes.

Abgesehen davon wird OceanWP weiterhin jQuery in seinen Codes innerhalb des Themes und aller unserer Plugins verwenden, jedoch auf der Mindeststufe .

Wird Vanilla JS in OceanWP Auswirkungen auf Plugins haben, die jQuery ausführen?

Der Wechsel von OceanWP zu Vanilla JS hat keine negativen Auswirkungen und verursacht keine Konflikte mit Plugins, die jQuery verwenden .

Tatsächlich wird Ihr allgemeines Website-Erlebnis und insbesondere das Erlebnis Ihrer Website-Besucher erheblich verbessert . Mit verbesserter Codierung verlässt sich OceanWP jetzt auf viel weniger Abhängigkeiten, was Stabilität gewährleistet und die Wahrscheinlichkeit eines möglichen JS-Konflikts minimiert. Am wichtigsten ist, dass es Funktionen schneller ausführt und dabei weitaus weniger Ressourcen verwendet.

Wann wird OceanWP 3.0 veröffentlicht?

Die Ära der Verwendung von Vanilla JS in OceanWP beginnt mit der Version 3.0.

Sie können die offizielle Veröffentlichung am 20. Juli erwarten – genau an dem Tag, an dem die neue WordPress 5.8-Version erwartet wird.

Und das bringt uns zum wichtigsten Teil – der Vorbereitung auf das Update .

Neben dem OceanWP-Design wurden auch die folgenden Ocean-Erweiterungen auf Vanilla aktualisiert:

• Ocean Posts-Schieberegler,
• Ocean Stick alles,
• Modales Ozeanfenster,
• Ocean Social Sharing,
• Ocean Product Sharing,
• Ozean Sticky Header,
• Ocean Sticky Footer,
• Ozean-Popup-Anmeldung,
• Ocean Woo-Popup,
• Ozean Vollbild,
• Ocean Elementor-Widgets,
• Ozean-Seitenwand,
• Ozean-Cookie-Hinweis und
• Ozean-Portfolio.

Das Ocean Extra 1.7.8 Update wird ebenfalls veröffentlicht, dieses Plugin enthält jedoch keine Vanilla-Änderungen.

So bereiten Sie sich auf das OceanWP Vanilla JS-Update vor

Zusammen mit OceanWP werden alle Plugins mit der Vanilla JS-Version am selben Tag veröffentlicht.

Die richtige Update-Reihenfolge ist:

1. Aktualisieren Sie dann OceanWP über Appearance > Themes
2. Aktualisieren Sie alle Ocean-Plugins über Plugins > Installierte Plugins.

Stellen Sie vor dem Update sicher, dass Sie die erforderlichen Vorsichtsmaßnahmen getroffen haben.

Testen Sie die neue Version zuerst auf localhost oder der Staging-Website

Denken Sie daran, dass dies ein großes Update ist.

Die Best Practice besteht darin, neue Änderungen in Localhost-, Test- oder Staging-Umgebungen zu testen.

Wenn Sie nirgendwo die Möglichkeit haben, die Updates zu testen, aktualisieren Sie nicht sofort . Warten Sie ein paar Tage oder sogar eine Woche, bis wir Feedback gesammelt und sichergestellt haben, dass Sie sicher aktualisieren können.

Denken Sie daran, auch wenn alles in Ordnung ist, bei Updates kann immer etwas schief gehen. Schließlich ist das Schlechte an Software – es ist Software.

Stellen Sie sicher, dass Sie Ihre Websites ordnungsgemäß sichern . Verlassen Sie sich nicht nur auf das Hosten von Backups, sondern führen Sie auch manuelle Backups durch und speichern Sie Daten an einem sicheren Ort. Wenn Sie das WordPress Reset-Plugin verwenden (nicht zu verwechseln mit WordPress Database Reset), können Sie auch Website-Snapshots erstellen.

Wichtig: Denken Sie daran, den Cache nach dem Update gründlich zu leeren, ggf. mehrmals. Dasselbe gilt für den CDN (Cloud)-Cache.

So verwenden Sie Vanilla JS mit OceanWP

Um Vanilla JS voll nutzen zu können, müssen alle Skripte über Themenbereich > Skripte & Stile jederzeit AKTIVIERT sein.

Kurze Erklärung: Durch das Deaktivieren eines Skripts wird eine völlig neue Datei erstellt, die dann im Installationsordner Ihrer Website abgelegt und dann auf das Front-End Ihrer Website angewendet wird, anstatt standardmäßige OceanWP-Designskripte zu verwenden.

Lange Erklärung: Zu der Zeit, als die Option Scripts & Styles (Teil des Ocean Extra-Plugins) eingeführt wurde, waren gute (und kostenlose) Caching-Plugins nicht für jedermann zugänglich. Im Laufe der Zeit hat sich die Situation geändert. Wenn Sie gute Optimierungs- und Caching-Plugins verwenden, ist das Deaktivieren von Skripten völlig unnötig.

Wichtig: Denken Sie daran, den Cache gründlich zu leeren , falls erforderlich, mehrmals. Dasselbe gilt für den CDN (Cloud)-Cache.

Wird die Aktivierung aller Skripte negative Auswirkungen auf meine Website haben?

Nein es wird nicht.

Das ist auch einer der Hauptgründe, warum wir Vanilla JS eingeführt haben. Wir haben jedoch nicht vor, dort aufzuhören.

Obwohl wir in unseren Codes das bedingte Laden von Skripten verwenden (Skripte nur bei Bedarf auf dem Frontend laden), planen wir, diese Funktionalität nach der Vanilla-Veröffentlichung noch weiter zu verbessern. Grundsätzlich planen wir, die Funktionalität zu automatisieren, die zuvor von der Funktion „Skripte & Stile“ bereitgestellt wurde .

Was kommt als nächstes?

Der nächste Schritt besteht darin, die verbesserte Leistung Ihrer Website zu genießen

Wenn Sie Fehler oder Probleme bemerken, geben Sie uns bitte gründliches und detailliertes Feedback, entweder auf unserer GitHub-Seite oder indem Sie ein Support-Ticket oder ein Ticket vor dem Kauf einreichen.

Wir verpflichten uns zur ständigen Verbesserung . Unser Ziel ist es, Ihnen und den Besuchern Ihrer Website das bestmögliche Erlebnis mit OceanWP zu bieten. Bei zukünftigen Updates liegt unser Hauptaugenmerk auf Leistung, weiter verbesserter Zugänglichkeit, neuen Funktionen und Stilen sowie der Überarbeitung bestehender Codes.

OceanWP wurde für die WordPress-Community entwickelt . Wenn Sie mit Ihren Ideen beitragen möchten, lassen Sie uns wissen, was wir Ihrer Meinung nach noch besser machen könnten. Teilen Sie Ihre Ideen zu Funktionen und Verbesserungen mit unserem Formular für Funktionsanfragen mit.

Los; INR. (Lang oder kurz, ich habe nie gelesen):

Wir veröffentlichen wichtige Updates .

Erstellen Sie Website-Backups, einschließlich manueller Backups, bevor Sie OceanWP und Ocean-Plugins aktualisieren .

Am besten testen Sie alle Updates in Test-, Localhost- oder Staging-Umgebungen . Wenn Sie keine Gelegenheit haben, die Updates zu testen, aktualisieren Sie nicht sofort. Warten Sie mit den Updates ein paar Tage, bis wir Feedback gesammelt haben.

Im Falle von Problemen oder Problemen, informieren Sie uns über mögliche Fehler oder reichen Sie Tickets ein.