Resource Hints - What is Preload, Prefetch, and Preconnect?

Click for: original source

Brian Jackson good article exploring current resource hints and directives which can be another great way to boost the performance on your website or web application.

You might have heard of preload, prefetch, and preconnect, but authors will dive deeper into the differences between them and how you can benefit from them. Article contains great deal of supporting visual materials - schemas and browser comparison charts.

You will understand how you can utilize resource hints to speed up delivery of content and assets by using them in a strategic manner. Although techniques have the potential to speed up many interactive sites, sometimes it won’t work and you will learn when it is the latter.

[Read More]

Tags performance css frontend web-development miscellaneous