Avisos
Vaciar todo

CSS y Javascript

6 Respuestas
2 Usuarios
0 Reactions
12 Visitas
Respuestas: 3
New Member
Topic starter
 

1 archivo JavaScript está bloqueando la representación de la página.

3 archivos CSS referenciados externamente están bloqueando el renderizado de la página

 

¿Cómo puedo solucionarlo? He intentado solucionarlo con el plugin Async javascript, pero no he podido

Contenido solo visible a usuarios registrados


 
Respondido : 26/03/2023 12:58 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Daniel, 

Puedes enviarnos donde obtienes estos resultados sobre tu sitio web?, de esta forma podemos revisarlo con mayor detalle. Si es posible envianos algunas capturas sobre lo que te muestra de esta forma podemos ayudarte con mayor detalle. 

Un Saludo


 
Respondido : 26/03/2023 1:10 pm
Respuestas: 3
New Member
Topic starter
 

@karen

Lo he hecho con WebPageTest

3 externally-referenced CSS files are blocking page rendering.

By default, references to external CSS files will block the page from rendering while they are fetched and executed. Sometimes these files _should_ block rendering, but can be inlined to avoid additional round-trips while the page is waiting to render. Sometimes, such as with stylesheets that are only used for loading custom fonts, inline or async CSS can greatly improve perceived performance.

  • /wp-content/cache/min/1/a1923c34e8f7217477ed898a96e75346.css
  • /css?family=Montserrat%3A400%2C700%7CRoboto%3A100%2C300%2C400%2C700%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%20Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CMontserrat%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap
  • /esh3fyx.css

 
Respondido : 26/03/2023 1:13 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Daniel, 

Entiendo, en este caso puedes probar aplicar algunas opciones adicionales que se mencionan en el siguiente artículo >  https://www.webempresa.com/blog/quitar-javascript-que-bloquea-visualizacion-contenido.html

Como puedes ver hay algunas opciones entres un código o la utilización del plugin Autoptimize

Verifícalo y nos comentas como ha ido todo

Un Saludo 


 
Respondido : 26/03/2023 2:11 pm
Respuestas: 3
New Member
Topic starter
 

@karen

 

Estoy utilizando el plugin de WP Rocket para hacer esto. 

 

Crees que funcionará igual de bien?


 
Respondido : 26/03/2023 2:17 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Daniel, 

En este caso si utilizas WP Rocket puedes darle un vistazo a lo que menciona su documentación oficial → https://docs.wp-rocket.me/article/1407-eliminate-render-blocking-resources

Como puedes ver el plugin te ofrece una opción para los recursos que bloqueen el renderizado,

Verificalo y nos comentas como va todo

Un Saludo 


 
Respondido : 26/03/2023 3:26 pm