HTTP сўровлар учун сарфлар
Ҳар бир HTTP сўров вақт олади. Шу сабабдан битта CSS файл бир нечта CSS файлларга қараганда тезрокка юкланadi, ҳатто уларнинг умумий ҳажми баробар бўлса-да.
Шу сабабдан тезкорликни ошириш учун барча 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>