Calendario de rendimiento web

El Calendario de rendimiento web acaba de empezar de nuevo este año. Las dos primeras publicaciones hasta ahora tratan sobre, bueno, ¡rendimiento! En primer lugar, Rick Viscomi escribe sobre la mítica página web “rápida” :

La forma en que aborda la medición del rendimiento de una página web puede indicarle si está diseñada para la velocidad o si se siente rápida. Los llamamos herramientas de laboratorio y de campo. Las herramientas de laboratorio son los microscopios que inspeccionan una página en busca de todos los posibles puntos de fricción. Las herramientas de campo son los binoculares que le brindan una descripción general de cómo los usuarios experimentan la página.

Para mí, esto sugiere que las herramientas de campo son el futuro del monitoreo del desempeño. Pero la publicación de Rick va mucho más allá de eso.

En segundo lugar, Matt Hobbs escribió sobre la font-displaypropiedad CSS y cómo afecta el rendimiento de nuestros sitios:

Si estás hablando únicamente de rendimiento percibido y la velocidad de conexión no es un problema, entonces diría que font-display: swapes lo mejor. Cuando se utiliza, esta configuración genera la fuente alternativa casi instantáneamente. Permitir que un usuario comience a leer el contenido de la página mientras la fuente web continúa cargándose en segundo plano. Una vez cargada, la fuente se cambia en consecuencia. En una conexión rápida y estable, esto suele ocurrir muy rápidamente.

Mi recomendación aquí sería preocuparse mucho por el cambio de diseño si utiliza esta propiedad. Una vez que la fuente se carga y se cambia, puedes crear un gran cambio de texto moviéndose por todo el lugar. Una vez envié un cambio a un sitio con esta propiedad sin importarme el cambio de diseño y los usuarios se quejaron mucho .

Fue una buena lección aprendida: la gente se preocupa por el rendimiento incluso si no lo dicen en voz alta. También les preocupa profundamente el “cambio de diseño acumulativo” .