Тёмный

✅Cómo usar Google Fonts y la propiedad font-display de CSS para mejorar el tiempo de carga de tu web 

Horus Lugo
Подписаться 533
Просмотров 5 тыс.
50% 1

La mayoría de páginas web no hacen uso de las últimas características de CSS como la propiedad font-display, lo que reduce su puntuación en benchmarks como Lighthouse y acaba afectando incluso al posicionamiento en Google ya que los usuarios prefieren entrar en sitios web que cargan rápido. En este video aprenderemos a utilizar Google Fonts con cabeza y sobre la propiedad font-display para que esto no pase con nuestras páginas web y muestren el contenido al instante.
Enlaces relacionados con el contenido del video
- Google Fonts: fonts.google.com
Canción de la Outro
Fluids by Slou
/ fluidsoriginal-mix-slo...
Licensed under Creative Common License
FAQ
P: ¿Qué sistema operativo utilizas?
R: Pop! OS 20.04 LTS
P: ¿Cuál es tu lenguaje de programación principal?
R: TypeScript
Redes Sociales
- Twitch: / horusgoul
- GitHub: github.com/hor...
- Twitter: / horusgoul
¡Sígueme tanto en Twitch como Twitter para no perderte mis futuras sesiones de Live Coding en directo!
#css #desarrolloweb #tips #buenaspracticas #performance #fontloading

Опубликовано:

 

16 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 10   
@andreymolina5660
@andreymolina5660 2 года назад
Esto es lo que en Colombia decimos "explicar con plastilina"; muy pocos creadores de contenido en programacion y diseño se detienen un momento a explicar pequeños detalles y dar ejemplos, muchas gracias.
@Nadia-wu9hk
@Nadia-wu9hk 4 года назад
Muchísimas gracias! Me andaba muy lenta la página al no tener las fuentes desde un link y gracias a esto pude solucionarlo, mas el display block que me resolvió ese problema con el cambio de fuente!
@Foredres
@Foredres 4 года назад
Gracias Horus, al fin pude tomar el tiempo para ver el vídeo, justo cuando empezó pensé en '¿Por qué no usa @import? JAJA. Espero vuelvas a subir vídeos pronto.
@FrankGP.com.
@FrankGP.com. 2 года назад
gracias por la infomacion, aprendi mucho, no entendi este tema en la documentacion. me suscribo para serguir tu metodologia,
@rayviera7099
@rayviera7099 4 года назад
buena información, gracias por tomar un poco de tu tiempo y compartirla
@jesusaular466
@jesusaular466 3 года назад
Muy buen manejo de la consola gracias por los tip
@lorenagonzalez8043
@lorenagonzalez8043 4 года назад
Ok, perdon pero soy re nobata en esto, y tengo problemas por el "texto invisible" y Font -display yo uso Wordpress y en tu video ya estas en un editor asi que quedo = de perdida porque no tendria ni idea a donde ingreso exactamente para hacer el resto de proceso que haces
@Nadia-wu9hk
@Nadia-wu9hk 3 года назад
@@HorusLugo Hace 2 meses comenté que lo solucioné en mi página web y quise hacer lo mismo ahora en una página hecha en Wordpress y no sabía donde encontrar el lugar para modificar esto a pesar que busqué por horas en Google hasta en inglés. Encontré este comentario con el dato de ese plugin y funcionó perfecto!!! Me salvaste 2 veces! Mil gracias!!
@josejoseblog
@josejoseblog 3 года назад
@@Nadia-wu9hk como lo hiciste ? soy novato tambien y no he podido
@letrascristianastv
@letrascristianastv 2 года назад
como puedo hacer eso en Wordpress?
Далее
Getting started with Variable fonts on the web
21:44
Просмотров 43 тыс.
CSS Property : font-display explained !
9:04