HTTP-versoeke se koste
Elke HTTP-versoek neem tyd in beslag. Daarom sal een CSS-lêer vinniger laai, as verskeie CSS-lêers, selfs al is hul gesamentlike grootte dieselfde.
Daarom word alle CSS-lêers saamgevoeg in een algemene lêer en alle JavaScript-lêers word saamgevoeg in een algemene lêer om spoed te verhoog. Dit word gedoen met behulp van bouers, byvoorbeeld Gulp of Webpack.
Klein prentjies word ook saamgevoeg in een. So 'n algemene prentjie word genoem 'n sprite.
Vertel wat verkeerd is met hierdie kode:
<!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>
