preload.html

<a href="/contact">Contact me</a>

<script>
	const link = document.querySelector("a");

	link.addEventListener("mouseenter", () => {
		const css = "<link rel=preload as=style href=contact.css>";
		document.head.insertAdjacentHTML("beforesend", css);
	}, {
		once: true
	})
</script>