Трошоци за HTTP барања
Секое HTTP барање одзема време. Затоа една CSS датотека ќе се вчитува побрзо, отколку неколку CSS датотеки, дури и ако нивната вкупна големина е иста.
Затоа, за да се зголеми брзината, сите CSS датотеки се комбинираат во една заедничка датотека и сите JavaScript датотеки се комбинираат во една заедничка датотека. Ова се прави со помош на алатки за градење (build tools), на пример, Gulp или Webpack.
Малите слики исто така се комбинираат во една. Таквата заедничка слика се нарекува спрајт.
Кажете што не е во ред со овој код:
<!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>