Kostnader ved HTTP-forespørsler

Hver HTTP-forespørsel tar tid. Derfor vil én CSS-fil lastes raskere, enn flere CSS-filer, selv om deres totale størrelse er den samme.

Derfor, for å øke ytelsen, slås alle CSS-filer sammen til én felles fil, og alle JavaScript-filer slås sammen til én felles fil. Dette gjøres ved hjelp av byggverktøy, for eksempel Gulp eller Webpack.

Små bilder slås også sammen til ett. Et slikt felles bilde kalles en sprite.

Fortell hva som er galt med denne koden:

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