Ajustando tu JavaScript de WordPress

Si te encuentras en una situación que requiere cambios en tu sitio y tu desarrollador no está disponible para ayudarte, el equipo de soporte calificado de DreamHost puede ayudarte por una pequeña tarifa. Puedes encontrar más información sobre los servicios admitidos y los costos asociados en el artículo de DreamHost Professional Services.

Generalidades

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.

Usa una herramienta en línea para analizar tu sitio

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.

Bloqueo de renderizado de JavaScript

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.

JavaScript remoto

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 los cuales puedes buscar en el directorio de plugins.

JavaScript local

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.

Compresión

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 ejecuta:

[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.

Algunos temas intentan comprimir JavaScript y CSS agregando un ".php" al final del nombre del archivo. En realidad, esto procesa el archivo a través de PHP innecesariamente y puede causar una gran cantidad de sobrecarga. Si notas que tu tema está haciendo esto, modifícalo y usa el método gzip descrito anteriormente.

Ver también

¿Este artículo ha respondido sus preguntas?

Última actualización el PST.

¿Aún no encuentra lo que busca?