Ajustar el JavaScript de tu WordPress

JavaScript puede agregar mucha interactividad y contenido remoto interesante a un sitio. Sin embargo, si se usa generosamente, también puede hacer que las páginas se carguen más lentamente. Hay algunas cosas que puedes hacer para acelerar tus comandos de JavaScript.

Primero, usa una herramienta en línea para analizar tu sitio web. Recibirás un desglose de lo que puede estar causando que tu sitio cargue más lento de lo esperado, y te brindará información para resolver problemas.

• Herramientas para verificar velocidad de carga de sitios web

JavaScript se renderiza cuando el navegador lee la página web (de arriba hacia abajo). Cuando se encuentra un archivo JavaScript, el navegador deja de mostrar la página hasta que el archivo JavaScript se haya leído completamente. Esto se conoce como 'Bloqueo de renderizado de JavaScript' y podría causar un retraso a medida que se carga la página.

En lugar de insertar JavaScript remoto en la parte superior de tu página, como sugieren muchas instrucciones para la inserción, es completamente aceptable agregarlo justo antes de la etiqueta </body> en tu tema. Debido a la forma en que se maneja el orden de carga de la página en el navegador, esto permitirá que tu contenido comience a mostrarse y mostrarse antes de tener que esperar los archivos remotos (que se cargarían primero si estuvieran en el encabezado).

También hay plugins disponibles que se encargan de esto por ti. Puedes buscarlos en el directorio de plugins.

Al presionar JavaScript local en la parte inferior de la página también parecerá acelerar el tiempo de carga, por lo que es posible que desees lanzar una pequeña edición en tu tema para migrar cualquier JavaScript local de header.php a footer.php.

Además, si bien mod_deflate debe comprimir JavaScript, puedes cortar un poco de sobrecarga apagando previamente la compresión. Todo lo que necesitas hacer es guardar copias comprimidas del JavaScript de tu tema en el mismo directorio que tus archivos actuales. Nuevamente, necesitarás iniciar sesión en tu servidor por medio de SSH para hacer esto.

La ubicación de JavaScript varía de un tema a otro, pero el tema en sí siempre se puede encontrar en el directorio wp-content/themes/. Una vez que hayas encontrado el JavaScript para tu sitio, simplemente corre:

[server]$ gzip javascript.js

Siempre que reemplaces javascript.js con el nombre del archivo real que deseas comprimir y repitas el proceso para todos tus archivos, se creará una versión comprimida de tus archivos .js. El beneficio de esto es que una vez que está hecho, no tienes que hacer nada más.