# Затраты на 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>`
←→
↑