Разходи за 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>