Κόστος αιτημάτων HTTP
Κάθε αίτημα HTTP αφαιρεί χρόνο. Επομένως, ένα αρχείο CSS θα φορτώνεται πιο γρήγορα, από πολλά αρχεία CSS, ακόμα κι αν το συνολικό τους μέγεθος είναι το ίδιο.
Για αυτόν το λόγο, για να αυξηθεί η ταχύτητα, όλα τα αρχεία CSS συνδυάζονται σε ένα κοινό αρχείο και όλα τα αρχεία JavaScript συνδυάζονται σε ένα κοινό αρχείο. Αυτό γίνεται με τη βοήθεια εργαλείων συλλογής, για παράδειγμα, Gulp ή Webpack.
Μικρές εικόνες επίσης συνδυάζονται σε μία. Μια τέτοια κοινή εικόνα ονομάζεται sprite.
Πείτε τι είναι λάθος σε αυτόν τον κώδικα:
<!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>