{"id":36216,"date":"2023-11-01T19:15:27","date_gmt":"2023-11-01T18:15:27","guid":{"rendered":"\/tutoriales\/?p=36216"},"modified":"2025-02-05T02:42:41","modified_gmt":"2025-02-05T01:42:41","slug":"combinar-javascript-wordpress","status":"publish","type":"post","link":"\/mx\/tutoriales\/combinar-javascript-wordpress","title":{"rendered":"C\u00f3mo combinar JavaScript externo en WordPress"},"content":{"rendered":"

Un sitio web<\/a> de carga lenta es un gran problema, pero hay muchas formas de solucionarlo. Entre las distintas soluciones, puedes intentar combinar correctamente JavaScript en WordPress<\/a>.<\/p>

A pesar de que la solución es sencilla, funcionará de maravilla. En este artículo, te mostraremos por qué debes añadir archivos JavaScript en WordPress y cómo hacerlo siguiendo unos sencillos pasos.<\/p>

Descarga la hoja de trucos de WordPress definitiva<\/a><\/p>

¿Por qué combinar archivos JavaScript externos?<\/h2>

Como tal vez ya sepas, cuando solicitas una página HTML, el navegador envía una petición para obtener todos los recursos necesarios. Todos los archivos, incluidos los JavaScript<\/a>, serán recuperados del servidor y cargados de nuevo en el navegador.<\/p>

En cada solicitud, los archivos JavaScript se descargan juntos, pero se ejecutan en el orden en que aparecen en el HTML<\/a>. Mientras que la descarga independiente puede ralentizar el sitio web, los procesos en secuencia pueden hacerte esperar aún más.<\/p>

Los archivos JavaScript, junto con los archivos CSS, son recursos que bloquean la renderización<\/a>, es decir, que no cargarán otros componentes a menos que todos los archivos estén completamente cargados. Como estos archivos suelen estar situados en el header de una página web, puede causar problemas.<\/p>

Para asegurarte de si tienes estos problemas, debes comprobar el rendimiento de tu sitio web realizando una prueba de velocidad.<\/p>

Hay muchos sitios web como Pingdom<\/a>, GTMetrix<\/a> y Google PageSpeed Insights<\/a> que te ayudarán a hacerlo. Sólo tienes que introducir el enlace de tu sitio web y hacer clic en Analizar.<\/p>

Estos son algunos ejemplos de los resultados de nuestros sitios de pruebas:<\/p>

\"Resultado<\/figure>

Lo ideal es que el resultado esté dentro de las categorías verdes (rápido). O, al menos, asegúrate de que no esté en la categoría roja. Si eso ocurre, actúa de inmediato.<\/p>

La mayoría de las veces recibirás una advertencia si se encuentran más de cinco archivos JavaScript. Al encontrar los problemas, tendrás todo listo para resolverlos.<\/p>

HTTP\/2<\/h3>

Implementar la última tecnología como HTTP\/2 siempre es beneficioso. Si tu proveedor de alojamiento web<\/a> admite descargas paralelas, como Hostinger, puede que no necesites combinar archivos.<\/p>

Lanzado en 2015, HTTP\/2 (Protocolo de Transferencia de Hipertexto, versión 2) se desarrolló como una versión mejorada de HTTP\/1.1, que ha sido el estándar de comunicación en línea desde 1989. El objetivo del nuevo protocolo es:<\/p>