Mandags tippet: Flyt javascript ned til footeren

Please note: This is an old post. The information is probably not accurate and up-to-date anymore.

Så er mandags tippet tilbage, godt nok lidt forsinket. Tippet i dag, er igen et tip man kan bruge, hvis man har en hjemmeside. Det handler om at man kan mindske loadtiderne på sine sider, ved at flytte sit javascript ned til footeren, istedet for i toppen. Du kan læse mere om det på Yahoo’s “Best Practices for Speeding Up Your Web Site”

Her er et eksempel på en side med javascriptet i toppen

<!DOCTYPE html>
<html>
<head>
<title>Titel</title>
<script type="text/javascript" src="js/javascript.js"></script>
</head>
<body>
<h1>Lorem Ipsum</h1>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</body>
</html>

Så flytter vi ganske simpelt javascriptet ned til bunden. Det vil ikke gøre alverdens lige i dette eksempel, men hvis du bruger meget javascript, kan det gøre en forskel.

<!DOCTYPE html>
<html>
<head>
<title>Titel</title>
</head>
<body>
<h1>Lorem Ipsum</h1>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>

<script type="text/javascript" src="js/javascript.js"></script>
</body>
</html>

Hvis du bruger WordPress, kan du også sænke loadtiderne ved at lade vær med at loade et bestemt javascript, på sider der ikke behøver det. Det gør du med Conditional Tags

Hvis du kun vil loade et javascript på forsiden kan du bruge is_home() 

<?php if(is_home()) { ?>
<script type="text/javascript" src="/js/forsidejavascript.js"></script>
<?php }?>

Du kan se flere Conditional Tags på WordPress Codex siden, der handler om det.

Det var så dagens mandags tip, godt nok lidt forsinket. Hvis du har spørgsmål eller kommentarer, er du mere end velkommen til at skrive en kommentar. Du er mere end velkommen til at skrive idéer til andre tips!

Det var altså mandags tippet for denne gang. Hvis du kunne lide tippet, og vil have flere så husk at Abonner på mit RSS Feed, hvor du også har mulighed for at få tippet leveret via mail.

Leave a Reply