Cómo eliminar los recursos que bloquean el renderizado en WordPress (muy fácil)

Los recursos de bloqueo de renderización pueden ser un gran problema para los blogueros. Google sigue advirtiendo para eliminarlos. Hay muchas formas de eliminarlos, pero aquí hay una forma muy sencilla que no requiere codificación.

Tener un blog o un sitio web rápido es muy importante. Es importante si desea tener una clasificación alta en los motores de búsqueda. Si su sitio web es muy lento, definitivamente dañará su SEO.

Además, un sitio web lento puede hacer que la tasa de rebote sea alta, lo que técnicamente dañará su marca de muchas maneras. Un sitio web lento puede afectar los ingresos y la conversión.

La mayoría de los usuarios están impacientes, si su sitio tarda demasiado en cargarse, lo abandonarán y pasarán a una alternativa más rápida. Eso es un cliente potencial o un impulsor de ingresos desaparecido.

Si ha intentado acelerar su sitio web y utiliza una herramienta de prueba como Google PageSpeed ​​Insight, una advertencia que probablemente reciba es eliminar los recursos que bloquean el procesamiento.

En este artículo, aprenderá cómo eliminar fácilmente los recursos que bloquean el procesamiento.

¿Qué son los recursos de bloqueo de procesamiento?

Los recursos de bloqueo de procesamiento son CSS y JavaScript que ralentizan el tiempo de carga de un sitio web porque el navegador web debe descargarlo antes de que se pueda procesar el contenido de la página.

Cuando un visitante intenta acceder a un sitio web, el navegador comienza a leer el sitio web inmediatamente de arriba a abajo. Si hay CSS o JavaScript, el navegador dejará de leer hasta que descargue y procese los archivos. Antes de que el navegador pueda representar el contenido de la mitad superior de la página, debe descargar los archivos CSS o JavaScript.

Los complementos o temas que instale pueden agregar algunos de esos CSS y JS. Algunos no necesitan cargarse primero, pueden cargarse más tarde. Pero debido a que están en la parte superior, ralentizan su sitio web.

Entonces, lo que Google quiere decir con "eliminar los recursos que bloquean el procesamiento" es que elimina los recursos innecesarios de la parte superior de su sitio web porque ralentiza la carga del contenido del sitio web.

Cómo encontrar recursos de bloqueo de renderizado

Antes de que pueda resolver un problema de bloqueo de procesamiento, debe saber de dónde proviene. Puede averiguar qué recursos bloquean el procesamiento ejecutando una prueba en Google PageSpeed ​​Insight or Web.Medir.

Puede seguir los pasos a continuación para encontrar recursos de bloqueo de procesamiento:

1. Visitar Google PageSpeed ​​Insight

2. Ingrese la dirección de su sitio web y haga clic en analizar

3. Desplácese hacia abajo y busque la advertencia de eliminar los recursos que bloquean el procesamiento.

Compruébalo tanto en el dispositivo móvil como en el escritorio.

PageSpeed Insight Desktop
Para BloggingTools, tenemos un 100 en el escritorio, afortunadamente no tenemos un problema de bloqueo de renderizado

For BloggingHerramientas, no tenemos problemas de bloqueo de procesamiento para escritorio, pero sí para dispositivos móviles. Entonces, por el bien de esto, usaremos Mobile como puede ver a continuación.

PageSpeed Insight Mobile score
PageSpeed Insight mobile
Tenemos 2 problemas para dispositivos móviles

Para dispositivos móviles, como puede ver arriba, tenemos 2 problemas de bloqueo de renderizado. Con una puntuación de 93. La puntuación fue más alta, pero por el bien de esta publicación, tuve que desactivar el complemento Autoptimize.

BloggingTools.org logró este puntaje sin optimización porque estamos usando un tema muy rápido y liviano llamado GeneratePress. También estamos alojando en un servidor web muy rápido conocido como Cloudways.

Note: No debe obsesionarse con obtener 100 en la puntuación de conocimiento de PageSpeed. Es solo una guía. Por lo general, una puntuación promedio de 65 a 80 está bien para la mayoría de las personas. No elimine archivos que son esenciales para su negocio.

Lo bueno de WordPress es que no necesitas hacer todo manualmente. Hay algunos complementos bien codificados para ayudar.

Cómo solucionar el problema de eliminar los recursos que bloquean el procesamiento en WordPress

Siga estos pasos para solucionar el problema de eliminación de recursos que bloquean la representación:

1. Instale y active Autoptimize

Hay muchos complementos de WordPress que pueden hacer esto, como el caché total de W3, WP Rocket, etc. Pero desde mi experiencia con muchos sitios web, Autoptimize siempre lo maneja mucho mejor que cualquiera de ellos. Lo maravilloso es que Autoptimize es compatible con casi todos los complementos de almacenamiento en caché de WordPress y es gratuito.

Dirígete al directorio de complementos de WordPress para instalar y activar Autoptimize

2. Visita la configuración de Optimización automática.

Si alguna vez necesita dónde encontrar la configuración de Optimización automática, en su panel de WordPress haga clic en Configuración y luego haga clic en Optimización automática.

3. Optimiza JavaScript

En las opciones de JavaScript, seleccione Optimizar código de secuencia de comandos y también seleccione archivos JS agregados. Puede encontrar la configuración que estoy usando para BloggingTools a continuación.

Autoptimize JavaScript

4. Optimizar CSS

En las opciones de Optimizar CSS, seleccione Optimizar código CSS. También seleccione archivos CSS agregados y "También agregar CSS en línea". Vea las Opciones que estoy usando para BloggingTools a continuación.

Autoptimize CSS

5. Optimizar HTML

Si desea un mejor rendimiento, también puede utilizar Autoptimize para optimizar HTML. En Opciones HTML, seleccione optimizar código HTML. Puede ver la configuración que estoy usando para BloggingTools a continuación.

Autoptimize HTML

6. Verifique las opciones misceláneas

Puede comprobar las Opciones varias y modificar algunas configuraciones según le convenga. Puede encontrar la configuración de BloggingTools a continuación.

Autoptimize Misc options

7. Guarde y vacíe la caché.

A continuación, simplemente haga clic en Guardar y vacíe la caché. ¡Eso es todo!

Después de todo esto, puede volver a consultar su sitio en Google PageSpeed ​​Insight. Para BloggingTools, inmediatamente después de hacer esto, nuestra puntuación subió a 95 y toda la advertencia de eliminar recursos que bloquean el procesamiento desapareció por completo. Vea abajo.

Google PageSpeed Insight mobile
Google PageSpeed Insight Mobile score

Tenga en cuenta que, dependiendo de cuántos recursos de bloqueo de procesamiento tenga y cuán importantes sean para su sitio, es posible que algunos de ellos permanezcan. No intente quitarlos.

Si desea eliminar aún más, puede usar JavaScript asíncrono, un complemento del mismo autor que Autoptimize. Trabajan juntos. No recomiendo esto ya que podría dañar su sitio. ¡Autoptimizar solo está bien!

Conclusión

La velocidad es importante y la eliminación de los recursos que bloquean el renderizado puede ayudar a que su sitio web se cargue más rápido y le dé a su sitio una mejor puntuación en las herramientas de prueba de velocidad. Pero nunca debe obsesionarse con estos puntajes, ya que solo están ahí para guiar.

Si su sitio web sigue siendo muy lento después de esto. Los tres problemas más probables podrían ser que su tema o su proveedor de alojamiento web sea incorrecto, o que tenga instalados complementos incorrectos. yo recomiendo Coudways como el mejor proveedor de alojamiento web y GeneratePress como el mejor tema. Si eres principiante, Bluehost puede manejar, pero si puede pagarlo, Cloudways es el mejor. Puedes empezar gratis. Uso GeneratePress y Coudways para TargetTrend

Lea también:

Cómo hacer WordPress muy rápido

Cómo atraer tráfico a tu blog

Cómo ganar dinero blogueando

Cómo iniciar un blog

Mfon Abel Ekene

Mfon Abel Ekene

Disfruto creando contenidos que sean útiles. Mi pasión es ayudar a la población de Internet a encontrar lo que necesitan indicándoles la dirección correcta. Es lo que me encanta hacer y dedico muchas horas de investigación y pruebas para asegurarme de hacerlo a través de mi contenido en TargetTrend.

Artículos: 48

Recibe cosas tecnológicas

Tendencias tecnológicas, tendencias de inicio, reseñas, ingresos en línea, herramientas web y marketing una o dos veces al mes

Deje un comentario

Su dirección de correo electrónico no será publicada. Las areas obligatorias están marcadas como requeridas *