HTTP сурамдардын чыгымдары

Ар бир HTTP суроо убакытты талап кылат. Ошондуктан бир CSS файлы бир нече CSS файлдарынан тезирээк жүктөлөт, ал тургай алардын жалпы көлөмү бирдей болсо да.

Ошондуктан ылдамдыкты жогорулатуу үчүн бардык CSS файлдары бир жалпы файлга бириктирилет жана бардык JavaScript файлдары бир жалпы файлга бириктирилет. Бул сборщиктер, мисалы, Gulp же Webpack жардамы менен жасалат.

Кичинекей сүрөттөр дагы бирге бириктирилет. Мындай жалпы сүрөт спрайт деп аталат.

Бул коддо эмне туура эмес экенин түшүндүрүңүз:

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