Conditionally load Javascript based on media query

Feb 10, 2025 by Christine Cardoso in Javascript

618

if (screen.width >= 600) {
	// download complicated script
	// swap in full-source images for low-source ones
}

if (screen.width >= 600) {

// download complicated script

// swap in full-source images for low-source ones

}

@media all and (max-width: 900px) would be…

if (document.documentElement.clientWidth < 900) {
	// scripts
}

if (document.documentElement.clientWidth < 900) {

// scripts

}