Koszty żądań HTTP

Każde żądanie HTTP zabiera czas. Dlatego jeden plik CSS załaduje się szybciej, niż kilka plików CSS, nawet jeśli ich łączny rozmiar będzie taki sam.

Dlatego, aby zwiększyć wydajność, wszystkie pliki CSS łączy się w jeden wspólny plik i wszystkie pliki JavaScript łączy się w jeden wspólny plik. Robi się to za pomocą narzędzi do budowania, na przykład Gulp lub Webpack.

Drobne obrazki również łączy się w jeden. Taki wspólny obrazek nazywa się sprite.

Powiedz, co jest nie tak z tym kodem:

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