Náklady na HTTP požiadavky

Každá HTTP požiadavka zaberá čas. Preto sa jeden CSS súbor načíta rýchlejšie ako niekoľko CSS súborov, dokonca aj ak bude ich celková veľkosť rovnaká.

Pre zvýšenie rýchlosti sa všetky CSS súbory spoja do jedného spoločného súboru a všetky JavaScript súbory sa spoja do jedného spoločného súboru. Robí sa to pomocou zbieračov, napríklad Gulp alebo Webpack.

Drobné obrázky sa tiež spájajú do jedného. Takýto spoločný obrázok sa nazýva sprite.

Vysvetlite, čo je zlé na tomto kóde:

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