Kos Permintaan HTTP

Setiap permintaan HTTP mengambil masa. Oleh itu, satu fail CSS akan dimuatkan lebih cepat, berbanding beberapa fail CSS, walaupun jumlah saiz mereka adalah sama.

Oleh itu, untuk meningkatkan prestasi semua fail CSS digabungkan menjadi satu fail umum dan semua fail JavaScript digabungkan menjadi satu fail umum. Ini dilakukan menggunakan pembangun, contohnya, Gulp atau Webpack.

Gambar kecil juga digabungkan menjadi satu. Gambar umum sedemikian dipanggil sprite.

Terangkan, apa yang salah dengan kod 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>