Cómo arreglar recursos de bloqueo de renderizado en WordPress - ES

Uno de los principales problemas de WordPress que enfrentan muchos administradores es el bloqueo de procesamiento de scripts y recursos. WordPress es una plataforma de administración de contenido compleja que, por alguna razón, puede hacer que no permita dicho contenido, lo que puede presentar un problema para los visitantes o los propietarios del sitio. Esto se puede solucionar fácilmente siguiendo las recomendaciones de este artículo.

Los recursos de bloqueo de procesamiento pueden ser de varias formas y, dependiendo de la gravedad del problema, pueden incluir no solo el contenido multimedia publicado, pero también importantes secciones principales que alimentan el motor de WordPress. Los propietarios de sitios web pueden averiguar cómo solucionar el problema por sí mismos, ya que la mayoría de los problemas de esta categoría generalmente son el resultado de una configuración de complementos inadecuada o secciones de código no optimizadas.

Qué es exactamente el recurso de bloqueo de procesamiento en Wordpess?

Recursos de bloqueo de procesamiento es un término utilizado para referirse al contenido que carga el navegador web cuando se accede a un sitio determinado. Por lo general, esto es código CSS o JavaScript que realmente “paradas” el funcionamiento de partes del sitio hasta que hayan sido procesadas. Esto significa que si están presentes esto ralentizará significativamente el sitio de WordPress e incluso puede romperlo por completo. Los recursos de bloqueo de procesamiento pueden ser de todos los elementos importantes: HTML, Código JavaScript, PHP y varios fragmentos que cargan servicios externos.

Hay varios lugares desde donde puede originarse el problema.:

• Publicaciones individuales
• Configuración CSS del tema
• Complementos de WordPress y servicios externos
• Elementos interactivos dinámicos

La velocidad de un determinado blog de WordPress o cualquier sitio a este respecto se puede medir con el popular Herramienta Google PageSpeed ​​Insights. La compañía lo hace para probar un sitio determinado y ofrecer recomendaciones si se detecta algún problema.. La mayoría de los sitios darán una puntuación que va desde 50 a 70 que se considera ordinario. Cualquier resultado superior a este se considera bueno y no muchos sitios realmente alcanzan un rango cercano al final 100.

Otra razón para abordar este problema es que lo hará afectar seriamente la conveniencia de que los usuarios visiten el sitio. Los usuarios pueden cerrar los blogs que cargan lentamente y no volver a visitarlos, especialmente para aquellos que tienen conexiones lentas a Internet. El otro factor importante es que esto puede bajar el ranking SEO del blog Como los motores de búsqueda consideran la velocidad como una de las medidas más importantes.

Correcciones para el recurso de bloqueo de procesamiento en WordPress

Hay diferentes enfoques que pueden llevarse a cabo cuando se trata de solucionar estos problemas de recursos de bloqueo de render. El mecanismo correcto dependerá de los problemas individuales que tenga un sitio. — no hay solución universal. Cuando se descubre un determinado problema de este tipo, los administradores del sitio web podrán clasificarlo.

• Métodos de elementos de JavaScript — Los administradores del sitio web pueden intentar usar Carga asíncrona que programa el navegador para descargar el código JavaScript y ejecutarlo simultaneamente con el resto de HTML. Esto evitará que los recursos bloqueen la carga de WordPress. El otro método es Aplazar e indica al analizador HTML que descargue el código JavaScript mientras se ejecuta el resto del código. El código interactivo se cargará cuando el navegador haya procesado el HTML base.
• Métodos de elementos CSS — El bloqueo de procesamiento como se ve en el código CSS puede ser mucho más complejo de solucionar. En algunos casos, la causa de la demora puede ser estilos diseñados para mostrarse por encima de cierto contenido. Mala codificación puede “reducir” su ubicación que puede provocar problemas durante la ejecución. Por esta razón, se recomienda a los administradores del sitio web que los ejecuten en línea con el código HTML que lo acompaña.. Cuando se usa CSS condicional, los programadores pueden usar atributos de medios para etiquetarlos como tales. Un ejemplo común es la creación de versiones de dispositivos móviles — el código CSS solo puede ser usado por ellos, la versión de escritorio puede no necesitarlo. Y finalmente, el código CSS relevante utilizado en el blog de WordPress se puede cargar de forma asincrónica.
• Optimización automática basada en complementos — En lugar de confiar en los cambios manuales del código, hay complementos de WordPress que pueden automatizar algunos de los procesos descritos en este artículo.