“Conocimiento Programación>JavaScript Programación

¿Cómo solucionar el bloqueo de renderizado de JavaScript y CSS en WordPress?

2014/9/14
JavaScript y CSS que bloquean el renderizado son dos de las formas más comunes de ralentizar un sitio web. Cuando estos recursos no están optimizados adecuadamente, pueden impedir que el navegador muestre el contenido de la página, lo que resulta en una mala experiencia del usuario.

Para corregir JavaScript y CSS que bloquean el procesamiento en WordPress, puedes:

1. Minimiza y combina tus archivos JavaScript y CSS. Esto reducirá el tamaño de los archivos y hará que se carguen más rápido.

2. Mueva sus archivos JavaScript y CSS al pie de página de su página. Esto evitará que bloqueen la visualización del contenido en la parte superior de la página.

3. Utilice una red de entrega de contenido (CDN) para alojar sus archivos JavaScript y CSS. Esto ayudará a mejorar el rendimiento de su sitio al reducir la distancia entre los servidores que alojan sus archivos y los usuarios que visitan su sitio.

A continuación se ofrecen algunos consejos adicionales para optimizar sus archivos JavaScript y CSS:

* Utilice una herramienta como GTmetrix o Pingdom para probar el rendimiento de su sitio. Esto le ayudará a identificar áreas específicas donde se puede mejorar su sitio.

* Habilite la compresión para sus archivos JavaScript y CSS. Esto reducirá aún más el tamaño de los archivos y hará que se carguen más rápido.

* Utilice un complemento como Autoptimize o WP Rocket para optimizar automáticamente sus archivos JavaScript y CSS. Esto le ahorrará tiempo y esfuerzo al optimizar manualmente estos archivos.

Si sigue estos consejos, puede ayudar a mejorar el rendimiento de su sitio de WordPress y brindar una mejor experiencia de usuario a sus visitantes.

A continuación se incluyen algunos recursos adicionales que pueden resultarle útiles:

* [Google PageSpeed ​​Insights](https://developers.google.com/speed/pagespeed/insights/)

* [YSlow](https://yslow.org/)

* [Prueba de página web](https://www.webpagetest.org/)

* [WP Smush](https://wordpress.org/plugins/wp-smushit/)

* [Comprimir imágenes JPEG y PNG](https://wordpress.org/plugins/compress-jpeg-png-images/)

JavaScript Programación
Cómo crear OOP JavaScript
Cómo configurar un VAR JavaScript para Flotador
Tutorial de jQuery y Google Maps
Cómo hacer correderas contenido en jQuery
Cómo convertir un nodo a un nodo Regular jQuery
Como Llamar JavaScript partir de una plantilla HTML
Cómo encontrar un número primo Usando Javascript
Cómo cambiar los colores de fuente con Javascript
Conocimiento de la computadora © http://www.ordenador.online