HTTP užklausų kaštai
Kiekviena HTTP užklausa atima laiko. Todėl vienas CSS failas bus įkeltas greičiau, negu keli CSS failai, net jei jų bendras dydis bus toks pats.
Todėl, norint padidinti našumą, visi CSS failai sujungiami į vieną bendrą failą ir visi JavaScript failai sujungiami į vieną bendrą failą. Tai daroma naudojant rinkiklius, pavyzdžiui, Gulp arba Webpack.
Maži vaizdeliai taip pat sujungiami į vieną. Toks bendras vaizdas vadinamas sprite'u.
Paaiškinkite, kas negerai su šiuo kodu:
<!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>