Jayj.dk

Menu

Skip to content
  • Blog
  • WordPress
  • Themes
  • Plugins
You are here: Home / Tips & Tricks / Mandags tippet: Flyt javascript ned til footeren
By Jesper Johansen

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.

Posted in Tips & Tricks on April 7, 2009

Related Posts

  • Mandags tippet: Send en stor fil super nemt
  • Mandags tippet: Centrer din hjemmeside

Post navigation

← Previous Post
Next Post →

Popular Posts

  • A free HTML5 and CSS3 theme
  • HTML5 Theme Updated to Version 2.0
  • Create a custom “Download” post type using WordPress
  • Cakifo, a Free WordPress theme
  • Japibas – Free Premium WordPress Theme
  • Multiple Select Lists in the Theme Customizer

Categories

  • WordPress
  • Updates
  • News
  • Web
  • Themes
  • Uncategorized

You can also find me on:

Powered by WordPress and Hybrid Core.

  • Twitter
  • Github
  • WordPress.org
  • LinkedIn