Configuración de optimización para WPForms en Async JavaScript

¿Estás experimentando problemas con WPForms debido a la configuración de optimización del plugin Async JavaScript? Si bien este plugin es excelente para mejorar el rendimiento del sitio al optimizar la carga de JavaScript, a veces puede interferir con la funcionalidad de WPForms.

Esta guía te ayudará a ajustar la configuración de Async JavaScript para garantizar que WPForms funcione correctamente.


JavaScript asíncrono

El plugin Async JavaScript se utiliza para optimizar el JavaScript de un sitio añadiendo atributos async o defer a los scripts de JS.

Aquí está la diferencia entre los atributos async y defer:

  • Async: descarga JavaScript mientras analiza HTML, pero pausa el análisis de HTML para ejecutar JavaScript.
  • Defer: descarga JavaScript mientras analiza HTML, pero espera a ejecutarlo hasta que el análisis de HTML haya finalizado.

Si se añade alguno de estos atributos, puede hacer que algunos scripts de WPForms se carguen de forma diferente, lo que resulta en un error.

Si tus formularios no funcionan con Async JavaScript activado, y has identificado un problema de JavaScript, por favor, sigue los siguientes pasos:

Desactivar Async JavaScript

El primer paso es desactivar el plugin Async JavaScript, luego comprueba si el problema se ha resuelto. Si desactivar el plugin ayudó, puedes reactivarlo y luego pasar al siguiente paso.

Excluir activos de WPForms

Dentro de la configuración de Async JavaScript, los activos de WPForms se pueden excluir de la optimización de JavaScript de dos maneras diferentes: Exclusión de Scripts o Exclusión de Plugins. Revisaremos cada una de estas opciones a continuación:

Exclusión de Scripts

Para excluir los scripts de WPForms de Async JavaScript, deberás navegar a Ajustes » Async JavaScript.

Configuración de Async JavaScript

Luego, desplázate hasta la sección Exclusión de Scripts. En el campo Scripts a Excluir, introduce el siguiente script:

/wp-content/plugins/wpforms/assets/js/frontend/wpforms.min.js

Excluir scripts de Async JavaScript

Una vez que hayas añadido el script, asegúrate de guardar tu configuración haciendo clic en el botón Guardar Configuración en la parte inferior de la página.

Guardar configuración Async JavaScript
Exclusión de Plugins

Para excluir cualquier archivo JavaScript que esté contenido dentro del plugin WPForms, desplázate hasta la sección Exclusión de Plugins y haz clic en el campo Exclusiones. Luego, selecciona WPForms.

Exclusiones de plugins Async JavaScript

A continuación, haz clic en el botón Guardar Configuración para guardar tus cambios.

Botón guardar configuración Async JavaScript

¡Eso es todo! Ahora sabes cómo ajustar la configuración de Async JavaScript para evitar conflictos con WPForms.

¿A continuación, te gustaría aprender más sobre la solución de problemas de errores de JavaScript en WPForms? Asegúrate de consultar nuestra guía de solución de problemas de errores de JavaScript para más detalles.

El mejor plugin constructor de formularios de arrastrar y soltar para WordPress

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.