Tabla de contenido:

¿Cómo aplazo el bloqueo de procesamiento de CSS?
¿Cómo aplazo el bloqueo de procesamiento de CSS?

Video: ¿Cómo aplazo el bloqueo de procesamiento de CSS?

Video: ¿Cómo aplazo el bloqueo de procesamiento de CSS?
Video: 🚀Cómo quitar archivos que bloquean el renderizado en 5 min para mejorar el rendimiento en WordPress 2024, Noviembre
Anonim

La solución más común, para aplazar la carga de tu render de bloqueo de CSS y reducir hacer - bloqueo los viajes de ida y vuelta se denominan loadCSS por Filament Group. La última versión aprovecha el atributo aún no totalmente compatible que permite la carga asincrónica de CSS.

Entonces, ¿cómo soluciono el bloqueo de renderizado?

Corregir el bloqueo de renderizado JavaScript usando W3 Total Cache A continuación, debe visitar la página Rendimiento »Configuración general y desplazarse hacia abajo hasta la sección Minificar. Primero debe marcar 'Habilitar' junto a la opción Minificar y luego seleccionar 'Manual' para la opción del modo Minificar. Haga clic en el botón guardar todas las configuraciones para almacenar sus configuraciones.

En segundo lugar, ¿qué es eliminar los recursos que bloquean el procesamiento? Hacer - bloqueo de recursos ralentizar los tiempos de carga de la página percibida de su sitio de WordPress al obligar a los navegadores de los visitantes a retrasar representación contenido en la mitad superior de la página mientras el navegador descarga archivos que no son necesarios de inmediato. Para eliminar render - bloqueo de recursos en WordPress, puede usar complementos listos para usar.

Además de arriba, ¿CSS bloquea el renderizado?

Hacer Bloqueo CSS . Por defecto, CSS es tratado como un hacer recurso de bloqueo, lo que significa que el navegador no hacer cualquier contenido procesado hasta el CSSOM es construido. El HTML es obvio, ya que sin el DOM no tendríamos nada que hacer , pero el CSS El requisito puede ser menos obvio.

¿Cómo sé si tengo recursos de bloqueo de Render?

Para identificar los recursos que bloquean el procesamiento:

  1. Busque la carga de recursos no críticos antes de la línea de inicio de procesamiento (a través de webpagetest.org).
  2. Pruebe la eliminación de recursos a través de las herramientas de desarrollo de Google para ver cómo se ve afectado el contenido de la página.
  3. Una vez identificado, trabaje con los desarrolladores para encontrar la mejor solución para aplazar los recursos de bloqueo de procesamiento.

Recomendado: