Carga muy lenta de la Home

[Marianodevbus]

Buenos días,

La home tarda mucho en cargar mientras que el resto de categorías carga bien.

Si realizo la métrica en la home:

GTmetrix Performance Report

El retraso se produce por una carga excesiva de recursos externos y el tipo de letra:

https://regalosmaray.com/ 108KB, 8.1s

https://regalosmaray.com/themes/theme_selena1/assets/cache/bottom-02f4e864.js 185KB, 523ms

https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js 30.3KB, 99ms

https://fonts.googleapis.com/css?fa...et=cyrillic,cyrillic-ext,latin-ext,vietnamese678B, 99ms

https://fonts.gstatic.com/s/lora/v17/0QIvMX1D_JOuMwr7Iw.woff2 34.5KB, 64ms

https://fonts.googleapis.com/css?family=Berkshire+Swash&subset=latin-ext435B, 91ms

https://fonts.gstatic.com/s/berkshireswash/v9/ptRRTi-cavZOGqCvnNJDl5m5XmN_qs4z.woff2 17.0KB, 245ms

https://fonts.googleapis.com/css?fa...600,600i,700,700i&subset=latin-ext,vietnamese639B, 90ms

https://fonts.gstatic.com/s/josefinsans/v17/Qw3EZQNVED7rKGKxtqIqX5EUCEx6XHg.woff2 28.1KB, 21ms

https://fonts.googleapis.com/css?fa...i,700,700i,800,800i,900,900i&subset=latin-ext1.59KB, 90ms

https://fonts.gstatic.com/s/raleway/v22/1Ptug8zYS_SKggPNyC0ITw.woff2 46.7KB, 46ms

https://fonts.gstatic.com/s/raleway/v22/1Ptsg8zYS_SKggPNyCg4TYFq.woff2 48.2KB, 88ms

https://regalosmaray.com/themes/theme_selena1/assets/cache/theme-638f7465.css94.7KB, 100ms

https://regalosmaray.com/themes/theme_selena1/assets/css/ionicons.ttf?v=2.0.0 184KB, 65ms

https://regalosmaray.com/themes/theme_selena1/assets/css/fontawesome-webfont.woff2?v=4.7.0 75.5KB, 64ms

¿Cómo se hace para solucionar este problema?

Muchas gracias
Mariano

[Yelish]

Una posible solución es hacer que esas fuentes estén en tu servidor local y no hacer una llamada remota a la fuente, porque entonces estás sometido a la sobrecarga del servicio en esos momentos. Esto si tu servidor es bueno. Personalmente tuve un problema para un módulo en que tenía que implementar sí o sí fontawesome font, y lo hice mediante un css con el siguiente formato:

 @font-face {
  font-family: 'FontAwesome';
  src: url('../../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

En /fonts puse todos los archivos de la fuente en varios formatos y el tiempo de carga cambió significativamente para bien.

 

Un saludo.

 

 

[Marianodevbus]

Hola Yelish,

Gracias por tu aporte pero es demasiado técnico para mi.

Un saludo

Mariano

[Yelish]

Ahora mismo tienes un archivo css que hace una llamada a archivos externos de fuentes. Lo que te comentaba es que esas fuentes pueden ser descargadas directamente en tu servidor y te ahorrarías esa carga (si tu servidor es rápido). Yo siempre meto mis fuentes en la propia web de la tienda ¿es lo más adecuado? No, pierdes actualizaciones. Pero se carga más rápido. Añade el código que te puse antes y sustituye el nombre de la fuente por la que tú quieras cargar y el rendimiento mejorará. Te enviaría código pero no sé cual es el css de tu tema ni cuales son las fuentes en cuestión. Un saludo.

ABS Software

[Marianodevbus]

Es decir, copiaría el código que me pusiste arriba, lo cambiaría por berkshireswash o josefinsans, y guardaría el css en un módulo de Prestashop para meter CSS o donde lo guardaría para que no hubiera cargas externas.

Muchas gracias Yelisk

[Yelish]

Ten en cuenta el nombre de las nuevas fuentes, y ponlas en el css con la correcta nomenclatura. Nada más, si das por solucionado, pon solucionado en el tema.