Náklady na HTTP požadavky

Každý HTTP požadavek zabere čas. Proto se jeden soubor CSS načte rychleji než několik souborů CSS, i když jejich celková velikost bude stejná.

Pro zvýšení výkonu se proto všechny soubory CSS sloučí do jednoho společného souboru a všechny soubory JavaScript se sloučí do jednoho společného souboru. To se provádí pomocí nástrojů pro sestavování, například Gulp nebo Webpack.

Drobné obrázky se také slučují do jednoho. Takový společný obrázek se nazývá sprite.

Řekněte, co je špatně na tomto kódu:

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