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>