• Statiske ressourcer
  • Template udvikling
  • For Udviklere

    • Statiske ressourcer

    I denne artikel:

      Statiske ressourcer, også kaldet assets, er vigtige at kende til, når du udvikler templates.
      Vi har udviklet 2 hjælpe funktioner til inkludering af ressourcer:

      • addLink - til inkludering af CSS filer, som bliver lagt ind i <head></head> sektionen
      • addScript - til inkludering Javascript (JS) filer, som bliver lagt ind i bunden af <body></body> sektionen

      Koden benyttes f.eks. på denne måde:

      
{addLink href='assets/css/libs.css'}
{addScript src='assets/js/custom.js'}


      Hvorefter template systemet selv finder ud af at tilføje det statiske domæne og stien til roden af template folderen.
      Hvis man ønsker at inkludere en ekstern fil fra et andet domæne, så skal man angive en ekstra parameter, der hedder relative=true, hvilket vil fortælle funktionen, at den ikke selv skal lægge det statiske domæne ind: 

      
{addScript src='http://code.jquery.com/jquery-1.11.3.min.js' relative=true}


      Domæne til statiske ressourcer
      Alle statiske ressourcer loades via et særskilt "static" domæne. Dette gøres af flere årsager:

      • Performance - det statiske domæne er "cookie-less" og giver mulighed for hurtigere load gennem caching. Samtidig anbefales det af f.eks. Google at benytte denne løsning til statisk indhold.
      • SSL - det statiske domæne understøtter altid SSL

      At indholdet ligger på flere domæner giver ikke problemer på søgemaskinerne. F.eks. sørger Google Image søgning for selv at kæde det statiske domænes indhold op på hoveddomænet.
      Domænet findes på denne variabel:
      {$template.cdn}

      Ændring af statisk domæne (Content Delivery Network)

      • Læs mere om ændring af statisk domæne her

       

      Nyttige links

      • Læs om hastighedsoptimering med Google PageSpeed her