HTTP Request Costs

Each HTTP request takes time. Therefore, one CSS file will load faster than several CSS files, even if their total size is the same.

Therefore, to increase performance, all CSS files are combined into one common file and all JavaScript files are combined into one common file. This is done using bundlers, such as Gulp or Webpack.

Small images are also combined into one. Such a common image is called a sprite.

Tell me what's wrong with this code:

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