Biaya Permintaan HTTP

Setiap permintaan HTTP membutuhkan waktu. Oleh karena itu, satu file CSS akan dimuat lebih cepat, daripada beberapa file CSS, bahkan jika ukuran totalnya sama.

Oleh karena itu, untuk meningkatkan kinerja, semua file CSS digabungkan menjadi satu file umum dan semua file JavaScript digabungkan menjadi satu file umum. Ini dilakukan dengan menggunakan *bundler*, misalnya, Gulp atau Webpack.

Gambar-gambar kecil juga digabungkan menjadi satu. Gambar umum seperti ini disebut sprite.

Jelaskan, apa yang salah dengan kode ini:

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