Avisos
Vaciar todo

Cómo eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página  

 
Rosa
 Rosa
Usuario eminente

Hola:

Ya me leí las preguntas relacionadas con el tema ...

Acabo de instalar el plugin javascript to footer y no parece que resuelva el problema. Mi plantilla de Wordpress es OptimizePress

usando la herramienta: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.rosapanos.com%2F&tab=mobile

me sugiere una correccciones en la pestaña del Ordenador que no sé dónde escribirlas y no hacer un desastre ¡:

Tu página tiene 12 recursos de secuencias de comandos y 16 recursos CSS que provocan un bloqueo. Ello causa un retraso en el procesamiento de la página.
No se ha podido visualizar el contenido de la mitad superior de la página sin tener que esperar a que se cargara alguno de los recursos. Intenta aplazar o cargar de forma asíncrona los recursos que bloquean la visualización, o bien inserta porciones críticas de dichos recursos directamente en el HTML.
Quitar el JavaScript que bloquea la visualización de contenido:

http://rosapanos.com/…-includes/js/jquery/jquery.js?ver=1.11.1
http://rosapanos.com/…s/jquery/jquery-migrate.min.js?ver=1.2.1
http://rosapanos.com/…query/jquery.noconflict.min.js?ver=2.3.4
http://rosapanos.com/…t/plugins/akismet/_inc/form.js?ver=3.1.1
http://rosapanos.com/…query/jquery.loadScript.min.js?ver=2.3.4
http://rosapanos.com/…ins/cookie-notice/js/front.js?ver=1.2.21
http://rosapanos.com/…lugins/seo-alrp/js/slidebox.js?ver=4.1.1
http://rosapanos.com/…/assets/js/actionbox-helper.js?ver=4.1.1
http://rosapanos.com/…ssTheme/themes/2/common.min.js?ver=2.3.4
http://rosapanos.com/…-includes/js/zxcvbn-async.min.js?ver=1.0
http://rosapanos.com/…password-strength-meter.min.js?ver=4.1.1
http://rosapanos.com/…=1&qcABC=1&ver=1.1.2.1-1.1.2.1-136230805

Optimizar la entrega de CSS de estas URL:

http://rosapanos.com/…form-7/includes/css/styles.css?ver=4.1.1
http://rosapanos.com/…ns/cookie-notice/css/front.css?ver=4.1.1
http://rosapanos.com/…eo-alrp/css/slidebox-light.css?ver=4.1.1
http://rosapanos.com/…ple-social-icons/css/style.css?ver=1.0.5
http://rosapanos.com/…ss/magic-action-box-styles.css?ver=4.1.1
http://rosapanos.com/…-box/styles/royalty/style.css?ver=2.15.5
http://rosapanos.com/…ion-box/actionbox-649.css?ver=1428608202
http://rosapanos.com/…on-box/custom-buttons.css?ver=1422098199
http://rosapanos.com/…ncybox/jquery.fancybox.min.css?ver=2.3.4
http://rosapanos.com/…imizePressTheme/lib/css/wp.css?ver=2.3.4
http://rosapanos.com/…ssTheme/themes/2/style.min.css?ver=2.3.4
http://rosapanos.com/…eme/lib/assets/default.min.css?ver=2.3.4
http://rosapanos.com/…lugins/jetpack/css/jetpack.css?ver=3.4.1
http://rosapanos.com/…=1&qcABC=1&ver=1.1.2.1-1.1.2.1-136230805
http://fonts.googleapis.com/css?family=Oswald:300,r|Asap:r,b,i,bi
http://fonts.googleapis.com/css?family=Asap:r,b,i,bi

Estoy perdida con esto ¡ muchas gracias de antemano por la ayuda...

Rosa Paños Sanchis

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 10/04/2015 1:40 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Este tipo de temas de la carga aplazada puede ser difícil de corregir.

Respecto a la carga aplazada de los archivos css (la mayoría de los que te recomienda mover PageSpeed, esto es algo que puede generar un comportamiento anómalo en la web. En caso de cargar al final el código CSS la web se mostraría sin ningún tipo de maquetación, y solo al final de la carga se montaría de forma correcta.

Esto ocurre porque precisamente los estilos CSS son los que se encargan de aplicar el diseño a la web, por lo que si se cargan al final, primera se cargará el código de la página y luego se aplicará su diseño.

Sobre la carga aplazada de los archivos javascript, veo que la mayor parte de estos archivos ya se están cargando al final. Los que se cargan al principio puede ser por una mala configuración del plugin que estás utilizando para cargar el javascript al final, o que directamente no funcione con determinados ficheros o plugins adicionales.

ResponderCitar
Respondido : 10/04/2015 4:38 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

JOSE
 JOSE
Usuario activo

No consigo corregir el error y aviso de PageSpeed de "Eliminar el JavaScript que bloquea la visualización y el CSS" ¿Qué puedo hacer?

ResponderCitar
Respondido : 27/03/2017 6:58 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Si estas usando algún plugin para mover los archivos javascript también mueve la librería jquery, puedes revisar este plugin por ejemplo:

https://es.wordpress.org/plugins/bwp-minify/

Con respecto a los CSS, revisa si el mismo plugin te permite moverlos

Sin embargo lo que te recomienda google es que coloques el estilo escencial directamente en el index de tu sitio y no en un archivo, esto puedes ser complicado, por lo que te sugiero evaluar otras opicones de optimizaciòn ya que esto depende de tu theme y posiblemente te compliques de manera innecesaria

Saludos.

ResponderCitar
Respondido : 28/03/2017 12:01 am

Luis
 Luis
Usuario experto

Hola

Tengo un hosting con varios dominios. En uno de ellos he querido introducir el código:

//* Mover javascripts al footer
function scripts_footer() {
remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
remove_action('wp_head', 'wp_enqueue_scripts', 1);

add_action('wp_footer', 'wp_print_scripts', 5);
add_action('wp_footer', 'wp_enqueue_scripts', 5);
add_action('wp_footer', 'wp_print_head_scripts', 5);
}
add_action( 'wp_enqueue_scripts', 'scripts_footer' );

tal como recomendáis en un post.

Lo he puesto tal como indicáis: Apariencia>>editor>>functions.php
pero me indica lo siguiente:

No ha sido posible comunicar con el sitio para comprobar los errores fatales, así que el cambio de PHP se ha revertido. Tendrás que subir el cambio a tu archivo PHP por otros medios, como por ejemplo usando SFTP.

Saludos.

ResponderCitar
Respondido : 05/12/2017 5:35 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

De donde obtuviste ese código?, de manera general lo que haces es solo moverte los scripts nativos pero asumo que tienes más en tu código, que son de plugins externos,, de manera general no siempre es posible mover los scripts por las dependencias del HTML o por dependencias entre ellos.

Mejor crea un nuevo hilo de discusión para tratar este tema, envía también la url de tu sitio cuando hagas la consulta.

Saludos

ResponderCitar
Respondido : 05/12/2017 8:30 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación