Dios mío Carga de fuentes
Cargar fuentes Correctamente
Descargar Google Fonts es imprescindible
OMGF es la forma más fácil de hacerlo
Qué es Dios mío?
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ón de WordPress tenga que solicitar fuentes de los servidores de Google, ahorrando tiempo y conexiones. El complemento es increíblemente simple de usar y si el diseño de su sitio web está completo, solo tendrá que usarlo una vez para aumentar su puntuación de velocidad de página y reducir el tiempo de carga de su sitio web.
Lo que mucha gente no se da cuenta es que los tamaños de los archivos de fuentes pueden ser bastante grandes. Muchos tienen un tamaño de hasta 200 kb, por lo que descargarlos en cada solicitud de página puede consumir mucho servidor. Cuando considera que toda esta página tiene aproximadamente 800 kb (incluidas las imágenes), puede ver la importancia de descargar fuentes para mejorar su velocidad general. Agregue a esto el hecho de que la mayoría de los sitios web tienen varios estilos y pesos de fuente, puede ver fácilmente cómo la descarga de fuentes por sí sola puede superar 1 MB si no tiene cuidado.
El uso de OMGF resolverá el problema y ayudará a reforzar su informes de velocidad de página y reducir 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és seguro de cómo solucionarlas. A continuación se muestra una guía rápida sobre cómo utilizar OMGF y Maximiza la velocidad de carga de fuentes en tu sitio web..
Cargar fuentes Correctamente
Descargar Google Fonts es imprescindible
OMGF es la forma más fácil de hacerlo
Qué es Dios mío?
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ón de WordPress tenga que solicitar fuentes de los servidores de Google, ahorrando tiempo y conexiones. El complemento es increíblemente simple de usar y si tu diseño de páginas web esté completo, solo tendrá que usarlo una vez para aumentar su puntuación de velocidad de página y reducir el tiempo de carga de su sitio web.
Lo que mucha gente no se da cuenta es que los tamaños de los archivos de fuentes pueden ser bastante grandes. Muchos tienen un tamaño de hasta 200 kb, por lo que descargarlos en cada solicitud de página puede consumir mucho servidor. Cuando considera que toda esta página tiene aproximadamente 800 kb (incluidas las imágenes), puede ver la importancia de descargar fuentes para mejorar su velocidad general. Agregue a esto el hecho de que la mayoría de los sitios web tienen varios estilos y pesos de fuente, puede ver fácilmente cómo la descarga de fuentes por sí sola puede superar 1 MB si no tiene cuidado.
El uso de OMGF resolverá el problema y ayudará a reforzar sus informes de velocidad de página y reducirá 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és seguro de cómo solucionarlas. A continuación se muestra una guía rápida sobre cómo usar OMGF y maximizar la velocidad de carga de fuentes en su sitio web.
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.
El complemento es increíblemente simple de usar y si el diseño de su sitio web está completo, solo tendrá que usarlo una vez para aumenta tu puntuación de velocidad de página y reducir el tiempo de carga de su sitio web.
Lo que mucha gente no se da cuenta es que los tamaños de los archivos de fuentes pueden ser bastante grandes. Muchos tienen un tamaño de hasta 200 kb, por lo que descargarlos en cada solicitud de página puede consumir mucho servidor.
Cuando considera que toda esta página tiene aproximadamente 800 kb (incluidas las imágenes), puede ver la importancia de descargar fuentes para mejorar su velocidad general. Agregue a esto el hecho de que la mayoría de los sitios web tienen varios estilos y pesos de fuente, puede ver fácilmente cómo la descarga de fuentes por sí sola puede superar 1 MB si no tiene cuidado.
El uso de OMGF resolverá el problema y ayudará a reforzar sus informes de velocidad de página y reducirá 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és seguro de cómo solucionarlas. A continuación se muestra una guía rápida sobre cómo usar OMGF y maximizar la velocidad de carga de fuentes en su sitio web.
Usando Dios mío
Más rápido Fuente Cargando con OMGF
Usando OMGF
OMGF es realmente fácil de usar. Si ves el vídeo podrás ver que el proceso dura uno o dos minutos como máximo. 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ía de los temas comerciales utilizan Google Fonts, este debería ser el único complemento que necesita.
Así que lo que ¿lo hago??
Después de haber instalado el complemento, vaya a Configuración/ Optimizar Fuentes de Google. Luego, literalmente, hace clic en 'Detección automática' para ver una lista de las fuentes de Google que utiliza su sitio web. Si desea mantener la configuración estándar, simplemente haga clic en guardar y listo: las fuentes se descargarán y se creará un nuevo archivo CSS para usar Google Fonts.
Si estas usando Limpieza de activos profesional, ve allí y a Configuración/Google Fonts. Haga clic en la pestaña avanzada y haga clic en el interruptor para activar 'Eliminar todo'. Esto detendrá todas las llamadas externas a Google cuando se utilicen fuentes.
En raras ocasiones, esto aún puede dañar las fuentes. Esto ocurre cuando el encabezado de un tema utiliza específicamente 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ún.
Qué pasa Precarga?
La precarga sirve para cargar fuentes prioritarias que se utilizan en la mitad superior de la página. Esta es generalmente la fuente de su menú y el texto de su párrafo. Es raro que necesite precargar fuentes en cursiva o especializadas, a menos que las esté usando en controles deslizantes o en gráficos principales de la parte superior de la página. Para sus fuentes prioritarias, simplemente marque precargar en esas antes de guardarlas.
Si no está seguro de sus fuentes prioritarias, márquelas todas. Luego borre su caché y vuelva a cargar la página en Google Chrome. Haga clic derecho y luego haga clic en 'inspeccionar'. Si aparece una nueva advertencia (cuadro amarillo con un signo de exclamación), haga clic en ella. Esté atento a una advertencia que indica que está precargando una fuente que no necesita. Tome nota de la fuente y el peso de la fuente. Luego regrese a la configuración del complemento y desmarque la precarga de esa fuente, ¡y eso es todo!
La precarga de fuentes también puede resolver problemas de 'FOUT'. Un consejo importante es usar siempre 'font-display: swap' siempre que tengas la configuración (esta es una opción en Asset Cleanup Pro). Entonces, el destello de texto cuando su sitio web cambia de fuentes del sistema a fuentes estilizadas no se notará y obtendrá una puntuación mucho mejor en Google Lighthouse.
Dios mío – Mira el vídeo
Gracias a Scott de Medios certificados Para el vídeo
¿Qué pasa si no detecta fuentes?
OMGF es compatible con casi todos los sitios web de WordPress, pero algunas instalaciones pueden resultar problemáticas. Si al principio las fuentes no aparecen en la lista cuando las analizas, simplemente abre tu sitio web en otra pestaña. Luego regrese al complemento y haga clic en analizar nuevamente. Esta vez, debería aparecer una lista de las fuentes.
¿Listo para moverse?
Paso 8: hora de volar
Acelere Google Analytics
Más rápido Fuente Cargando con OMGF
Usando OMGF
OMGF es realmente fácil de usar. Si ves el vídeo podrás ver que el proceso dura uno o dos minutos como máximo. 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ía de los temas comerciales utilizan Google Fonts, este debería ser el único complemento que necesita.
Así que lo que ¿lo hago??
después de haber instaló el complemento, vaya a Configuración/Optimizar fuentes de Google. Luego, literalmente, hace clic en 'Detección automática' para ver una lista de las fuentes de Google que utiliza su sitio web. Si desea mantener la configuración estándar, simplemente haga clic en guardar y listo: las fuentes se descargarán y se creará un nuevo archivo CSS para usar Google Fonts.
Si estas usando Limpieza de activos profesional, ve allí y a Configuración/Google Fonts. Haga clic en la pestaña avanzada y haga clic en el interruptor para activar 'Eliminar todo'. Esto detendrá todas las llamadas externas a Google cuando se utilicen fuentes.
En raras ocasiones, esto aún puede dañar las fuentes. Esto ocurre cuando el encabezado de un tema utiliza específicamente 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ún.
Qué pasa Precarga?
La precarga sirve para cargar fuentes prioritarias que se utilizan en la mitad superior de la página. Esta es generalmente la fuente de su menú y el texto de su párrafo. Es raro que necesite precargar fuentes en cursiva o especializadas, a menos que las esté usando en controles deslizantes o en gráficos principales de la parte superior de la página. Para sus fuentes prioritarias, simplemente marque precargar en esas antes de guardarlas.
Si no está seguro de sus fuentes prioritarias, márquelas todas. Luego borre su caché y vuelva a cargar la página en Google Chrome. Haga clic derecho y luego haga clic en 'inspeccionar'. Si aparece una nueva advertencia (cuadro amarillo con un signo de exclamación), haga clic en ella. Esté atento a una advertencia que indica que está precargando una fuente que no necesita. Tome nota de la fuente y el peso de la fuente. Luego regrese a la configuración del complemento y desmarque la precarga de esa fuente, ¡y eso es todo!
La precarga de fuentes también puede resolver problemas de 'FOUT'. Un consejo importante es usar siempre 'font-display: swap' siempre que tengas la configuración (esta es una opción en Asset Cleanup Pro). Entonces, el destello de texto cuando su sitio web cambia de fuentes del sistema a fuentes estilizadas no se notará y obtendrá una puntuación mucho mejor en Google Lighthouse.
Dios mío – Mira el vídeo
Gracias a Scott de Medios certificados Para el vídeo
¿Qué pasa si no detecta fuentes?
OMGF es compatible con casi todos los sitios web de WordPress, pero algunas instalaciones pueden resultar problemáticas. Si al principio las fuentes no aparecen en la lista cuando las analizas, simplemente abre tu sitio web en otra pestaña. Luego regrese al complemento y haga clic en analizar nuevamente. Esta vez, debería aparecer una lista de las fuentes.
¿Listo para moverse?
Paso 8: hora de volar
Acelere Google Analytics
Más rápido Fuente Cargando
Usando OMGF
OMGF es realmente fácil de usar. Si ves el vídeo podrás ver que el proceso dura uno o dos minutos como máximo. 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ía de los temas comerciales utilizan Google Fonts, este debería ser el único complemento que necesita.
Así que lo que ¿lo hago??
Después de haber instalado el complemento, vaya a Configuración/Optimizar fuentes de Google. Luego, literalmente, hace clic en 'Detección automática' para ver una lista de las fuentes de Google que utiliza su sitio web. Si desea mantener la configuración estándar, simplemente haga clic en guardar y listo: las fuentes se descargarán y se creará un nuevo archivo CSS para usar Google Fonts.
Si estas usando Limpieza de activos profesional, ve allí y a Configuración/Google Fonts. Haga clic en la pestaña avanzada y haga clic en el interruptor para activar 'Eliminar todo'. Esto detendrá todas las llamadas externas a Google cuando se utilicen fuentes.
En raras ocasiones, esto aún puede dañar las fuentes. Esto ocurre cuando el encabezado de un tema utiliza específicamente 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ún.
Qué pasa Precarga?
La precarga sirve para cargar fuentes prioritarias que se utilizan en la mitad superior de la página. Esta es generalmente la fuente de su menú y el texto de su párrafo. Es raro que necesite precargar fuentes en cursiva o especializadas, a menos que las esté usando en controles deslizantes o en gráficos principales de la parte superior de la página. Para sus fuentes prioritarias, simplemente marque precargar en esas antes de guardarlas.
Si no está seguro de sus fuentes prioritarias, márquelas todas. Luego borre su caché y vuelva a cargar la página en Google Chrome. Haga clic derecho y luego haga clic en 'inspeccionar'. Si aparece una nueva advertencia (cuadro amarillo con un signo de exclamación), haga clic en ella. Esté atento a una advertencia que indica que está precargando una fuente que no necesita. Tome nota de la fuente y el peso de la fuente. Luego regrese a la configuración del complemento y desmarque la precarga de esa fuente, ¡y eso es todo!
La precarga de fuentes también puede resolver problemas de 'FOUT'. Un consejo importante es usar siempre 'font-display: swap' siempre que tengas la configuración (esta es una opción en Asset Cleanup Pro). Entonces, el destello de texto cuando su sitio web cambia de fuentes del sistema a fuentes estilizadas no se notará y obtendrá una puntuación mucho mejor en Google Lighthouse.
Dios mío – Mira el vídeo
Gracias a Scott de Medios certificados Para el vídeo
Detección de fuentes
OMGF es compatible con casi todos los sitios web de WordPress, pero algunas instalaciones pueden resultar problemáticas. Si al principio las fuentes no aparecen en la lista cuando las analizas, simplemente abre tu sitio web en otra pestaña. Luego regrese al complemento y haga clic en analizar nuevamente. Esta vez, debería aparecer una lista de las fuentes.
¿Listo para moverse?
Paso 8: hora de volar
Acelere Google Analytics