{"id":24296,"date":"2024-01-07T12:15:21","date_gmt":"2024-01-07T12:15:21","guid":{"rendered":"https:\/\/yorkshiredesign.co.uk\/?page_id=24296"},"modified":"2025-04-17T18:18:30","modified_gmt":"2025-04-17T17:18:30","slug":"dios-mio-font","status":"publish","type":"page","link":"https:\/\/yorkshiredesign.co.uk\/es\/guia-de-velocidad-de-pagina\/dios-mio-font\/","title":{"rendered":"Dios m\u00edo"},"content":{"rendered":"
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Cargar fuentes Correctamente<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Una\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Descargar Google Fonts es imprescindible<\/p>\n

OMGF es la forma m\u00e1s f\u00e1cil de hacerlo<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n Descargar OMGF<\/span>\n \t

\n\t \t\n\t \t\t\n\t \t\t\tDescargar OMGF\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a> <\/div>\n <\/div>\n<\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Qu\u00e9 es Dios m\u00edo<\/span>?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

OMGF es un complemento que descarga todas las fuentes de Google que utiliza su sitio web directamente a su servidor. Esto evita que su instalaci\u00f3n de WordPress tenga que solicitar fuentes de los servidores de Google, ahorrando tiempo y conexiones. El complemento es incre\u00edblemente simple de usar y si el dise\u00f1o de su sitio web est\u00e1 completo, solo tendr\u00e1 que usarlo una vez para aumentar su puntuaci\u00f3n de velocidad de p\u00e1gina<\/a> y reducir el tiempo de carga de su sitio web.<\/p>\n

Lo que mucha gente no se da cuenta es que los tama\u00f1os de los archivos de fuentes pueden ser bastante grandes. Muchos tienen un tama\u00f1o de hasta 200 kb, por lo que descargarlos en cada solicitud de p\u00e1gina puede consumir mucho servidor. Cuando considera que toda esta p\u00e1gina tiene aproximadamente 800 kb (incluidas las im\u00e1genes), puede ver la importancia de descargar fuentes para mejorar su velocidad general. Agregue a esto el hecho de que la mayor\u00eda de los sitios web tienen varios estilos y pesos de fuente, puede ver f\u00e1cilmente c\u00f3mo la descarga de fuentes por s\u00ed sola puede superar 1 MB si no tiene cuidado.<\/p>\n

El uso de OMGF resolver\u00e1 el problema y ayudar\u00e1 a reforzar su informes de velocidad de p\u00e1gina y reducir la velocidad de carga<\/a> para sus usuarios finales. Es posible que hayas visto las advertencias sobre fuentes y especialmente lo que se conoce como 'FOUT' (destello de texto no deseado) en el informe de Google Lighthouse y no est\u00e9s seguro de c\u00f3mo solucionarlas. A continuaci\u00f3n se muestra una gu\u00eda r\u00e1pida sobre c\u00f3mo utilizar OMGF y Maximiza la velocidad de carga de fuentes en tu sitio web.<\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Cargar fuentes Correctamente<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Una\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Descargar Google Fonts es imprescindible<\/p>\n

OMGF es la forma m\u00e1s f\u00e1cil de hacerlo<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n Descargar OMGF<\/span>\n \t

\n\t \t\n\t \t\t\n\t \t\t\tDescargar OMGF\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a>\n\t
\n\t\t
\n\t\t\t

Qu\u00e9 es Dios m\u00edo<\/span>?<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

OMGF es un complemento que descarga todas las fuentes de Google que utiliza su sitio web directamente a su servidor. Esto evita que su instalaci\u00f3n de WordPress tenga que solicitar fuentes de los servidores de Google, ahorrando tiempo y conexiones. El complemento es incre\u00edblemente simple de usar y si tu dise\u00f1o de p\u00e1ginas web<\/a> est\u00e9 completo, solo tendr\u00e1 que usarlo una vez para aumentar su puntuaci\u00f3n de velocidad de p\u00e1gina y reducir el tiempo de carga de su sitio web.<\/p>\n

Lo que mucha gente no se da cuenta es que los tama\u00f1os de los archivos de fuentes pueden ser bastante grandes. Muchos tienen un tama\u00f1o de hasta 200 kb, por lo que descargarlos en cada solicitud de p\u00e1gina puede consumir mucho servidor. Cuando considera que toda esta p\u00e1gina tiene aproximadamente 800 kb (incluidas las im\u00e1genes), puede ver la importancia de descargar fuentes para mejorar su velocidad general. Agregue a esto el hecho de que la mayor\u00eda de los sitios web tienen varios estilos y pesos de fuente, puede ver f\u00e1cilmente c\u00f3mo la descarga de fuentes por s\u00ed sola puede superar 1 MB si no tiene cuidado.<\/p>\n

El uso de OMGF resolver\u00e1 el problema y ayudar\u00e1 a reforzar sus informes de velocidad de p\u00e1gina y reducir\u00e1 la velocidad de carga para sus usuarios finales. Es posible que hayas visto las advertencias sobre fuentes y especialmente lo que se conoce como 'FOUT' (destello de texto no deseado) en el informe de Google Lighthouse y no est\u00e9s seguro de c\u00f3mo solucionarlas. A continuaci\u00f3n se muestra una gu\u00eda r\u00e1pida sobre c\u00f3mo usar OMGF y maximizar la velocidad de carga de fuentes en su sitio web.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>

\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Cargar fuentes Correctamente<\/span><\/h1>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

OMGF es un complemento que descarga todas las fuentes de Google que utiliza su sitio web directamente a su servidor. Esto evita que su sitio web solicite fuentes de los servidores de Google, lo que ahorra tiempo y conexiones.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Una\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

El complemento es incre\u00edblemente simple de usar y si el dise\u00f1o de su sitio web est\u00e1 completo, solo tendr\u00e1 que usarlo una vez para aumenta tu puntuaci\u00f3n de velocidad de p\u00e1gina<\/a> y reducir el tiempo de carga de su sitio web.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Lo que mucha gente no se da cuenta es que los tama\u00f1os de los archivos de fuentes pueden ser bastante grandes. Muchos tienen un tama\u00f1o de hasta 200 kb, por lo que descargarlos en cada solicitud de p\u00e1gina puede consumir mucho servidor.<\/p>\n

Cuando considera que toda esta p\u00e1gina tiene aproximadamente 800 kb (incluidas las im\u00e1genes), puede ver la importancia de descargar fuentes para mejorar su velocidad general. Agregue a esto el hecho de que la mayor\u00eda de los sitios web tienen varios estilos y pesos de fuente, puede ver f\u00e1cilmente c\u00f3mo la descarga de fuentes por s\u00ed sola puede superar 1 MB si no tiene cuidado.<\/p>\n

El uso de OMGF resolver\u00e1 el problema y ayudar\u00e1 a reforzar sus informes de velocidad de p\u00e1gina y reducir\u00e1 la velocidad de carga para sus usuarios finales. Es posible que hayas visto las advertencias sobre fuentes y especialmente lo que se conoce como 'FOUT' (destello de texto no deseado) en el informe de Google Lighthouse y no est\u00e9s seguro de c\u00f3mo solucionarlas. A continuaci\u00f3n se muestra una gu\u00eda r\u00e1pida sobre c\u00f3mo usar OMGF y maximizar la velocidad de carga de fuentes en su sitio web.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

\n Descargar OMGF<\/span>\n \t
\n\t \t\n\t \t\t\n\t \t\t\tDescargar OMGF\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a><\/div><\/div><\/div><\/div> <\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Usando Dios m\u00edo<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

<\/div>
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

M\u00e1s r\u00e1pido Fuente<\/span> Cargando con OMGF<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n
\n
\n

\n \n <\/span>\n <\/span>\n <\/span>\n Usando OMGF<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

OMGF es realmente f\u00e1cil de usar. Si ves el v\u00eddeo podr\u00e1s ver que el proceso dura uno o dos minutos como m\u00e1ximo. Tenga en cuenta que este complemento es solo para Google Fonts y no para ninguna otra fuente Typekit o Adobe. Sin embargo, como la mayor\u00eda de los temas comerciales utilizan Google Fonts, este deber\u00eda ser el \u00fanico complemento que necesita.<\/p>\n

As\u00ed que lo que \u00bflo hago?<\/span>?<\/p>\n

Despu\u00e9s de haber instalado el complemento, vaya a Configuraci\u00f3n\/ Optimizar<\/a> Fuentes de Google. Luego, literalmente, hace clic en 'Detecci\u00f3n autom\u00e1tica' para ver una lista de las fuentes de Google que utiliza su sitio web. Si desea mantener la configuraci\u00f3n est\u00e1ndar, simplemente haga clic en guardar y listo: las fuentes se descargar\u00e1n y se crear\u00e1 un nuevo archivo CSS para usar Google Fonts.<\/p>\n

Si estas usando Limpieza de activos profesional<\/a><\/strong>, ve all\u00ed y a Configuraci\u00f3n\/Google Fonts. Haga clic en la pesta\u00f1a avanzada y haga clic en el interruptor para activar 'Eliminar todo'. Esto detendr\u00e1 todas las llamadas externas a Google cuando se utilicen fuentes.<\/p>\n

En raras ocasiones, esto a\u00fan puede da\u00f1ar las fuentes. Esto ocurre cuando el encabezado de un tema utiliza espec\u00edficamente una fuente y no se puede sobrescribir. En este caso, es posible que necesites editar el archivo de encabezado de tu plantilla de tema, pero no es tan com\u00fan.<\/p>\n

Qu\u00e9 pasa Precarga<\/span>?<\/p>\n

La precarga sirve para cargar fuentes prioritarias que se utilizan en la mitad superior de la p\u00e1gina. Esta es generalmente la fuente de su men\u00fa y el texto de su p\u00e1rrafo. Es raro que necesite precargar fuentes en cursiva o especializadas, a menos que las est\u00e9 usando en controles deslizantes o en gr\u00e1ficos principales de la parte superior de la p\u00e1gina. Para sus fuentes prioritarias, simplemente marque precargar en esas antes de guardarlas.<\/p>\n

Si no est\u00e1 seguro de sus fuentes prioritarias, m\u00e1rquelas todas. Luego borre su cach\u00e9 y vuelva a cargar la p\u00e1gina en Google Chrome. Haga clic derecho y luego haga clic en 'inspeccionar'. Si aparece una nueva advertencia (cuadro amarillo con un signo de exclamaci\u00f3n), haga clic en ella. Est\u00e9 atento a una advertencia que indica que est\u00e1 precargando una fuente que no necesita. Tome nota de la fuente y el peso de la fuente. Luego regrese a la configuraci\u00f3n del complemento y desmarque la precarga de esa fuente, \u00a1y eso es todo!<\/p>\n

La precarga de fuentes tambi\u00e9n puede resolver problemas de 'FOUT'. Un consejo importante es usar siempre 'font-display: swap' siempre que tengas la configuraci\u00f3n (esta es una opci\u00f3n en Asset Cleanup Pro). Entonces, el destello de texto cuando su sitio web cambia de fuentes del sistema a fuentes estilizadas no se notar\u00e1 y obtendr\u00e1 una puntuaci\u00f3n mucho mejor en Google Lighthouse.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div>

\n\t
\n\t\t
\n\t\t\t

Dios m\u00edo \u2013 Mira el v\u00eddeo<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\n\t\t\t