Kosten von HTTP-Anfragen

Jede HTTP-Anfrage kostet Zeit. Daher wird eine CSS-Datei schneller geladen als mehrere CSS-Dateien, selbst wenn ihre Gesamtgröße gleich ist.

Um die Leistung zu erhöhen, werden daher alle CSS-Dateien in einer gemeinsamen Datei zusammengeführt und alle JavaScript-Dateien in einer gemeinsamen Datei zusammengeführt. Dies geschieht mit Hilfe von Build-Tools, zum Beispiel Gulp oder Webpack.

Kleine Bilder werden ebenfalls in eines zusammengeführt. Ein solches Gesamtbild wird Sprite genannt.

Erklären Sie, was an diesem Code falsch ist:

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