Ivan Akulov hat eine ganze Menge an Informationen und Know-how gesammelt, um Dinge mit preload und prefetch etwas schneller zu laden. Das ist an sich schon großartig, aber er verweist auch auf etwas Neues für mich – das as-Attribut
<link rel="preload" href="/style.css" as="style" />Angeblich hilft dies den Browsern, Prioritäten zu setzen, wann sie Assets herunterladen und welche Assets geladen werden sollen.
Mein Lieblingsteil dieses Beitrags ist Ivans schnelle Zusammenfassung am Ende, die klar definiert, wofür all diese verschiedenen Tags verwendet werden können
<link rel="preload">– wenn Sie eine Ressource in wenigen Sekunden benötigen
<link rel="prefetch">– wenn Sie eine Ressource auf der nächsten Seite benötigen
<link rel="preconnect">– wenn Sie wissen, dass Sie eine Ressource bald benötigen, aber die vollständige URL noch nicht kennen
Schauen Sie sich auch unseren eigenen Beitrag zum Thema Prefetching, Preloading und Prebrowsing an. Das Hinzufügen dieser Dinge zu unseren Links kann erhebliche Leistungsverbesserungen bewirken. Schauen Sie also vorbei, um Ihrer Leistungswerkzeugkiste weitere Ressourcen hinzuzufügen.