Tener problemas con JavaScript y CSS que bloquean la renderización en tu sitio de WordPress puede ser frustrante. Estos problemas pueden ralentizar tu sitio web y afectar su rendimiento. Un sitio lento puede alejar a los visitantes e impactar tus rankings en los motores de búsqueda.
Cuando revisas tu sitio web en Google PageSpeed Insights, es posible que veas una sugerencia para eliminar estos recursos que bloquean la renderización. Desafortunadamente, la herramienta no proporciona instrucciones claras sobre cómo solucionar este problema en WordPress.
La buena noticia es que existen herramientas que pueden hacer que la solución de JavaScript y CSS que bloquean la renderización sea menos complicada de lo que parece. Puedes usar un plugin de caché como WP Rocket o Autoptimize para optimizar tu sitio minificando y posponiendo scripts, lo que reduce los tiempos de carga y mejora las puntuaciones de PageSpeed.
En este artículo, te guiaremos a través de los pasos para resolver estos problemas en tu sitio de WordPress.
¿Qué son JavaScript y CSS que bloquean la renderización?
JavaScript y CSS que bloquean la renderización son archivos que impiden que un sitio web muestre una página web antes de cargar estos archivos.
Cada sitio web de WordPress tiene un tema y plugins que agregan archivos de JavaScript y CSS al front-end de tu sitio web.
Estos scripts pueden aumentar el tiempo de carga de la página de tu sitio, y también pueden bloquear la renderización de la página.
El navegador de un usuario tendrá que cargar esos scripts y CSS antes de cargar el resto del HTML en la página. Esto significa que los usuarios con una conexión más lenta deben esperar unos milisegundos más para ver la página.
A estos scripts y hojas de estilo se les conoce como JavaScript y CSS que bloquean la renderización.
Los propietarios de sitios web de WordPress que intentan obtener una puntuación de Google PageSpeed de 100 necesitarán solucionar este problema para alcanzar esa puntuación perfecta.
¿Qué es una puntuación de Google PageSpeed?
Google PageSpeed Insights es una herramienta de prueba de velocidad de sitios web creada por Google para ayudar a los propietarios de sitios web a optimizar y probar sus sitios. Esta herramienta prueba su sitio web según las directrices de velocidad de Google y ofrece sugerencias para mejorar el tiempo de carga de su página.
Le muestra una puntuación basada en el número de auditorías que su sitio aprueba.
La mayoría de los sitios web obtienen entre 50 y 70. Sin embargo, algunos propietarios de sitios web se sienten obligados a alcanzar 100 (la puntuación más alta que puede obtener una página).
¿Realmente necesita la puntuación perfecta de “100” en Google PageSpeed?
El propósito de Google PageSpeed Insights es proporcionarle directrices para mejorar la velocidad y el rendimiento de su sitio. Dicho esto, no está obligado a seguir estas reglas estrictamente.
Recuerde que la velocidad es solo una de las muchas métricas de optimización para motores de búsqueda (SEO) de sitios web que ayudan a Google a determinar cómo clasificar su sitio. La velocidad es tan importante porque mejora la experiencia del usuario en su sitio.
Una mejor experiencia de usuario requiere mucho más que solo velocidad. También necesitas ofrecer información útil, una mejor interfaz de usuario y contenido atractivo con texto, imágenes y videos.
Entonces, tu objetivo debe ser crear un sitio web rápido que ofrezca una excelente experiencia de usuario.
Te recomendamos que uses las reglas de Google PageSpeed como sugerencias. Si puedes implementarlas fácilmente sin arruinar la experiencia del usuario, eso es genial. De lo contrario, deberías intentar hacer todo lo que puedas y luego no preocuparte por el resto.
Con esto en mente, echaremos un vistazo a lo que puedes hacer para solucionar JavaScript y CSS que bloquean la renderización en WordPress. Cubriremos 2 métodos que eliminarán los recursos que bloquean la renderización en WordPress. Puedes elegir el que mejor funcione para tu sitio web:
- Método 1: Soluciona scripts y CSS que bloquean la renderización con WP Rocket
- Método 2: Soluciona scripts y CSS que bloquean la renderización con Autoptimize
- Qué hacer si JavaScript y CSS que bloquean la renderización aún existen
¡Vamos a empezar y a hacer que tu sitio funcione sin problemas!
Método 1: Soluciona scripts y CSS que bloquean la renderización con WP Rocket
Para este método, utilizaremos el plugin WP Rocket.
Es el mejor plugin de caché y optimización para WordPress del mercado, y te permite mejorar rápidamente el rendimiento de tu sitio web sin necesidad de conocimientos técnicos ni una configuración complicada.
Primero, necesitas instalar y activar el plugin WP Rocket. Para más detalles, puedes ver nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
WP Rocket funciona de inmediato: activará la caché con configuraciones óptimas para tu sitio web. Puedes aprender más sobre él en nuestra guía completa sobre cómo instalar y configurar WP Rocket correctamente en WordPress.
Por defecto, no activa JavaScript y las opciones de optimización de CSS. Estas optimizaciones pueden afectar potencialmente la apariencia de tu sitio web o algunas funciones, por lo que el plugin te permite habilitar estas configuraciones opcionalmente.
Para hacer eso, necesitas visitar la página Configuración » WP Rocket y cambiar a la pestaña ‘Optimización de archivos’.
Desde aquí, simplemente desplázate hasta la sección ‘Archivos CSS’ y marca las casillas junto a ‘Minificar CSS’, ‘Combinar archivos CSS’ y ‘Optimizar entrega de CSS’.
Para la configuración de ‘Optimizar entrega de CSS’, WP Rocket recomienda elegir el método de ‘Eliminar CSS no utilizado‘.
Además de ofrecer el mejor rendimiento, puede ayudar a reducir el tamaño de la página y las solicitudes HTTP.
Nota: El plugin de caché WP Rocket intentará minificar todos tus archivos CSS, combinarlos y cargar solo el CSS necesario para la parte visible de tu sitio web.
Esto podría afectar la apariencia de tu sitio web, por lo que necesitas probar tu sitio web en múltiples dispositivos y tamaños de pantalla a fondo.
A continuación, necesitas desplazarte hasta la sección ‘Archivos JavaScript’.
Desde aquí, puedes marcar todas las opciones para obtener la máxima mejora de rendimiento.
Puedes minificar y combinar archivos JavaScript como lo hiciste para CSS.
También puedes evitar que WordPress cargue el archivo jQuery Migrate. Este script se carga para proporcionar compatibilidad con plugins y temas que utilizan versiones antiguas de jQuery.
La mayoría de los sitios web no necesitan este archivo, pero aún querrás revisar tu sitio web para asegurarte de que eliminarlo no afecte a tu tema o plugins.
A continuación, desplacémonos un poco más hacia abajo y marquemos las casillas junto a las opciones ‘Cargar JavaScript diferido’ y ‘Modo seguro para jQuery’.
Estas opciones retrasan la carga de JavaScripts no esenciales, y el modo seguro de jQuery te permite cargar jQuery para temas que puedan usarlo en línea. Puedes dejar esta opción desmarcada si estás seguro de que tu tema no usa jQuery en línea en ninguna parte.
No olvides hacer clic en el botón ‘Guardar cambios’ para almacenar tu configuración.
Después de eso, también es posible que desees borrar la caché en WP Rocket antes de volver a probar tu sitio web con Google PageSpeed Insights.
En nuestro sitio de prueba, pudimos lograr una puntuación del 100% en dispositivos de escritorio, y el problema de bloqueo de renderizado se resolvió tanto en las puntuaciones móviles como en las de escritorio.
Método 2: Soluciona scripts y CSS que bloquean la renderización con Autoptimize
Para este método, utilizaremos un plugin separado hecho específicamente para mejorar la entrega de los archivos CSS y JS de tu sitio web. Si bien este plugin hace el trabajo, no tiene las otras potentes funciones que tiene WP Rocket.
Lo primero que necesitas hacer es instalar y activar Autoptimize, un plugin gratuito para acelerar el rendimiento del sitio web. Si necesitas ayuda, no dudes en consultar nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Tras la activación, debes dirigirte a Ajustes » Autoptimize para configurar las opciones del plugin.
Primero, marquemos la casilla junto a ‘Optimizar código JavaScript’ en el bloque ‘Opciones de JavaScript’. Aquí, deberás asegurarte de que la opción ‘Agregar archivos JS’ no esté marcada.
A continuación, desplázate hacia abajo hasta el cuadro ‘Opciones de CSS’ y marca la opción ‘Optimizar código CSS’.
Simplemente asegúrate de que la opción ‘Agregar archivos CSS’ no esté marcada.
Ahora puedes hacer clic en el botón ‘Guardar cambios y vaciar caché’ para almacenar tu configuración.
Continúa y prueba tu sitio web con la herramienta PageSpeed Insights. Con esta configuración básica, solucionamos con éxito el problema de bloqueo de renderizado en nuestro sitio de demostración.
Si todavía hay scripts que bloquean la renderización, puedes volver a la página de configuración del plugin y revisar las opciones tanto de JavaScript como de CSS.
Por ejemplo, puedes permitir que el plugin incluya JS en línea y elimine scripts que están excluidos por defecto, como seal.js o jquery.js. Luego, simplemente haz clic en el botón ‘Guardar cambios y vaciar caché’ para guardar tus cambios y vaciar la caché del plugin.
Una vez que hayas terminado, continúa y revisa tu sitio web nuevamente con la herramienta PageSpeed Insights.
¿Cómo funciona Autoptimize?
Autoptimize agrega todo el JavaScript y CSS encolados. Después de eso, crea archivos CSS y JavaScript minificados y sirve copias cacheadas a tu sitio web de forma asíncrona o diferida.
Esto te permite solucionar el problema de scripts y estilos que bloquean la renderización. Sin embargo, ten en cuenta que también puede afectar el rendimiento o la apariencia de tu sitio web.
Qué hacer si JavaScript y CSS que bloquean la renderización aún existen
Dependiendo de cómo los plugins y tu tema de WordPress utilicen JavaScript y CSS, puede ser difícil solucionar por completo todos los problemas de JavaScript y CSS que bloquean la renderización.
Si bien las herramientas anteriores pueden ayudar, es posible que tus plugins necesiten ciertos scripts para funcionar correctamente en un nivel de prioridad diferente. En ese caso, las soluciones anteriores pueden romper la funcionalidad de dichos plugins o hacer que se comporten de manera inesperada.
En lugar de eliminar por completo los problemas de bloqueo de renderización, recomendamos adoptar enfoques alternativos para acelerar tu sitio web. Por ejemplo, puedes usar un servicio de CDN para servir tus archivos estáticos de JavaScript y CSS y reducir el tiempo de carga.
Puedes leer nuestra guía definitiva para mejorar la velocidad y el rendimiento de WordPress para obtener más información.
Esperamos que este artículo te haya ayudado a aprender cómo solucionar el JavaScript y CSS que bloquean la renderización en WordPress. También te puede interesar nuestro artículo sobre cómo solucionar fácilmente el error 'Este sitio no se puede alcanzar' y nuestra lista experta de los errores más comunes de WordPress y cómo solucionarlos.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Jiří Vaněk
Uso autoptimize y también wp-rocket. Me ayudó muchísimo. Sin embargo, es necesario tener mucho cuidado con algunos cambios. Una configuración y todo el sitio web puede dejar de funcionar correctamente de inmediato.
Amina
¡Hola! Tu sitio y tus consejos han sido de gran ayuda. ¡Gracias, wpbeginner!
Mi AMP dice que el script de JavaScript personalizado no está permitido. He intentado usar y seguir tus instrucciones para autoptimize, pero no resolvió el problema. El AMP muestra el error en la línea 12:10 y 18:2.
Soporte de WPBeginner
Nos alegra que nuestro artículo haya sido útil. Para preguntas específicas de AMP como esa, te recomendamos contactar al soporte de AMP, ellos deberían poder ayudarte.
Administrador
Fahad Khan
Hola,
¿Hay alguna otra forma de hacer esto excepto con wp rocket y autopitmize?
Soporte de WPBeginner
Probablemente haya otras herramientas, pero estas son las que recomendamos actualmente para principiantes.
Administrador
Rizz
Para usuarios de W3 Total Cache
No agregues el script de jquery (/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp) funcionará de lo contrario tu sitio no cargará correctamente.
El CSS no generará ningún error
Si Revolution slider muestra un error después de eso -> ve a la configuración global de revslider y activa 'Insert scripts in footer'.
Soporte de WPBeginner
Gracias por compartir algunas recomendaciones que encontraste al editar tu sitio.
Administrador
Muhammad Farhan
No recuerdo cuándo me he encontrado en una situación difícil, siempre estás ahí para ayudarme cuando no hay nadie más. No conozco un mejor sitio de guías de WordPress que wpbeginners, muchas gracias.
Soporte de WPBeginner
Glad our guides continue to be helpful to you
Administrador
Lu
¡Excelente información como siempre!
Estoy con Siteground, así que tengo SG Optimizer en mi sitio. He revisado la configuración tanto como entiendo, pero sigo recibiendo la advertencia de 'Eliminar recursos que bloquean la renderización'.
¿Puedo usar Autoptimize también, o entrará en conflicto con SG? Gracias
Soporte de WPBeginner
You should be able to use Autoptimize with SG Optimizer but if you have any concerns if you reach out to the plugin’s support they should be able to let you know if there are currently any conflicts between the two
Administrador
subin
¿Cómo puedo solucionar el JavaScript y CSS que bloquean la renderización en WordPress sin un plugin?
Soporte de WPBeginner
Necesitarías revisar manualmente el código y configurar los archivos CSS y JS para que se carguen después de que el contenido se agregue a la página.
Administrador
Ben
¡Gracias por esto! Autoptimize me ayudó a obtener una mejor puntuación de página.
Ben
Soporte de WPBeginner
You’re welcome, glad our recommendation could help
Administrador
MoneyManch
Hola equipo de WP Beginner,
Muchas gracias por compartir un artículo tan útil. Autoptimize es un plugin increíble.
Estaba buscando un plugin para aumentar la velocidad de mi blog de WordPress. Después de leer esta publicación, instalé y activé "Autoptimize" en mi blog. Y para mi sorpresa, aumentó la velocidad de mi blog de 39 a 61 para móviles y de 76 a 95 para escritorio, verificado en PageSpeed Insights.
Gracias una vez más por guiar a nuevos bloggers como yo.
Soporte de WPBeginner
Glad our recommendation could be helpful
Administrador
sachin
¿Cómo identificar la URL del script y la URL de CSS?
Soporte de WPBeginner
Si usas Google Page Insights, hay una flecha desplegable que te mostrará las URLs que están causando el problema con un enlace de "obtener más información" sobre cómo encontrar la URL sin su herramienta.
Administrador
Raksh
El nuevo Google Page Speed Insights no muestra el enlace, ¿qué debo hacer?
Soporte de WPBeginner
There should be a dropdown arrow and when you click that it should show the links to the files
Administrador
Monika
¡No estoy seguro de cuántas veces este sitio web me ha ayudado! ¡¡¡MUCHAS GRACIAS!
Mr Jatt Poonam
¿Cómo puedo optimizar las imágenes que he agregado a mi sitio web en el pasado?
Love Goel
Gracias, amigo, realmente aprecio tu tutorial. Usé el plugin Autoptimize y me funcionó muy bien.
Deeksha
Cuando uso todos estos plugins de repente mi sitio web se pone lento y muestra contenido inapropiado...
¿¿Qué puedo hacer?? Por favor, ayúdenme
Soporte de WPBeginner
Hola Deeksha,
Ambos plugins son bastante seguros. Si estás viendo contenido inapropiado en tu sitio web, asegúrate de que tu sitio web no haya sido hackeado. Puedes deshabilitar ambos plugins en cualquier momento.
Administrador
sumit kumar gupta
Señor, cuando instalamos el plugin Autoptimize en nuestro blog de WordPress, nuestro blog no se abre, dice que esta página no funciona. ¿Qué debo hacer, señor?
Señor, me gustaría saber si cuando agregamos un enlace de JavaScript para eliminar el código que bloquea la renderización siguiendo sus pasos, ¿hay algún efecto en la clasificación de mi blog? Por favor, ayude.
Tim Helmer
Sumit:
El plugin no funciona, así que necesita renombrar la carpeta del plugin para desactivarlo. Necesita FTP o un plugin de administrador de archivos. ¿Puede acceder al panel a través de su ubicación wp-login.php? Como dominio/wp-login.php
Henry Ramirez
Uso wordpress.com, ¿algún plugin para hacer lo mismo aquí en wordpress.com ya que estos plugins no son compatibles aquí? Gracias
ben
Autoptimize me funciona. Condensa muy bien mis scripts, pero todavía veo la advertencia de script que bloquea la renderización.
Ismail
Hola,
Actualmente estoy usando WP Rocket, ¿es posible usar el plugin Autoptimize juntos? Gracias por compartir esta valiosa información.
Gaurav Areng Chakraverti
Hola. He probado el método W3 y tan pronto como activo Minify (usando Disco) obtengo esto:
Error fatal: Desconocido: No se puede usar el almacenamiento en búfer de salida en los controladores de visualización de almacenamiento en búfer de salida en Desconocido en la línea 0
¿Cómo se soluciona eso?
¡Gran tutorial en general! Gracias por esto.
Gaurav Areng Chakraverti
EDIT: This problem goes away when I deactivate Autoptimize, however, so does the rest of the site. Only the bare bones remain with no actual content.
David
La configuración de Autoptimize ha cambiado. Las únicas opciones de JavaScript disponibles son ¿Optimizar código JavaScript? El resto de las opciones en su captura de pantalla no están disponibles, al menos no en la que tengo. La última vez que probé W3 Total Cache, nadie podía acceder al sitio. Todavía estoy buscando una manera de resolver el tiempo de carga de la página, que por alguna razón se sitúa entre 10 y 17 segundos.
Chris
David, prueba la herramienta de velocidad web Gmetrix. En la lista de resultados hay un gráfico de cascada que muestra cómo carga el sitio y cuáles son los archivos y scripts más grandes que ralentizan la carga de la página.
Encuentro que los scripts más lentos son los scripts cdn de Google, ¡como Google Fonts! La misma empresa que insiste, obligando a los usuarios a sus demandas, tiene scripts que tardan una eternidad en cargarse. No podrías inventarlo.
Divij
¿Puedes usar minify en w3 total cache simultáneamente con cloudflare? Estamos usando minify en cloudflare y lo dejamos deshabilitado en w3cache. Pero seguimos recibiendo el mensaje: Eliminar JavaScript y CSS que bloquean la renderización en el contenido visible inicial.
¡Gracias!
Rana Jayant
La interfaz de caché del plugin 23 ha sido cambiada y no tiene ninguna opción donde podamos poner nuestra URL .js para optimización.
Estoy hablando de "Ahora dirígete a tu área de administración de WordPress y ve a la página Rendimiento » Minificar".
MATTY
Gran tutorial. Sin embargo, ¿es W3 Total cache seguro de usar ahora debido a un problema a principios de año? Dejé de usarlo desde entonces, pero era el mejor plugin que existía.
Mohamed
Gracias por compartir este artículo, pero dijiste (ten en cuenta que también puede afectar el rendimiento o la apariencia de tu sitio web)
¿Podrías aclarar si este efecto será bueno o malo para la clasificación de Google del sitio web?
Soporte de WPBeginner
Hola Mohamed,
Un sitio web más rápido es ciertamente bueno para los rankings de SEO. Sin embargo, al solucionar problemas de bloqueo de renderizado, puedes terminar cambiando la apariencia de tu tema o incluso obtener una puntuación de velocidad de página más baja que antes.
Administrador
Angie
Ja, gracioso.
Estaba buscando ayuda aquí.
luego hice la herramienta de velocidad de Google para TU publicación aquí.
Resultado de Google
Móvil Pobre
54 / 100
Escritorio
Necesita Trabajo
66 / 100
¿Tienes alguna idea en absoluto?
Soporte de WPBeginner
Hola Angie,
A menudo, la gente se obsesiona con obtener un 100 perfecto en Google PageSpeed, lo cual es casi imposible para la mayoría de los sitios web funcionales. Si tienes algún tipo de botones de redes sociales, scripts de retargeting o anuncios, tu sitio nunca obtendrá una puntuación perfecta.
Lo más probable es que estés muy lejos de eso. Pero es por eso que tienes otras herramientas como Pingdom para verificar los resultados de tu velocidad.
Por ejemplo: la página de inicio de WPBeginner.com carga en 508 ms (lo cual es increíblemente rápido) –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot1.png
Pero tiene una puntuación de Google Pagespeed de 74 en escritorio (que aquellos que no saben nada mejor considerarán malo). –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot2.png
Si revisas todos los sitios web populares como ESPN, NYTimes, TechCrunch, etc., notarías que ninguno de ellos tiene una puntuación perfecta... de hecho, están lejos de eso.
Aquí hay un ejemplo de la puntuación de ESPN – 62 en escritorio –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot3.png
Aquí hay un ejemplo de NYTimes – 68 en escritorio –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot4.png
Aquí hay un ejemplo de TechCrunch – 49 en escritorio –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot5.png
Nuestro consejo es que te enfoques en hacer que tu sitio web sea lo más rápido posible siguiendo nuestra guía sobre cómo acelerar WordPress y utiliza herramientas como Pingdom como punto de referencia de lo que tus usuarios verán al cargar tu sitio web.
Administrador
Kat
Esto en realidad ha empeorado mi bloqueo de renderizado. ¿Cómo lo eliminamos?
Chris Daly
Cada vez que uso Autoptimize o W# Total Cache, mi sitio explota. La vista web móvil se convierte en una lista de menú html y partes del sitio dejan de funcionar. He probado cada uno de estos en 4 sitios diferentes y he eliminado ambos.
Chris
Chris, te sugiero que leas y te adhieras a la advertencia de W3 Cache en la sección de minificación. Minifica solo HTML y CSS, y de nuevo, ten cuidado, no todo el CSS debe ser minificado debido a las razones expuestas en la publicación anterior.
Yo uso W3 Cache selectivamente, tinyjpg para optimización de imágenes y configuro OpCache en el archivo .htaccess. A los creadores de plantillas les encanta usar Sliders... pero inflan la página con imágenes de ancho de pantalla a 1920px. Deshazte de los sliders, usa imágenes más pequeñas (con una caja modal si se requiere más detalle) e íconos en su lugar.
Mary Cahalane
Acabo de instalarlo y rompió mi página de inicio. Todas las imágenes desaparecieron.
¿Alguna idea de cómo arreglar esto?
Bruno Ayres Martinez
¡Hola chicos! Me ha encantado el tutorial de W3. Solo falta una información: la ubicación de incrustación para la gestión de archivos JS.
¿Es "Incrustar antes del cuerpo"? ¿O "Incrustar en la cabeza"? ¿O "Incrustar después del cuerpo"?
Dev thapa
Soy nuevo en el blogging, sin embargo, he estado siguiendo Wpbeginner.com desde hace bastante tiempo y todo lo que escriben me ha parecido muy útil y no dudo en decir que, si hoy mi página de blog está en vivo... el 30% del crédito va para el equipo de Wpbeginner.com y Sayed Balkhi por crear una página web tan maravillosa y útil.
Estoy agradecido con Wpbeginner.
Sigan así, ¡todo lo mejor!
Soporte de WPBeginner
Hola Dev,
Thanks you for the kind words. We are glad you find WPBeginner helpful
Administrador
steve
Acabo de poner este sitio en la prueba de velocidad de página de Google y solo obtuve 66 para móvil y 77 para escritorio!?
Digember
Los plugins aumentan la carga en nuestro sitio web, lo que hace que nuestro sitio sea lento. En wpbeginner, no he visto un solo método de optimización de velocidad sin el uso de plugins. Enséñennos algo útil, estos métodos no funcionan para todos.
Patricia Lynn
Información detallada y excelente sobre el uso del plugin Autoptimize para manejar JavaScript, CSS y el plugin W3 Total Cache para solucionar bloqueos de renderizado mientras se mejora el rendimiento de la velocidad del sitio web
Sumit Yadav
Muchas gracias por esta información. Anteriormente, el tiempo de carga de mi página era de 63 y después de instalar el plugin Autoptimize aumentó a 81.
Yoseph
No estoy muy seguro de lo que pasó, instalé autoptimize en uno de mis sitios, luego el tamaño de la página aumentó de 2.8 MB a 4 MB
Shaye
¡AY CARAMBA! ¡Esto hizo que el rendimiento de mi sitio cayera drásticamente! ¡Ayuda!
Erez Elias
Gracias por compartir.
En general, la velocidad del sitio aumentó muy poco. Pero el problema con el bloqueo de renderizado no está resuelto.
Comenta si tienes otras sugerencias.
gracias.
almbrouk idris
Estoy intentando alcanzar el 100% pero es imposible
John Bolhano
Estoy intentando llegar a más de 70 pero todavía no me acerco.
Mayank
Jaja, genial, Google apesta pero después de todo estoy en más de 80
David
Bajé 3 sitios web nuevos a casi 500 ms, más rápido que el 96% de los sitios en Pingdom. Similar para otros probadores de velocidad.
Pensé que genial, hasta que Google me trajo de vuelta a la tierra con sus estadísticas de página. Principalmente baja puntuación para móviles, pero pensé que estos temas modernos están hechos para ser responsivos? ¡Obviamente no!
También reduje cada imagen a casi nada antes de subirla, así que es frustrante.
Además, ninguna de las aplicaciones me funciona con caché del navegador, etc.
Yo diría que los mismos tres problemas que tengo – una vez que se hacen las cosas básicas – son:
1. JavaScript que bloquea el renderizado.
2. Caché del navegador.
3. Imágenes de tamaño incorrecto para móviles.
Muthukrishnan
He usado todos los plugins... pero la velocidad de la página sigue siendo mala.
Michael
Estoy un poco confundido. Acabo de hacer una prueba de velocidad de Google en wpbeginner y no obtuvo una buena puntuación en absoluto. ¿Qué me estoy perdiendo?
Yasser
Mi sitio web es RTL después de que guardé la configuración del plugin “Autoptimize”, ¡mi sitio web se volvió LTR!
Manohar Rao
Los plugins Autoptimize y W3 Total cache han dañado mi sitio web. Estos plugins solo funcionan con ciertos temas. Hay que tener mucho cuidado al usar estos dos plugins.
Toby Forage
Cuando instalé Autoptimize, como se sugiere en este artículo, arruinó por completo mi sitio web. Tal vez lo configuré mal, pero después de eliminarlo por completo, obtuve una puntuación de Google PageSpeed de 92 para escritorio. Móvil está en 67, así que estoy trabajando en mejorar eso, ¡pero no volveré a usar Autoptimize, eso seguro!
Nik
Thanks. It works for my blog.
Fued
Hola WP beginner,
¡Artículo muy útil!
¡Gracias!
¿Solo una pregunta aleatoria?
¿Puedo volver a poner el modo minificado de manual a automático y eliminar los archivos minificados sin daño? ¿Y qué recomiendas: manual o automático?
Saludos
Mayank
Simplemente hazlo automático
Nirmal Kumar
Ninguno de estos métodos funcionó. ¿Hay alguna otra mejor manera de hacer esto?
ibraheem Warriach
Hola, me gustó el artículo, pero no encuentro la opción para agregar scripts en el plugin W3 Total cache, ¿podrías decirme cómo obtenerla?
MASI
Muchas gracias por tu excelente artículo, realmente me ha ayudado.
Solo tengo un pequeño problema, ¡ahora estoy confundido!
Agregué manualmente todos los .js y .css en W3TC, pero todavía un .css tiene un problema en el verificador de páginas de Google:
Considerar arreglar:
Ninguno del contenido de la página visible sin esperar a que los siguientes recursos se carguen. Intenta diferir o cargar de forma asíncrona los recursos bloqueantes, o inserta las partes críticas de esos recursos directamente en el HTML.
Optimizar la entrega de CSS de lo siguiente:
26952.default.include.c9d602.css está disponible actualmente en la lista .css, pero veo este error. ¿Cómo puedo solucionar este problema?
Christian
No veo la opción de “Agregar una hoja de estilos”, ¿alguna idea de por qué?