Tras el anuncio oficial de Google, todo el mundo ha comenzado a centrarse en el tiempo de carga de la página de sus sitios web. Según Google, los sitios web con tiempos de carga de página superiores a tres segundos no son compatibles con SEO.

Y ya sabes que en la era de la web, competir contra millones de sitios web es una obviedad. Debe asegurarse de que su sitio web sea más rápido que otros.

Si compara la velocidad del sitio web con los sitios web principales, es posible que se pierda porque la mayoría de los sitios web tienen tiempos de carga de página de menos de dos segundos.

Ahora déjame hablar sobre el bloqueo de renderizado. Cada complemento de WordPress tiene un archivo CSS o JavaScript que debe cargar el navegador del usuario.

Esto significa que estos archivos CSS y JavaScript ralentizan su sitio web en lo que se conoce como bloqueo de renderizado de JavaScript y CSS.

Este tutorial le mostrará cómo encontrar dichos archivos y corregir el bloqueo de procesamiento.

Analice el tiempo de carga de la página de su sitio web

Puede utilizar las herramientas de análisis de velocidad como Pingdom Tools, pero aquí es donde necesita Google PageSpeed ​​Insights. Ingrese la URL de su sitio web y haga clic en analizar.

Puede ver el informe en unos segundos. Es mejor mejorar el tiempo de carga de la página de escritorio. Verifique la puntuación actual.

Cómo corregir el bloqueo de renderizado de JavaScript y CSS en su sitio web de WordPress

Según Google, la puntuación debería estar entre 89-100 para un rendimiento excelente. Y tengo que decirte que es posible lograr 100.

Si se desplaza hacia abajo hasta el encabezado «Posibilidades para ti«vea algunas sugerencias. De esas, Elimina los recursos que bloquean la representación puede ser el indicado.

Cómo corregir el bloqueo de renderizado de JavaScript y CSS en su sitio web de WordPress

Haga clic aquí para ver los recursos y podrá ver todos los archivos CSS y JavaScript. A veces puede notar un archivo de caché.

El punto es que debe concentrarse en optimizar los archivos CSS y JavaScript.

Utilice Autoptimize para minimizar los archivos CSS y JavaScript

Como es posible que ya sepa que Autoptimize es un complemento que ayuda a optimizar los archivos de codificación de un sitio web de WordPress, puede usarlo para corregir archivos JavaScript y CSS que bloquean la representación.

Ir Complementos >> Agregar nuevo y buscar Optimización automática. Instale y active el complemento. Espero que sepas cómo instalar un complemento de WordPress.

Ve ahora a Configuración >> Optimización automática y puede ver opciones para JavaScript y CSS. Marque las casillas para Optimizar JavaScript y CSS.

Cómo corregir el bloqueo de renderizado de JavaScript y CSS en su sitio web de WordPress

Haga clic en guardar cambios y borre el caché si tiene un complemento de almacenamiento en caché. De lo contrario, haz clic en eso guardar cambios Botón.

Ahora verifique la puntuación de su sitio web. Si obtiene algunos resultados positivos, perfecto. De lo contrario, puede usar un complemento de almacenamiento en caché como W3 Total Cache para minimizar el código JavaScript y CSS.

Instalar y activar W3 Total Cache

Si ya está utilizando W3 Total Cache como un complemento de almacenamiento en caché para su sitio web de WordPress, no necesita otro complemento para reducir el código del sitio web.

Ir Rendimiento >> Configuración general y desplácese hacia abajo hasta el Minimizar la configuración. Marque la casilla para activar y guardar los cambios.

Cómo corregir el bloqueo de renderizado de JavaScript y CSS en su sitio web de WordPress

En la mayoría de los casos, esta configuración de minimización resuelve el problema. Si aún se enfrenta a un desafío, debe utilizar el complemento específico diseñado para corregir JavaScript y CSS que bloquean la representación.

Para mi sitio web, puede ver la puntuación actual; es 100 para la versión de escritorio.

Cómo corregir el bloqueo de renderizado de JavaScript y CSS en su sitio web de WordPress

Si se enfoca en la versión móvil, puede agregar manualmente los scripts y CSS a la configuración de minimización de W3 Total Cache. Por ahora, use la opción automática y verifique el rendimiento de su sitio web.

Espero que tenga una idea sobre cómo arreglar JavaScript y CSS que están bloqueando el renderizado

Sin lugar a dudas, la velocidad del sitio web juega un papel crucial en la puntuación de SEO. Puede saber cuándo está visitando un sitio web con poco tiempo de carga de la página. Estás esperando mucho No me parece.

Hay toneladas de opciones en la web. Si su sitio web es lento, alguien más está brindando una mejor experiencia de usuario que la suya.

Conclusión

La idea principal detrás de la reparación de archivos JavaScript y CSS que bloquean la representación es minimizar el código en esos archivos. Si es un desarrollador avanzado, puede reducir el tamaño de JavaScript y CSS manualmente.

Pero si está utilizando WordPress, existen muchos complementos para realizar esa tarea.