Como eliminar los recuersos que bloquean el renderizado
WordPress le permite crear un sitio web personalizado con su elección de complementos y temas. Sin embargo, esto puede significar que su sitio tiene muchos scripts que ralentizan sus tiempos de carga. No es necesario cargar todos estos scripts de inmediato, y algunos pueden impedir que los visitantes vean su contenido lo más rápido posible.
Estos archivos extraños se denominan JavaScript y CSS que bloquean la representación. En este artículo, explicaremos qué son estos scripts y luego le mostraremos cómo eliminarlos de su sitio de WordPress.
¿Por qué JavaScript y CSS que bloquean el procesamiento son malos para las páginas web?
Los scripts de JavaScript y CSS que bloquean el renderizado ralentizan sus páginas web, lo cual es malo por muchas razones. La velocidad del sitio juega un papel en muchos aspectos vitales de su sitio web, incluida la usabilidad general y la optimización de motores de búsqueda (SEO). Cuando su sitio se carga lentamente, es más probable que pierda visitantes y menos probabilidades de obtener una clasificación alta en los resultados de los motores de búsqueda.
Por supuesto, la velocidad del sitio se ve afectada por algo más que los scripts de bloqueo de procesamiento. Dicho esto, este es un factor que puede marcar una diferencia significativa en los tiempos de carga. Recuerde que cada recurso en una página web ocupa bytes, más de los cuales pueden resultar en tiempos de descarga más largos. Cuantos menos scripts y más ligeros tenga su sitio, mejor. Después de todo, no desea permitir que un sitio lento afecte negativamente a su negocio .
En general, es mejor asegurarse de que el código de su sitio web sea lo más limpio y mínimo posible para mejorar la velocidad general. Sin embargo, siempre quedará algún código sobrante. De forma predeterminada, los navegadores intentarán cargar todo a la vez, incluidos los scripts de bloqueo de procesamiento.
Depende de usted asegurarse de que su sitio cargue primero los scripts necesarios para que se vea correcto y sea utilizable cuando un espectador llega por primera vez a una página. Solo entonces se deberían cargar el resto de los scripts.
Cómo eliminar JavaScript y CSS que bloquean el procesamiento
Antes de que pueda eliminar los scripts que bloquean el procesamiento, deberá identificar qué scripts están causando problemas. Para hacer esto, recomendamos utilizar PageSpeed Insights de Google . Simplemente ingrese su URL y Google le dirá exactamente qué scripts están ralentizando su página:
Haga una lista de los scripts que aparecen en los resultados en Eliminar JavaScript y CSS que bloquean el procesamiento . Ya sea que intente abordarlos manualmente o usar un complemento, estos son los scripts a los que querrá prestar más atención al aplicar las siguientes correcciones.
Para reducir la cantidad de scripts de bloqueo de procesamiento en su sitio, deberá seguir algunas prácticas recomendadas:
- ' Minifica' tu JavaScript y CSS . Esto significa eliminar todos los espacios en blanco adicionales y los comentarios innecesarios en el código.
- Concatenar su JavaScript y CSS . Para hacer esto, querrá tomar varios archivos .js y .css diferentes y combinarlos. Idealmente, solo tendrá unos pocos archivos de este tipo.
- Aplazar la carga de JavaScript . Puede ser útil forzar a los archivos JavaScript a esperar para cargarse hasta que todo lo demás en la página esté listo. Una forma confiable de aplazar JavaScript es utilizar la carga asincrónica.
Estos consejos pueden ser difíciles de lograr a mano en WordPress, porque muchos complementos frontales vienen con sus propios archivos JavaScript y CSS. Un complemento puede adjuntar fácilmente más de cinco o seis scripts al front-end de su sitio. ¡Estos archivos pueden acumularse con bastante rapidez!
Afortunadamente, WordPress utiliza un filtro combinado para registrar todos los scripts de front-end. Esto significa que tiene la oportunidad de identificar y manejar cualquier archivo JavaScript o CSS entrante, incluso si no sabe exactamente qué buscar. Por supuesto, esto es mucho más fácil de lograr con un complemento en lugar de comenzar desde cero.