Costurile cererilor HTTP

Fiecare cerere HTTP consumă timp. De aceea, un fișier CSS se va încărca mai rapid decât mai multe fișiere CSS, chiar dacă dimensiunea lor totală va fi aceeași.

Prin urmare, pentru a crește viteza, toate fișierele CSS sunt combinate într-un singur fișier comun și toate fișierele JavaScript sunt combinate într-un singur fișier comun. Acest lucru se face cu ajutorul unor tools de build, de exemplu, Gulp sau Webpack.

Imaginile mici sunt de asemenea combinate într-una singură. O astfel de imagine comună se numește sprite.

Spuneți, ce nu este în regulă cu acest cod:

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