HTTP päringute kulud
Iga HTTP päring võtab aega. Seetõttu laadub üks CSS fail kiiremini kui mitu CSS faili, isegi kui nende kogusuurus on sama.
Seetõttu ühendatakse jõudluse suurendamiseks kõik CSS failid üheks ühiseks failiks ja kõik JavaScript failid ühendatakse üheks ühiseks failiks. Seda tehakse kasutades koostajaid, näiteks Gulp või Webpack.
Väikesed pildid ühendatakse samuti üheks. Sellist ühist pilti nimetatakse sprite'iks.
Räägi, mis selle koodiga on valesti:
<!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>