HTTP İsteklerinin Maliyetleri

Her HTTP isteği zaman alır. Bu nedenle, toplam boyutları aynı olsa bile, bir CSS dosyası birkaç CSS dosyasından daha hızlı yüklenecektir.

Bu nedenle performansı artırmak için tüm CSS dosyaları bir genel dosyada ve tüm JavaScript dosyaları bir genel dosyada birleştirilir. Bu, örneğin Gulp veya Webpack gibi derleyiciler kullanılarak yapılır.

Küçük resimler de tek bir resimde birleştirilir. Bu tür bir genel resme sprite denir.

Bu kodda neyin yanlış olduğunu anlatın:

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