Ivan Akulov ha recopilado una gran cantidad de información y conocimientos para hacer que las cosas se carguen un poco más rápido con preload
y prefetch
. Eso es genial en sí mismo, pero también apunta a algo nuevo para mí: el as
atributo:
<link rel="preload" href="https://css-tricks.com/style.css" as="style" />
Supuestamente, esto ayuda a los navegadores a priorizar cuándo descargar activos y qué activos cargar.
Mi parte favorita de esta publicación es el resumen rápido de Ivan al final, que define claramente para qué se pueden usar todas estas etiquetas diferentes:
<link rel="preload">
– cuando necesitará un recurso en unos segundos
<link rel="prefetch">
– cuando necesitará un recurso en una página siguiente
<link rel="preconnect">
– cuando sabe que necesitará un recurso pronto, pero aún no conoce su URL completa
Asegúrese de revisar nuestra propia publicación sobre el tema de la búsqueda previa, la carga previa y la navegación previa también. Agregar estas cosas a nuestros enlaces puede generar mejoras significativas en el rendimiento, así que compruébelo para agregar más recursos a su caja de herramientas de rendimiento.
Enlace directo →