Omkostninger ved HTTP-anmodninger

Hver HTTP-anmodning tager tid. Derfor vil én CSS-fil blive indlæst hurtigere, end flere CSS-filer, selv om deres samlede størrelse er den samme.

Derfor, for at forbedre ydeevnen, sammensættes alle CSS-filer til én fælles fil, og alle JavaScript-filer sammensættes til én fælles fil. Dette gøres ved hjælp af byggerværktøjer som f.eks. Gulp eller Webpack.

Små billeder samles også i ét. Et sådant fælles billede kaldes en sprite.

Fortæl, hvad der er galt med denne kode:

<!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>