Cuando se trata de rendimiento web, uno de los factores críticos es eliminar los recursos que bloquean el procesamiento. Los recursos de bloqueo de renderizado retrasan el renderizado de una página y pueden incluir cosas como archivos JavaScript y CSS. Estos recursos deben cargarse antes de que el navegador pueda comenzar a representar la página. Esto incluye archivos CSS y JavaScript externos y cualquier otra cosa que pueda retrasar el inicio del navegador para mostrar la página.
Si bien algunos recursos de bloqueo de renderizado son necesarios, como CSS que garantizan que su página se vea correcta, otros pueden optimizarse o eliminarse. Para maximizar la velocidad de carga de su sitio web, es esencial identificar y minimizar o eliminar los recursos que bloquean el procesamiento cuando sea posible. Es posible que hayas notado esta recomendación al probar el sitio de WordPress en la herramienta PageSpeed .
¿Cómo identificar un recurso que bloquea el procesamiento?
Al intentar mejorar el rendimiento de su sitio web, es posible que se encuentre con el término "recursos de bloqueo de renderizado". Esto se refiere a cualquier recurso que deba cargarse antes de que el navegador pueda comenzar a representar la página. Normalmente, esto incluye archivos CSS y JavaScript externos.
Puede utilizar las herramientas para desarrolladores de Google Chrome para identificar un recurso que bloquea el procesamiento . Cargue su sitio web en Chrome y luego abra las Herramientas para desarrolladores. Haga clic en la pestaña Cobertura y luego asegúrese de que la opción "Desactivar caché" esté marcada. Esto asegurará que vea la versión más actualizada de su sitio web.
Ahora, recarga tu sitio web. Las Herramientas de desarrollo le mostrarán una lista de todos los recursos cargados a medida que se representa su página. Busque los recursos que tengan una línea roja al lado. Estos son los recursos que bloquean el renderizado.
¿3 formas de eliminar un recurso que bloquea el procesamiento en WordPress?
Hay algunas formas diferentes de hacer esto en WordPress.
Método 1:
Una es incorporar CSS crítico , lo que significa incrustar el código CSS directamente en el archivo HTML en lugar de llamar a una hoja de estilo externa. Esto puede resultar eficaz para sitios web pequeños con sólo unas pocas páginas, pero no es práctico para sitios web más grandes. Una vez que haya identificado los recursos que bloquean el procesamiento, deberá eliminarlos o incorporarlos. Incorporar significa incrustar el recurso directamente en el código, por lo que no es necesario cargarlo por separado. Esto se puede hacer con archivos JavaScript y CSS. Complementos como Flyingpress, WP Rocket, Swift Performance o LiteSpeed cache pueden ayudarte a automatizar esto.
Método 2:
Otra opción es cargar recursos no críticos después de la carga inicial de la página. Esto se puede hacer usando técnicas de carga asincrónica , como cargar archivos JavaScript después de que el documento haya sido analizado o usar atributos diferidos.
Método 3:
Finalmente, también puede intentar reducir la cantidad de recursos que se necesitan en cada página. Esto puede significar combinar varios archivos CSS o JavaScript en un solo archivo o usar imágenes más pequeñas que se cargan más rápido. Al reducir la cantidad de recursos que bloquean el procesamiento, puede mejorar significativamente la velocidad de carga de su sitio web y brindar una mejor experiencia de usuario a sus visitantes. Si necesita más tiempo para sentirse cómodo trabajando con el código, algunos complementos pueden ayudar a automatizar este proceso, como Autoptimize, WPRocket , etc.
En algunos casos, pueden ser necesarios recursos de bloqueo de renderizado para que su sitio web funcione correctamente. En estos casos, necesitarás encontrar una manera de optimizarlos para que se carguen más rápido.
Envolver
Si siguió el consejo anterior, ahora debería haber eliminado la mayoría, si no todos, los recursos que bloquean el procesamiento en su sitio web. Si aún necesita ayuda, consulte nuestro servicio profesional de optimización de velocidad de WordPress . Le ayudaremos a mejorar el rendimiento y la velocidad de su sitio web, lo cual es esencial para crear un sitio web de alta calidad y fácil de usar.
Recuerde que otros factores pueden afectar el rendimiento de su sitio web, como el tiempo de respuesta del servidor, el tamaño de los archivos y la calidad del código. Sin embargo, eliminar los recursos que bloquean el procesamiento es un enfoque excelente para mejorar la velocidad y el rendimiento de su sitio web y de Core Web Vitals .
