What are the preload and preconnect resource hints?

preload tells the browser that a specific resource will be needed soon for the current page and should be fetched with appropriate priority. preconnect asks the browser to establish an early connection to another origin before a resource request is made.

These hints can improve performance when used for genuinely critical resources, but excessive or incorrect hints can waste bandwidth and connection capacity. They should be introduced based on measured performance needs.