Una configuración de visualización de fuentes para conexiones lentas

A mí realmente no me gusta FOUT. Me gusta que sea una opción, porque no mostrar texto rápidamente en la web no es bueno. Sé font-display: swap;que es popular porque es bueno para el rendimiento, pero eso de FOUT me duele. Matt Hobbs :

Si hay algo que me gustaría que los lectores se llevaran de esta publicación es que font-display: swapes una muy buena opción para usuarios con una conexión rápida a Internet. Pero su período de intercambio infinito podría resultar frustrante para los usuarios con conexiones muy lentas e inestables. Si tiene usuarios que visitan su sitio en estas condiciones (estoy bastante seguro de que lo harán en algún momento), entonces puede valer la pena considerarlo font-display: fallbacko incluso hacerlo font-display: optional.

Mira, ya te lo dije. Me gusta cómo font-display: optional;se detiene totalmente FOUT. La fuente se aplica súper rápido o no se usa en absoluto (pero aún se descarga de forma asíncrona). Lo más probable es que, en la siguiente carga de la página, la fuente esté cargada, almacenada en caché y se utilice.

Tenga en cuenta que se trata de conexiones lentas, no necesariamente de conexiones en las que el usuario preferiría el menor uso de datos posible. Si ese es el caso, consulte algunas de las publicaciones recientes que vinculamos en Carga condicional y responsable .

---

Y vaya, el Calendario de rendimiento web de este año acaba de estar repleto de excelentes artículos.