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>