Custos de solicitações HTTP

Cada solicitação HTTP consome tempo. Portanto, um arquivo CSS será carregado mais rápido do que vários arquivos CSS, mesmo que seu tamanho total seja o mesmo.

Por isso, para aumentar o desempenho, todos os arquivos CSS são combinados em um único arquivo geral e todos os arquivos JavaScript são combinados em um único arquivo geral. Isso é feito usando ferramentas de build, como Gulp ou Webpack.

Imagens pequenas também são combinadas em uma só. Essa imagem geral é chamada de sprite.

Conte o que há de errado com este código:

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