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.
teniendo un ayuno blog o sitio web es muy importante. Es importante si desea obtener una clasificación alta en motores de búsqueda. Si su sitio web es muy lento, definitivamente perjudicará 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.
Plugins o los temas que instales pueden agregar algunos de esos CSS y JS. Algunos no necesitan cargarse primero, pueden cargarse más tarde. Pero como 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.
Para 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.
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.
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.
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.
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.
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.
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:
Artículos Relacionados
