Preload vs Preconnect vs Prefetch vs Prerender: What Should the Browser Do Early?

Level: Intermediate frontend development Your hero image appears late, so you add preload. Your font comes from another domain, so you add preconnect. Then you prefetch every product page and prerende