Precarga, captación previa y otras etiquetas de enlace | Programar Plus

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 →

(Visited 5 times, 1 visits today)