Kostnader för HTTP-förfrågningar

Varje HTTP-förfrågan tar tid. Därför laddas en CSS-fil snabbare än flera CSS-filer, även om deras totala storlek är densamma.

För att öka prestanda kombineras därför alla CSS-filer till en gemensam fil och alla JavaScript-filer kombineras till en gemensam fil. Detta görs med hjälp av byggverktyg, till exempel Gulp eller Webpack.

Små bilder kombineras också till en. En sådan generell bild kallas sprite.

Berätta vad som är fel med den här koden:

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