HTTP pieprasījumu izmaksas
Katrs HTTP pieprasījums aizņem laiku. Tāpēc viens CSS fails tiks ielādēts ātrāk, nekā vairāki CSS faili, pat ja to kopējais izmērs būs vienāds.
Tāpēc, lai palielinātu veiktspēju, visus CSS failus apvieno vienā kopīgā failā un visus JavaScript failus apvieno vienā kopīgā failā. Tas tiek darīts, izmantojot bundlerus, piemēram, Gulp vai Webpack.
Arī mazus attēlus apvieno vienā. Tādu kopējo attēlu sauc par sprāitu.
Paskaidrojiet, kas šajā kodā ir nepareizi:
<!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>