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>