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>