Kostnader för HTTP-förfrågningar

Varje HTTP-förfrågan tar tid. Därför laddas en CSS-fil snabbare än flera CSS-filer, även om deras totala storlek är densamma.

För att öka prestanda kombineras därför alla CSS-filer till en gemensam fil och alla JavaScript-filer kombineras till en gemensam fil. Detta görs med hjälp av byggverktyg, till exempel Gulp eller Webpack.

Små bilder kombineras också till en. En sådan generell bild kallas sprite.

Задание 1

Berätta vad som är fel med den här koden:

/test.html<!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>