vikinguard para pre...
Avisos
Vaciar todo

vikinguard para prestashop  

 
FRANCISCO
 FRANCISCO
Reputable Member

Analizando mi web com Vikinguard, me dice:
Optimizar la entrega de CSS de estas URL:
https://www.mensaprex.com/themes/Cilene/css/global.css ( y otros 29 recursos mas)
Como los puedo optimizar?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 07/10/2016 7:28 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Es probable que te solicite optimizar, revisa el siguiente articulo si te es de utilidad:
https://www.webempresa.com/blog/mejora-la-velocidad-de-tu-tienda-prestashop-en-5-sencillos-pasos.html

ResponderCitar
Respondido : 07/10/2016 7:53 am

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

FRANCISCO
 FRANCISCO
Reputable Member

Ya me he leído este articulo y te he de comentar:
1) cuando acepto CACHE INTELINGENTE PARA CSS, se desconfigura la web (adjunto imagen1), lo he probado en crome y firefox.
2) He creado un subdominio para el contenido estático sin cookies, (static.mensaprex.com) pero no se como puedo configurarlo y apuntarlo a mi web.

ResponderCitar
Respondido : 09/10/2016 9:06 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Francisco.

Los archivos CSS externos son, principalmente, la forma en que el CSS se utiliza en las páginas web y muy probablemente la forma en la que usas tus CSS. En la sección “head”, del código HTML, habrá una línea de código que se parece a esto:


Este código llama a tu archivo CSS y son llamados “externos” porque las instrucciones CSS se encuentran en un archivo separado de tu HTML. Tener un archivo CSS externo es, de hecho, una forma para manejar tus CSS y la ventaja que tiene es que el navegador los guarda en su caché. El problema comienza cuando tienes varios de estos archivos. Desafortunadamente, esto ocurre muy a menudo en WordPress, Prestashop, Joomla y otros CMS.

Cuando tienes varios archivos CSS externos, el navegador tiene que descargar cada uno antes de que pueda descargar tu página.

Esto causa muchas “idas y vueltas” para descargar todos los archivos CSS y se traduce en una página web lenta.

La opción que ofrece google para este aviso que muestra es añadir todo el código CSS en una hoja ( Cosa que resulta muy complexa por la cantidad de código que habría que modificar en la plantilla) .

Puedes revisar -> http://www.googleessimple.com/combinar-css-externo.html

En conclusión este aviso que comentas de vikinguard o de pagespeed de google, son avisos normales que encontraras en todas las web que sean analizadas.

Sobre el error, es posible que si aceptas la cache para css, se desconfigure la web ya que puede que no cargue los estilos o tarde mas en cargarlo.

Un saludo

ResponderCitar
Respondido : 09/10/2016 12:47 pm

FRANCISCO
 FRANCISCO
Reputable Member

Según entiendo:

Puedo crear un único archivo CSS, donde copiar los 30 elementos CSS que dan problemas?
Ese archivo CSS (por ejemplo pruebla.css), donde debería colocarse?

ResponderCitar
Respondido : 09/10/2016 1:19 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Francisco,

No creo que combinar TODOS los archivos CSS de tu tema PrestaShop en uno solo sea la solución, ya que depende de como el tema los maneje, es posible que acabes generando otros problemas de estilos y visualización de determinados elementos del tema.

Una solución que pude funcionar para evitar que PageSpeed y otros medidores te digan constantemente que el CSS causa lentitud en la carga de tu pagina es trabajar con subdominios para CSS y JS.

Por ejemplo:

css.mensaprex.com
jsmensaprex.com

Deberías crearlos y direccionarlos a las carpetas:

El subdominio js a la carpeta: /themes/el-tema-que-usas/js
El subdominio css a la carpeta /themes/el-tema-que-usas/css

De esta forma puedes cargar varios archivos y mejorar la velocidad de carga.

Con este método no es necesario combinar archivos CSS en un solo archivo.

Haz copia de seguridad antes de aplicar este tipo de cambios y si te es posible experimenta primero mejor en un clon o copia de la web en producción.

Saludos

ResponderCitar
Respondido : 09/10/2016 11:29 pm

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

FRANCISCO
 FRANCISCO
Reputable Member

He creado los subdominios , pero no se como hacer el resto.
Hay algún artículo que diga como hacer esto?
Gracias

ResponderCitar
Respondido : 10/10/2016 7:29 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Francisco.

No creo que sea la opción ya que tendrás que añadir los archivos, realizar modificaciones de código que pueden estropear la web que tienes en producción, además del aumento de recursos en el servidor.

Te digo que no creo que sea la mejor opción por que son solo avisos que nos encontramos en todas las web's y esto no repercute ni en el funcionamiento, ni en la posición de los buscadores.

Si quieres seguir con la opción de cargar los css y js en subdominios puedes revisar lo siguiente:
Mejorar la carga de Prestashop con subdominios de media

Un saludo

ResponderCitar
Respondido : 10/10/2016 10:56 am

Cursos Gratuitos WordPress

FRANCISCO
 FRANCISCO
Reputable Member

Vale pepe,
veo que es mejor no tocar esta opción,
se te ocurre alguna manera que puede optimizar mi web, pagespeed me da una puntuación de 73/100
y me gustaría mejorarla un poco, pero es que no se como hacerlo
gracias

ResponderCitar
Respondido : 10/10/2016 1:12 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Francisco.

Una nota de 73/100, no es una mala nota, al contrario es un muy buen resultado por parte de google.

Analizando la web en pagespeed, veo que tienes imagenes por optimizar, esto lo puedes solucionar con la herramienta ' ImgOptimizer ' disponible desde tu área de clientes.

Optimización de imágenes gratis con ImgOptimizer

Una vez optimizadas las imágenes de tu web, vuelve a revisarla con PageSpeed de google y comprueba si mejoran los resultados.

Un saludo

ResponderCitar
Respondido : 10/10/2016 2:45 pm

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Francisco.

Una nota de 73/100, no es una mala nota, al contrario es un muy buen resultado por parte de google.

Analizando la web en pagespeed, veo que tienes imagenes por optimizar, esto lo puedes solucionar con la herramienta ' ImgOptimizer ' disponible desde tu área de clientes.

Optimización de imágenes gratis con ImgOptimizer

Una vez optimizadas las imágenes de tu web, vuelve a revisarla con PageSpeed de google y comprueba si mejoran los resultados.

Un saludo

ResponderCitar
Respondido : 10/10/2016 2:46 pm