Tu página tiene 2 r...
Avisos
Vaciar todo

Tu página tiene 2 recursos CSS que provocan un bloqueo  

Página 1 / 2
 
Maria Agueda
 Maria Agueda
Usuario eminente

Por favor como puedo optimizar o arreglar esto

Optimizar la entrega de CSS de estas URL:
https://www.lineaimpresion.es/…28371b15adf7eb77294a8a2bb6cabb8a_all.css
https://fonts.googleapis.com/css?family=Cuprum

No tengo ni idea de por donde empezar, si os hace falta las direcciones enteras me lo indicas, estoy derrotado

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 23/02/2016 10:09 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

No tengo muy clara la consulta quizás nos tengas que enviar alguna captura para poder revisarlo.

El enlace que nos envías se encuentra comprimido y por ende esta optimizado. Lo mejor es que nos expongas el problema y de acuerdo a esto poderte dar la solución adecuada.

ResponderCitar
Respondido : 24/02/2016 12:29 am

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

Maria Agueda
 Maria Agueda
Usuario eminente

Buenos dias Johnny

Es un problema con el Google PageSpeed, te acompaño una imagen, para que veas lo que me indica.

La web es : www.lineaimpresion.es

Gracias

ResponderCitar
Respondido : 24/02/2016 7:57 am
Rafael
 Rafael
Miembro Moderator

Buenos días María,

Tienes que saber que para conseguir el 100% en Google Speed Insight de Google tendrás que inevitable limitar las funciones en tu página web y muchas otras recortarlas y esto quizás no sea tan productivo para el sitio.

En tu caso, vemos que tu página carga en 2.4 segundos.

Si quieres mejorar la carga, te recomiendo lo siguiente:

1º Optimiza las imágenes de la Tienda -> https://www.webempresa.com/optimizacion-de-imagenes-gratuito-con-imgoptimizer.html

2º Desactivar toda la caché en ( Admin Prestashop > Parametros Avanzados > Rendimiento )

En nuestro Hosting no es necesario que tengas activo la caché para que cargue rápido.

Con ello,debería mejor aun más la carga de la tienda y no haría faltar ir al pie de la letra de lo que dice Google que en muchos casos solo se convierte en complicaciones para los usuarios.

No obstante, si te empeñas en ello, tendrás que descargar la fuente Cuprum y asociarlo al tema para evitar que se cargue de forma externa.

En cuanto al otro elemento, es de la hoja de estilo del propio tema, poco podrás hacer ya que sin ella no se visualizaría el diseño.

En mi opinión y a modo de resumen, te recomiendo llevar a cabo las optimizaciones que te comento y olvidarte de lo que te dice Google en cuanto a lo que nos comentas es más, puedes mejorar otros elementos como los que te indico y mejorar la puntuación (que no es mala la actual)

Saludos

ResponderCitar
Respondido : 24/02/2016 9:27 am

Cursos Gratuitos WordPress

Maria Agueda
 Maria Agueda
Usuario eminente

Rafael, muchas gracias por tu respuesta tan clara y sincera, en muchas ocasiones las respuestas de la gente se van por las ramas, voy a seguir tus consejos y te indico, si te rogaría que me orientases en cuanto al tema:

***No obstante, si te empeñas en ello, tendrás que descargar la fuente Cuprum y asociarlo al tema para evitar que se cargue de forma externa. ***

Esto como se hace

Muchas gracias por tu respuesta.

ResponderCitar
Respondido : 24/02/2016 9:31 am
Rafael
 Rafael
Miembro Moderator

Hola Maria,

Como te comenté, lo que te indico ahora quizás te resulte algo complicado de hacer y es preferible que si no posees conocimientos medios o experiencias con códigos, utilices las otras vías de optimización que te recomendé y te olvides de lo que te indicaré a continuación.

Encontré la fuente que usas de Google buscando un poco por Internet.

Ahora bien, tendrás que acceder con el Administrador de Archivos de cPanel a la hoja de estilo CSS del tema que estés usando y colocar:

@font-face {
    font-family: "Cuprum";
    src: url(cuprum-regular.ttf) format("truetype");
}

En esta caso estamos agregando una fuente la cual la llamaremos “Cuprum” de tipo True Type, posteriormente con src indicamos la ubicación del archivo ttf que te incluyo en el zip y que tendrás que subirlo a la carpeta del tema (cuprum-regular.ttf).

Por último, tendrás que editar la plantilla en el header de la plantilla (generalmente header.php) y eliminar:


Saludos

ResponderCitar
Respondido : 24/02/2016 9:58 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Maria Agueda
 Maria Agueda
Usuario eminente

Muchas gracias, voy a probarlo en un rato, si funciona te debo una paella.
Ya te indico el resultado.

ResponderCitar
Respondido : 24/02/2016 10:01 am
Maria Agueda
 Maria Agueda
Usuario eminente

Hola Rafael, creo que lo he conseguido si quieres puedes pasarle el test otra vez a ver que te parece.

Ahora me sale estos comentarios, ¿como los interpretas?

Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página
Tu página tiene 1 recursos de secuencias de comandos y 1 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:
https://www.lineaimpresion.es/…_140_963d05d465ed130994bc3ea7ed0d73b3.js
Optimizar la entrega de CSS de estas URL:
https://www.lineaimpresion.es/…28371b15adf7eb77294a8a2bb6cabb8a_all.css

MUCHISIMAS GRACIAS, si lo das por bueno te debo una paella.

ResponderCitar
Respondido : 24/02/2016 1:54 pm

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Actualmente ya veo que tiene una puntuación buena en ordenador, pero en movil te sugieren algunos cambios
Contenido solo visible a usuarios registrados

La advertencia que te aparece se refiere al hecho de que debes cargar los scripts al final de tu página y no antes, los scripts son códigos javascript que usualmente no crean elementos visuales y te sugiere que lo cargues al final

Lamentablamente esto depende de la construcción de tu template, tendrías que revisar si tu template tiene opción para cargar scripts al final, sin embargo no es algo crítico para la carga de tu sitio, de hecho muchos sitios web cargan javascript al inicio

Saludos.

ResponderCitar
Respondido : 24/02/2016 5:14 pm
Maria Agueda
 Maria Agueda
Usuario eminente

Jhon entiendo que te refieres al mi post de #236099, o me estoy confundiendo.

Mi pregunta era sobre:
Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página
Tu página tiene 1 recursos de secuencias de comandos y 1 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.

GRACIAS

ResponderCitar
Respondido : 24/02/2016 5:22 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Si, efectivamente era a eso a lo que me referia

"Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página"

https://developers.google.com/speed/docs/insights/BlockingJS

La idea sería cargar los javascript al final, pero tal como te comento veo al menos un .js cargando al inicio
https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js , esto lo puedes verificar viendo el código fuente.

Sin embargo depende de tu plantilla.

Saludos

ResponderCitar
Respondido : 24/02/2016 6:17 pm
Maria Agueda
 Maria Agueda
Usuario eminente

¿ Conoces algún optimizador de este tema que le pase la pagina y me aconseje resultado ?

ResponderCitar
Respondido : 24/02/2016 6:19 pm

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

Maria Agueda
 Maria Agueda
Usuario eminente

Se me había pasado, estos mensajes los da sobre ficheros que se generan en el directorio de la cache, ¿cual seria el fichero origen a modificar ?

ResponderCitar
Respondido : 24/02/2016 6:24 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Sobre el archivo html5shiv.js podrías evaluar sacarlo del header y ponerlo en el footer, sin embargo esto no te asegurará que seguira todo funcionando, podrías probar con IE8 y ver si aún funciona todo correctamente.

Lo otro es sacar este archivo y ya no usarlo, eliminarías la referencia de los archivos de tu template, revisa :
http://www.htmlcinco.com/que-es-html5-shiv/

Esta referencia posiblemente lo tengas en el archivo header.tpl de tu theme.

Saludos.

ResponderCitar
Respondido : 24/02/2016 8:16 pm

Cursos Gratuitos WordPress

Maria Agueda
 Maria Agueda
Usuario eminente

Asombrosamente he comprobado el fichero header.tpl y sorpresa la linea esta comentada, tiene que ser en otro fichero


{$HOOK_HEADER}

¿En que otro fichero puede ser?

ResponderCitar
Respondido : 24/02/2016 8:30 pm
Página 1 / 2