Avisos
Vaciar todo

Subir Google fonts a cpanel para mejorar page speed

6 Respuestas
2 Usuarios
0 Reactions
981 Visitas
Respuestas: 214
Estimable Member
Topic starter
 

Hola amigos.
Tengo una duda que me surge al ver los resultados del page speed insights que he conseguido mejorar bastante con la compresión y minificcando el js pero me avisa que el retardo también es por las Google fonts al no tenerlas alojadas en mi servidor .Esto se podría arreglar subiendo al cpanel esas fuentes? Merece la pena en cuanto al page speed? Algún plugin para hacerlo ?
Mil gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 18/07/2017 1:32 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Jesús.

Las fuentes de google se cargan desde la propia URL que te proporciona google al insertar la fuente, estas fuentes no se pueden descargar a no ser que tenga su archivos de descarga por otro medio.

Es complicado solucionar lo de las fuentes google en paga speed y tendrías que realizar bastantes modificaciones en el código de tu plantilla, te dejo informacion donde tratan el tema:

https://www.keycdn.com/blog/google-pagespeed-insights-wordpress/

Un saludo


 
Respondido : 18/07/2017 2:25 pm
Respuestas: 214
Estimable Member
Topic starter
 

Hola Pepe.
Gracias como siempre. Y si tengo las fuentes ? las podría cargar en una carpeta desde cpanel? y así no llamarlas a Google font?.
Si es así sería en una carpeta en wp content y luego dentro del tema mío?
Espero tu sugerencia.

mil gracias


 
Respondido : 19/07/2017 10:50 am
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Jesús.

Una forma facil es utilizando un plugin ->Contenido solo visible a usuarios registrados

El plugin te permite utilizar cualquier fuente en formato ttf, otf, eot, woff, svg, dfont y suit.

Cuando instalamos el plugin lo primero que hace es pedirnos una API Key, tienes que seguir el enlace y proporcionar tus datos. Es un proceso rápido y sencillo.

Después de insertar la clave ya podrás utilizarlo, solo añades el nombre de la fuente y subes los archivos:

Desde el propio plugin puedes asignarle a que texto se aplica h1, h2, p, a todos, etc...

Otra opción es importar las fuentes:
.- Descarga el tipo de fuentes que quieres utilizar y añádelo a la carpeta fonts que encontrarás dentro de la carpeta de tu plantilla wp-content/themes/nombre de tu theme/fonts

.- edita el archivo de estilos de tu plantilla css y añade el código de importación, sería algo similar a lo siguiente:

@font-face {
font-family: ‘loveloblack’;
src: url(‘/wp-content/themes/bridge/fonts/lovelo_black-webfont.eot’);
src: url(‘/wp-content/themes/bridge/fonts/lovelo_black-webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘/wp-content/themes/bridge/fonts/lovelo_black-webfont.woff2′) format(‘woff2’),
url(‘/wp-content/themes/bridge/fonts/lovelo_black-webfont.woff’) format(‘woff’),
url(‘/wp-content/themes/bridge/fonts/lovelo_black-webfont.ttf’) format(‘truetype’),
url(‘/wp-content/themes/bridge/fonts/lovelo_black-webfont.svg#loveloblack’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

Como consejo te diría que no te compliques la vida y que lo realices con el plugin use-any-font

Un saludo


 
Respondido : 19/07/2017 11:15 am
Respuestas: 214
Estimable Member
Topic starter
 

Hola Pepe,
Al final he seguido tu consejo y he instalado el plugin.De todas formas me crea una carpeta por defecto con las fuentes que yo subo .Pero he creado yo una dentro del tema que uso que no la tiene y ahí he subido las fonts.
Gracias por tu ayuda y mil gracias .Un cordial saludo


 
Respondido : 20/07/2017 3:03 pm
Pepe
 Pepe
Respuestas: 41115
Illustrious Member Admin
 

Hola Jesus.

Genial !!! me alegra que fuera lo que buscabas :cheer:
Ya sabes, cualquier consulta que tengas nos encontrarás por aquí 😉

Un saludo


 
Respondido : 20/07/2017 3:11 pm