Normalmente ci colleghiamo ai CSS tramite il tag <link>
. Tuttavia, questo porta al browser a fare una richiesta di rete per il foglio di stile, che è lento.
Cosa succede se, nel processo di compilazione, abbiamo preso il nostro file CSS e inserito nel codice HTML utilizzando <style>
? Ad esempio, supponiamo di avere:
app.css
p {
color: red;
}
index.html
<html>
<head>
<link rel="stylesheet" href="app.css">
</head>
<body>
<p>Hello World</p>
</body>
</html>
Perché non eseguire un processo di generazione che utilizza app.css per compilare index.html nel seguente:
<html>
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>Hello World</p>
</body>
</html>
Allo stesso modo, dovremmo fare lo stesso con JavaScript?