HTTP ඉල්ලීම් සඳහා වියදම්
සෑම HTTP ඉල්ලීමක්ම කාලයක් ගනී. එබැවින්, CSS ගොනුවක් බහු CSS ගොනු තරම් වේගයෙන් පටවනු ඇත, ඒවායේ සම්පූර්ණ ප්රමාණය සමාන වුවද.
එමනිසා, කාර්යක්ෂමතාව වැඩි කිරීම සඳහා සියලුම CSS ගොනු එක් පොදු ගොනුවකට ඒකාබද්ධ කරනු ලැබේ සහ සියලුම JavaScript ගොනු එක් පොදු ගොනුවකට ඒකාබද්ධ කරනු ලැබේ. 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>