OceanWP 3.0: este verano se trata de vainilla

¡OceanWP ahora es más rápido, más ágil y más estable! Con códigos modernizados y orientados a objetos, ejecuta funciones rápidamente, utilizando muchos menos recursos y muchas menos dependencias.

A todos los que tenían grandes esperanzas les estaremos entregando un delicioso helado de vainilla – ¡lo sentimos! Sin embargo, sigue siendo un refresco. Estamos hablando de Vanilla JavaScript y la nueva versión OceanWP 3.0 .

Antes de explicar los próximos cambios y mejoras, nos gustaría repasar algunos conceptos básicos con usted . Esto ayudará a los usuarios, principalmente a aquellos que no son expertos en programación, a comprender los beneficios de los próximos cambios .

¿Qué es JavaScript?

JavaScript es un lenguaje front-end (codificación/programación). Su objetivo principal era crear efectos animados , especialmente para las llamadas partes móviles, como controles deslizantes o menús de navegación receptivos.

Estamos seguros de que todos y cada uno de ustedes han experimentado una situación en la que el navegador les solicitó habilitar o no la funcionalidad de JavaScript. JavaScript siempre ha sido parte de todos los navegadores de sitios web , por lo tanto, no tiene que incluirlo por separado en su sitio web mediante complementos o secuencias de comandos.

WordPress y JavaScript

JavaScript es una parte del CMS de WordPress .

JavaScript existe en muchas formas , por lo que no es una sorpresa que WordPress venga incluido con muchas bibliotecas de JavaScript. Sin embargo, es seguro decir que los principales que se utilizan son:

• jquery,
• JSON,
• subrayar y
• Columna vertebral.

¿Por qué te aburrimos con estos detalles?

Innumerables veces hemos recibido solicitudes de asistencia en las que un usuario nos pide que lo ayudemos a eliminar jQuery de su sitio web porque "alguna herramienta de velocidad/optimización sugirió que está ralentizando el sitio web".

Estas situaciones nos hicieron darnos cuenta de que tomará algún tiempo para que los usuarios entiendan que tales herramientas de evaluación son todo menos precisas y perfectas . También nos dio una idea de que hay muchos usuarios de WordPress que no están familiarizados con la funcionalidad "bajo el capó" de WordPress, por lo tanto, los temas y complementos de WP también.

Para obtener una mejor comprensión de las herramientas de evaluación (en línea), es necesario un conocimiento esencial de la funcionalidad general de WordPress . Incluso si no planea aprender ningún lenguaje de programación ni convertirse en desarrollador de WordPress, esta información lo ayudará a determinar si un "informe" de una herramienta específica es exacto o falso. Eventualmente, sabrá instantáneamente si puede hacer algo con respecto al informe o no.

En lenguaje sencillo, de todas las bibliotecas de JavaScript, jQuery es la más utilizada . No solo por el propio WordPress, sino también por temas y complementos.

Y para resumir, no puedes eliminar jQuery de los sitios web de WordPress .

¿Qué es jQuery?

¿Le sorprendería saber que de 1 millón de sitios web principales en Internet (no solo sitios de WordPress), el 80% de ellos usa jQuery?

jQuery es una biblioteca de JavaScript muy liviana, flexible, altamente extensible y (desde el punto de vista de los desarrolladores) muy fácil de usar.

jQuery ayuda a crear y manejar tareas complejas , como solicitudes AJAX, eventos, animaciones, manipulaciones CSS y la funcionalidad general del sitio web. En comparación con otras bibliotecas JS, una tarea complicada es más fácil de lograr con jQuery porque requiere una codificación mínima.

Después de todo, el lema de jQuery es “escribir menos, hacer más” .

OceanWP y jQuery

Por supuesto, a estas alturas probablemente ya lo hayas adivinado.

OceanWP ha estado usando jQuery . Incluso algunos de sus complementos favoritos, como Elementor y WooCommerce, ejecutan jQuery.

Para aquellos de ustedes que recién comienzan con OceanWP o al menos lo están considerando, OceanWP es uno de los mejores temas para usar con WooCommerce y/o Elementor. Consulte todas las características de OceanWP o obtenga una vista previa de nuestras plantillas de demostración de sitio web completo.

Desde 2016, con la ayuda de jQuery, pudimos ayudar a nuestros usuarios a hacer y lograr más con un solo tema de WordPress y sin el uso de complementos adicionales innecesarios. No hace falta decir que estamos hablando de OceanWP

Comparado con el lema de jQuery, el nuestro no es muy diferente. El objetivo de OceanWP es permitir que todos , desde principiantes hasta profesionales, construyan sitios web increíbles de todo tipo (comercio electrónico, blog, cartera) de forma rápida, sencilla y fácil de usar . A juzgar por los comentarios y las reseñas que recibimos de nuestros usuarios, tuvimos éxito.

Lo más importante es que planeamos continuar con esta tradición, pero de una manera mejorada .

Esa es la razón por la que estamos cambiando de jQuery a Vanilla JavaScript .

¿Qué es JavaScript de vainilla?

Vanilla JavaScript o Vanilla JS es un término popularizado que se usa para el JavaScript simple .

A diferencia de jQuery o Underscore JS, Vanilla JS significa codificar desde cero, sin el uso de marcos o bibliotecas como dependencias.

En lenguaje sencillo, Vanilla JS NO es un tipo especial de JavaScript, ES el JavaScript en su forma más pura . Como tal, y como ya mencionamos al principio, ya está siendo utilizado y soportado por todos los navegadores.

¿De dónde viene entonces el término Vanilla JS?

En realidad, es un hecho divertido y, lo creas o no, está relacionado con el verdadero helado de vainilla. El helado de vainilla representa la primera forma o sabor de helado. Entonces, si estás en una pastelería y pides un helado sin especificar el sabor, te darán vainilla.

OceanWP y vainilla

¿Por qué OceanWP no usó JavaScript Vanilla desde el principio?

Lamentablemente, no existe un libro de reglas o una guía para especificar cuándo es mejor usar uno u otro.

Los lenguajes de programación , especialmente PHP y JavaScript (entre los CSS más utilizados en WordPress) evolucionan constantemente. Es el trabajo de los desarrolladores determinar qué idioma hará mejor el trabajo sin inflar el código innecesariamente .

Cuando se trata de JavaScript o sus "hijos", para nosotros aquí en OceanWP, la elección perfecta ha sido jQuery durante muchos años.

Eventualmente, JavaScript ha madurado lo suficiente en términos que puede usarse para realizar las mismas tareas que jQuery y al mismo tiempo ejecutarlas más rápido . Y ese es exactamente el momento que hemos estado esperando.

¿El uso de jQuery hace que mi sitio web sea más lento?

Como se mencionó anteriormente, jQuery es uno de los scripts JS más rápidos y más utilizados.

Los scripts por sí solos no hacen que ningún sitio web sea más lento: es la calidad de los códigos lo que influye en el rendimiento de un sitio web (entre otros factores internos y externos).

Y es exactamente la misma calidad de código que hizo que los sitios web de OceanWP ricos en funciones funcionen tan rápido o incluso mejor en comparación con otros temas con la menor cantidad de funciones.

¿OceanWP eliminará por completo jQuery?

La respuesta corta a esta pregunta es: no.

La respuesta larga, y sin involucrar terminología de desarrollador complicada, todavía hay tareas que solo jQuery puede realizar . O, mejor aún, no hay sustitutos de código Vanilla JS para estos códigos jQuery.

Dicho esto, OceanWP seguirá usando jQuery en sus códigos dentro del tema y todos nuestros complementos, pero al nivel mínimo .

¿Vanilla JS en OceanWP tendrá un impacto en los complementos que ejecutan jQuery?

El cambio de OceanWP a Vanilla JS no tendrá ningún impacto negativo y no causará conflictos con los complementos que usan jQuery .

De hecho, la experiencia general de su sitio web y especialmente la experiencia de los visitantes de su sitio web mejorará significativamente . Con una codificación mejorada, OceanWP ahora depende de muchas menos dependencias, lo que garantiza la estabilidad y minimiza las posibilidades de un posible conflicto JS. Lo que es más importante, ejecuta funciones más rápido utilizando muchos menos recursos.

¿Cuándo se lanzará OceanWP 3.0?

La era de usar Vanilla JS en OceanWP comienza con la versión 3.0.

Puede esperar el lanzamiento oficial el 20 de julio, el día exacto en que se espera la nueva versión de WordPress 5.8.

Y eso nos lleva a la parte más importante: prepararse para la actualización .

Además del tema OceanWP, las siguientes extensiones de Ocean también se han actualizado a Vanilla:

• Deslizador de publicaciones oceánicas,
• Ocean Stick cualquier cosa,
• ventana modal del océano,
• Intercambio social del océano,
• Intercambio de productos oceánicos,
• Encabezado pegajoso del océano,
• Pie de página pegajoso del océano,
• Inicio de sesión emergente del océano,
• Ventana emergente Ocean Woo,
• Pantalla completa del océano,
• Widgets de Ocean Elementor,
• Panel lateral del océano,
• Aviso de cookies de Ocean, y
• Portafolio Océano.

También se lanza la actualización Ocean Extra 1.7.8, sin embargo, este complemento no contiene ningún cambio de Vanilla.

Cómo prepararse para la actualización de OceanWP Vanilla JS

Junto con OceanWP, todos los complementos con la versión Vanilla JS se lanzarán el mismo día.

El orden de actualización correcto es:

1. Actualice OceanWP a través de Apariencia> Temas, luego
2. Actualice todos los complementos de Ocean a través de Complementos> Complementos instalados.

Antes de actualizar, asegúrese de haber tomado las medidas de precaución necesarias.

Primero pruebe la nueva versión en localhost o en el sitio web provisional

Recuerde, esta es una actualización importante.

La mejor práctica es probar los nuevos cambios en entornos locales, de prueba o de ensayo.

Si no tiene la opción de probar las actualizaciones en ningún lugar, no actualice inmediatamente . Espere un par de días o incluso una semana, hasta que hayamos recopilado comentarios y nos aseguremos de que sea seguro para usted actualizar.

Recuerde, incluso si todo está bien, algo siempre puede salir mal durante las actualizaciones. Después de todo, lo malo del software es que es software.

Asegúrese de hacer una copia de seguridad de sus sitios web correctamente . No confíe solo en alojar copias de seguridad, también realice copias de seguridad manuales y almacene los datos en un lugar seguro. Si está utilizando el complemento de reinicio de WordPress (que no debe confundirse con el reinicio de la base de datos de WordPress), también puede crear instantáneas del sitio web.

Importante: recuerde purgar el caché a fondo después de la actualización, varias veces si es necesario. Lo mismo ocurre con el caché CDN (nube).

Cómo usar Vanilla JS con OceanWP

Para aprovechar al máximo Vanilla JS, todos los scripts a través del Panel de temas > Scripts y estilos deben estar HABILITADOS en todo momento.

Breve explicación: deshabilitar cualquier secuencia de comandos crea un archivo completamente nuevo que luego se coloca en la carpeta de instalación de su sitio web y luego se aplica en el front-end de su sitio web en lugar de usar las secuencias de comandos predeterminadas del tema OceanWP.

Explicación larga: en el momento en que se introdujo la opción Scripts & Styles (parte del complemento Ocean Extra), los complementos de almacenamiento en caché buenos (y gratuitos) no eran accesibles para todos. Con el tiempo, la situación ha cambiado. Si está ejecutando buenos complementos de optimización y almacenamiento en caché, deshabilitar cualquier secuencia de comandos es completamente innecesario.

Importante: recuerde purgar el caché a fondo , varias veces si es necesario. Lo mismo ocurre con el caché CDN (nube).

¿Habilitar todos los scripts tendrá un impacto negativo en mi sitio web?

No, no lo hará.

Esa es también una de las principales razones por las que presentamos Vanilla JS. Sin embargo, no planeamos detenernos ahí.

Aunque utilizamos la carga de secuencias de comandos condicional en nuestros códigos (cargar secuencias de comandos en el front-end solo cuando sea necesario), después del lanzamiento de Vanilla planeamos mejorar aún más esta funcionalidad. Básicamente, planeamos automatizar la funcionalidad proporcionada anteriormente por la función Scripts & Styles .

¿Que sigue?

El siguiente paso es disfrutar del rendimiento mejorado de su sitio web

Si observa algún error o problema, envíenos sus comentarios completos y detallados en nuestra página de GitHub o enviando un ticket de soporte o un ticket de precompra.

Estamos comprometidos con la mejora constante . Nuestro objetivo es hacer que su experiencia y la de los visitantes de su sitio web con OceanWP sea lo mejor posible. Cuando se trata de actualizaciones futuras, nuestro enfoque principal estará en el rendimiento, la accesibilidad mejorada, las nuevas funciones y estilos , así como la revisión de códigos existentes.

OceanWP fue creado para la comunidad de WordPress . Si desea contribuir con sus ideas, háganos saber cómo cree que podríamos mejorar. Comparta sus ideas sobre funciones y mejoras mediante nuestro formulario de solicitud de funciones.

LOS; INR. (Largo o Corto, Nunca Leí):

Estamos lanzando actualizaciones importantes .

Realice copias de seguridad del sitio web, incluida la copia de seguridad manual, antes de actualizar los complementos OceanWP y Ocean .

La mejor práctica es probar todas las actualizaciones en entornos de prueba, localhost o de ensayo . Si no tiene la oportunidad de probar las actualizaciones, no actualice inmediatamente. Espere con las actualizaciones un par de días hasta que hayamos recopilado comentarios.

En caso de problemas o problemas, infórmenos sobre posibles errores o envíe tickets.