Costos de las solicitudes HTTP
Cada solicitud HTTP consume tiempo. Por lo tanto, un archivo CSS se cargará más rápido que varios archivos CSS, incluso si su tamaño total es el mismo.
Por lo tanto, para aumentar el rendimiento todos los archivos CSS se combinan en un archivo común y todos los archivos JavaScript se combinan en un archivo común. Esto se hace usando herramientas de construcción, por ejemplo, Gulp o Webpack.
Las imágenes pequeñas también se combinan en una. Tal imagen general se llama sprite.
Explica qué está mal con 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>