Costi delle richieste HTTP

Ogni richiesta HTTP richiede tempo. Pertanto, un singolo file CSS verrà caricato più velocemente rispetto a diversi file CSS, anche se la loro dimensione totale sarà la stessa.

Quindi, per aumentare le prestazioni, tutti i file CSS vengono uniti in un unico file comune e tutti i file JavaScript vengono uniti in un unico file comune. Questo viene fatto utilizzando strumenti di build, come ad esempio Gulp o Webpack.

Anche le immagini piccole vengono unite in una sola. Questa immagine comune è chiamata sprite.

Spiega cosa c'è che non va in questo codice:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="styles1.css">
		<link rel="stylesheet" href="styles2.css">
		<link rel="stylesheet" href="styles3.css">
		<link rel="stylesheet" href="styles4.css">
		<link rel="stylesheet" href="styles5.css">
		<link rel="stylesheet" href="styles6.css">
		<link rel="stylesheet" href="styles7.css">
		<link rel="stylesheet" href="styles8.css">
		<script src="scripts1.js"></script>
		<script src="scripts2.js"></script>
		<script src="scripts3.js"></script>
		<script src="scripts4.js"></script>
		<script src="scripts5.js"></script>
	</head>
	<body>
		
	</body>
</html>