HTTPリクエストのコスト
すべてのHTTPリクエストには時間がかかります。 したがって、合計サイズが同じであっても、 複数のCSSファイルよりも1つのCSSファイルの方が 読み込みが速くなります。
パフォーマンスを向上させるために、 すべてのCSSファイルは1つの共通ファイルにまとめられ、 すべてのJavaScriptファイルも1つの共通ファイルにまとめられます。 これは、GulpやWebpackなどのバンドラを使用して行われます。
小さな画像も1つにまとめられます。 このような共通の画像は スプライトと呼ばれます。
このコードの何が問題か説明してください:
<!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>