HTTP so'rovlari uchun xarajatlar

Har bir HTTP so'rovi vaqt oladi. Shuning uchun bitta CSS fayli bir nechta CSS fayllariga qaraganda tezroq yuklanadi, hatto ularning umumiy hajmi bir xil bo'lsa ham.

Shuning uchun tezkorlikni oshirish uchun barcha CSS fayllari bitta umumiy faylga va barcha JavaScript fayllari bitta umumiy faylga birlashtiriladi. Buni Gulp yoki Webpack kabi assemblerlar yordamida amalga oshiriladi.

Kichik rasmlar ham bitta rasmga birlashtiriladi. Bunday umumiy rasm sprite deb ataladi.

Ushbu kodda nima noto'g'ri ekanligini tushuntiring:

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