OceanWP 3.0 - Cet été est tout au sujet de la vanille

OceanWP est maintenant plus rapide, plus fluide et plus stable ! Avec des codes modernisés et orientés objet, il exécute les fonctions rapidement, en utilisant beaucoup moins de ressources et beaucoup moins de dépendances.

À tous ceux qui avaient de grands espoirs, nous remettrons une délicieuse glace à la vanille - nous sommes désolés ! Cependant, c'est toujours un rafraîchissement. Nous parlons de Vanilla JavaScript et de la nouvelle version OceanWP 3.0 .

Avant de vous expliquer les changements et améliorations à venir, nous aimerions passer en revue quelques notions de base avec vous . Cela aidera les utilisateurs, principalement ceux qui ne maîtrisent pas le code, à comprendre les avantages des modifications à venir .

Qu'est-ce que Javascript ?

JavaScript est un langage frontal (codage/programmation). Son but premier était de créer des effets animés , notamment pour les parties dites mobiles, comme les curseurs ou les menus de navigation réactifs.

Nous sommes convaincus que chacun d'entre vous a vécu une situation dans laquelle le navigateur vous a demandé d'activer ou non la fonctionnalité JavaScript. JavaScript a toujours fait partie de tous les navigateurs de sites Web , vous n'avez donc pas besoin de l'inclure séparément dans votre site Web à l'aide de plugins ou de scripts.

WordPress et JavaScript

JavaScript fait partie du CMS WordPress .

JavaScript existe sous de nombreuses formes , il n'est donc pas surprenant que WordPress soit fourni avec de nombreuses bibliothèques JavaScript. Cependant, il est sûr de dire que les principaux utilisés sont :

• jQuery,
• JSON,
• Souligner et
• Colonne vertébrale.

Pourquoi vous ennuie-t-on avec ces détails ?

D'innombrables fois, nous avons reçu des demandes d'assistance où un utilisateur nous demandait de l'aider à supprimer jQuery de son site Web parce que "un outil de vitesse/d'optimisation suggérait qu'il ralentissait le site Web".

Ces situations nous ont fait réaliser qu'il faudra un certain temps aux utilisateurs pour comprendre que de tels outils d'évaluation sont tout sauf précis et parfaits . Cela nous a également donné un aperçu qu'il y a beaucoup d'utilisateurs de WordPress qui ne sont pas familiers avec la fonctionnalité "sous le capot" de WordPress, donc les thèmes et plugins WP également.

Afin de mieux comprendre les outils d'évaluation (en ligne), une connaissance essentielle de la fonctionnalité globale de WordPress est nécessaire . Même si vous ne prévoyez pas d'apprendre des langages de programmation ou de devenir un développeur WordPress, ces informations vous aideront à déterminer si un « rapport » d'un outil spécifique est exact ou faux. Finalement, vous saurez instantanément si vous êtes en mesure de faire quelque chose au sujet du rapport ou non.

En clair, de toutes les bibliothèques JavaScript, jQuery est la plus couramment utilisée . Non seulement par WordPress lui-même, mais aussi par des thèmes et des plugins.

Et pour résumer, vous ne pouvez pas supprimer jQuery des sites Web WordPress .

Qu'est-ce que jQuery ?

Seriez-vous surpris d'apprendre que sur 1 million de sites Web les plus populaires sur Internet (pas seulement les sites WordPress), 80 % d'entre eux utilisent jQuery ?

jQuery est une bibliothèque JavaScript très légère, flexible, hautement extensible et (du point de vue des développeurs) très facile à utiliser.

jQuery aide à créer et à gérer des tâches complexes , telles que les requêtes AJAX, les événements, les animations, les manipulations CSS et la fonctionnalité frontale globale du site Web. Par rapport aux autres bibliothèques JS, une tâche compliquée est plus facile à réaliser avec jQuery car elle nécessite un codage minimal.

Après tout, la devise de jQuery est « écrivez moins, faites plus » .

OceanWP et jQuery

Bien sûr, maintenant vous avez probablement deviné.

OceanWP utilise jQuery . Même certains de vos plugins préférés, comme Elementor et WooCommerce, exécutent jQuery.

Pour ceux d'entre vous qui débutent avec OceanWP ou du moins qui l'envisagent, OceanWP est l'un des meilleurs thèmes à utiliser pour WooCommerce et/ou Elementor. Découvrez toutes les fonctionnalités d'OceanWP ou prévisualisez nos modèles de démonstration de site Web complet.

Depuis 2016, avec l'aide de jQuery, nous avons pu aider nos utilisateurs à en faire plus avec un seul thème WordPress et sans l'utilisation de plugins supplémentaires inutiles. Inutile de dire que nous parlons d'OceanWP

Par rapport à la devise de jQuery, la nôtre n'est pas si différente du tout. L'objectif d'OceanWP est de permettre à tous - des débutants aux professionnels - de créer des sites Web étonnants de tous types (eCommerce, blog, portfolio) rapidement, de manière fluide et conviviale . À en juger par les commentaires et les critiques que nous recevons de nos utilisateurs, nous avons réussi.

Plus important encore, nous prévoyons de poursuivre cette tradition, mais d'une manière améliorée .

C'est la raison pour laquelle nous passons de jQuery à Vanilla JavaScript .

Qu'est-ce que le Javascript vanille ?

Vanilla JavaScript ou Vanilla JS est un terme popularisé utilisé pour le JavaScript simple .

Contrairement à jQuery ou Underscore JS, Vanilla JS signifie coder à partir de zéro, sans utiliser de frameworks ou de bibliothèques comme dépendances.

En clair, Vanilla JS n'est PAS un type spécial de JavaScript - c'EST le JavaScript dans sa forme la plus pure . En tant que tel, et comme nous l'avons déjà mentionné au début, il est déjà utilisé et pris en charge par tous les navigateurs.

D'où vient alors le terme Vanilla JS ?

C'est en fait un fait amusant et, croyez-le ou non, c'est lié à la vraie glace à la vanille. La crème glacée à la vanille représente la première forme ou saveur de crème glacée. Ainsi, si vous êtes dans une pâtisserie et que vous commandez une glace sans en préciser le goût, vous obtiendrez de la vanille.

OceanWP et Vanille

Pourquoi OceanWP n'a-t-il pas utilisé Vanilla JavaScript dès le début ?

Malheureusement, il n'existe pas de livre de règles ou de guide pour spécifier quand il est préférable d'utiliser l'un ou l'autre.

Les langages de programmation , notamment PHP et JavaScript, (parmi les CSS majoritairement utilisés dans WordPress) évoluent constamment. C'est le travail des développeurs de déterminer quel langage fera le mieux le travail sans gonfler inutilement le code .

En ce qui concerne JavaScript ou ses "enfants", pour nous, ici à OceanWP, le choix parfait est jQuery depuis de nombreuses années maintenant.

Finalement, JavaScript a suffisamment mûri pour pouvoir être utilisé pour effectuer les mêmes tâches que jQuery et en même temps les exécuter plus rapidement . Et c'est exactement le moment tant attendu.

L'utilisation de jQuery ralentit-elle mon site ?

Comme mentionné précédemment, jQuery est l'un des scripts JS les plus rapides et les plus utilisés.

Les scripts seuls ne ralentissent aucun site Web - c'est la qualité des codes qui influence les performances d'un site Web (entre autres facteurs internes et externes).

Et c'est exactement la même qualité de code qui a permis aux sites Web OceanWP riches en fonctionnalités de fonctionner aussi rapidement, voire mieux, par rapport à d'autres thèmes avec le moins de fonctionnalités.

OceanWP supprimera-t-il complètement jQuery ?

La réponse courte à cette question est - non.

La réponse longue, et sans impliquer une terminologie compliquée pour les développeurs, il existe toujours des tâches que seul jQuery peut effectuer . Ou, mieux encore, il n'y a pas de substituts de code Vanilla JS pour ces codes jQuery.

Cela étant dit, OceanWP utilisera toujours jQuery dans ses codes au sein du thème et de tous nos plugins, mais au niveau minimum .

Est-ce que Vanilla JS dans OceanWP aura un impact sur les plugins qui exécutent jQuery ?

Le passage d'OceanWP à Vanilla JS n'aura aucun impact négatif et ne causera pas de conflits avec les plugins qui utilisent jQuery .

En fait, l'expérience globale de votre site Web et en particulier l'expérience des visiteurs de votre site Web seront considérablement améliorées . Avec un codage amélioré, OceanWP s'appuie désormais sur beaucoup moins de dépendances, ce qui garantit la stabilité et minimise les risques d'un éventuel conflit JS. Plus important encore, il exécute les fonctions plus rapidement en utilisant beaucoup moins de ressources.

Quand est-ce que OceanWP 3.0 va sortir ?

L'ère de l'utilisation de Vanilla JS dans OceanWP commence avec la version 3.0.

Vous pouvez vous attendre à la sortie officielle le 20 juillet – le jour exact où la nouvelle version WordPress 5.8 est attendue.

Et cela nous amène à la partie la plus importante : la préparation de la mise à jour .

Outre le thème OceanWP, les extensions Ocean suivantes ont également été mises à niveau vers Vanilla :

• Glissière Ocean Posts,
• Ocean Stick n'importe quoi,
• Fenêtre modale océanique,
• Partage social océanique,
• Partage de produits océaniques,
• En-tête collant océan,
• pied de page collant océan,
• Connexion Popup Océan,
• Océan Woo Popup,
• Océan plein écran,
• Widgets Ocean Elementor,
• Panneau latéral océan,
• Avis sur les cookies océaniques, et
• Portefeuille Océan.

La mise à jour Ocean Extra 1.7.8 est également publiée, mais ce plugin ne contient aucun changement Vanilla.

Comment se préparer à la mise à jour OceanWP Vanilla JS

Avec OceanWP, tous les plugins avec la version Vanilla JS seront publiés le même jour.

L'ordre de mise à jour correct est :

1. Mettez à jour OceanWP via Apparence > Thèmes, puis
2. Mettez à jour tous les plugins Ocean via Plugins > Plugins installés.

Avant de mettre à jour, assurez-vous d'avoir pris les mesures de précaution nécessaires.

Testez d'abord la nouvelle version sur un hôte local ou un site Web intermédiaire

N'oubliez pas qu'il s'agit d'une mise à jour majeure.

La meilleure pratique consiste à tester les nouvelles modifications sur des environnements localhost, de test ou de staging.

Si vous n'avez pas la possibilité de tester les mises à jour où que vous soyez, ne mettez pas à jour immédiatement . Attendez quelques jours ou même une semaine, jusqu'à ce que nous ayons recueilli des commentaires et nous nous sommes assurés que vous pouvez mettre à jour en toute sécurité.

N'oubliez pas que même si tout va bien, quelque chose peut toujours mal tourner pendant les mises à jour. Après tout, le mauvais côté des logiciels, c'est que c'est un logiciel.

Assurez-vous de sauvegarder correctement vos sites Web . Ne comptez pas uniquement sur l'hébergement de sauvegardes, effectuez également des sauvegardes manuelles et stockez les données dans un endroit sûr. Si vous utilisez le plugin WordPress Reset (à ne pas confondre avec WordPress Database Reset), vous pouvez également créer des instantanés de site Web.

Important : n'oubliez pas de purger complètement le cache après la mise à jour, plusieurs fois si nécessaire. Il en va de même pour le cache CDN (cloud).

Comment utiliser Vanilla JS avec OceanWP

Afin de tirer pleinement parti de Vanilla JS, tous les scripts via Theme Panel > Scripts & Styles doivent être ACTIVÉS à tout moment.

Brève explication : la désactivation de tout script crée un fichier entièrement nouveau qui est ensuite placé dans le dossier d'installation de votre site Web, puis appliqué sur le front-end de votre site Web au lieu d'utiliser les scripts de thème OceanWP par défaut.

Longue explication : au moment où l'option Scripts & Styles (qui fait partie du plugin Ocean Extra) a été introduite, les bons plugins de mise en cache (et gratuits) n'étaient pas accessibles à tout le monde. Au fil du temps, la donne a changé. Si vous utilisez de bons plugins d'optimisation et de mise en cache, la désactivation de tout script est totalement inutile.

Important : n'oubliez pas de purger complètement le cache , plusieurs fois si nécessaire. Il en va de même pour le cache CDN (cloud).

L'activation de tous les scripts aura-t-elle un impact négatif sur mon site ?

Non, ce ne sera pas le cas.

C'est aussi l'une des principales raisons pour lesquelles nous avons introduit Vanilla JS. Cependant, nous ne comptons pas nous arrêter là.

Bien que nous utilisions le chargement conditionnel des scripts dans nos codes (chargez les scripts sur le front-end uniquement lorsque cela est nécessaire), après la sortie de Vanilla, nous prévoyons d'améliorer encore plus cette fonctionnalité. Fondamentalement, nous prévoyons d' automatiser la fonctionnalité précédemment fournie par la fonctionnalité Scripts & Styles .

Et après?

L'étape suivante consiste à profiter des performances améliorées de votre site Web

Si vous remarquez des bogues ou des problèmes, veuillez nous fournir des commentaires détaillés et approfondis soit sur notre page GitHub, soit en soumettant un ticket d'assistance ou un ticket de préachat.

Nous nous engageons à une amélioration constante . Notre objectif est de rendre votre expérience et celle des visiteurs de votre site Web avec OceanWP la meilleure possible. En ce qui concerne les futures mises à jour, nous nous concentrerons principalement sur les performances, l'amélioration de l'accessibilité, les nouvelles fonctionnalités et styles , ainsi que la révision des codes existants.

OceanWP a été conçu pour la communauté WordPress . Si vous souhaitez contribuer avec vos idées, faites-nous savoir comment vous pensez que nous pourrions nous améliorer. Partagez vos idées sur les fonctionnalités et les améliorations à l'aide de notre formulaire de demande de fonctionnalités.

LDS ; RNI. (Long ou court, je n'ai jamais lu):

Nous publions des mises à jour majeures .

Effectuez des sauvegardes de sites Web, y compris des sauvegardes manuelles, avant de mettre à jour les plugins OceanWP et Ocean .

La meilleure pratique consiste à tester toutes les mises à jour sur des environnements de test, localhost ou de staging . Si vous n'avez pas la possibilité de tester les mises à jour, ne mettez pas à jour immédiatement. Attendez quelques jours avec les mises à jour jusqu'à ce que nous ayons recueilli des commentaires.

En cas de problèmes ou de problèmes, informez-nous des éventuels bugs ou soumettez des tickets.