What is preload and preconnect in HTML?

preload fetches critical assets early; preconnect establishes early network handshakes for third-party origins.