Lataa JavaScript-tiedostoja sivulle pakattuna, ja mahdollisuuksien mukaan suoraan välimuistista.

Kuvaus

Tagin käyttäminen parantaa teeman suorituskykyä, varsinkin jos teemassa käytetään esim. useampia Javascript-kirjastoja.

Oletusarvoisesti {MinifyJS} tulostaa myös {SupportScripts}-tagin tulostamat skriptit.

Katso myös {MinifyCSS}-tagi, jonka avulla voit lisätä sivulle pakattuja CSS-tiedostoja.

Syntaksi

{MinifyJS(
    files: string,
    mode: string,
    support_scripts: boolean
)}

Näkyvyys

Toimii näkyvyydessä: globaali

Globaalin näkymän tageja on mahdollista käyttää missä tahansa sivupohjassa ja minkä tahansa tagin sisällä.

Teeman skriptien lataaminen minifioituina

{MinifyJS(
    files:'js/jquery.171.min.js | js/mcf.main.js | js/mcf.checkout.js',
    mode: 'development'
)}                  

Teeman ollessa vielä kehitysvaiheessa {MinifyJS}-tagin mode-attribuutilla pidetään arvoa 'development', jolloin skriptejä ei ladata välimuistista, vaan suoraan palvelimelta jokaisen sivunlatauksen yhteydessä. Tällöin kaikki muutokset nähdään teemassa ilman viivettä.

Kun teeman kehitys on saatu loppuun, ja sivusto julkaistaan, {MinifyJS}-tagin mode-attribuutiksi kannattaa vaihtaa 'production'; tämä parantaa teeman suorituskykyä, kun skriptit ladataan pakattuina ja mahdollisuuksien mukaan välimuistista.

{MinifyJS(
    files:'js/jquery.171.min.js | js/mcf.main.js | js/mcf.checkout.js',
    mode: 'production'
)}                

Attribuutit

files:

Määrittää tiedostot, jotka tagilla halutaan ladata.

Arvona annetaan haluttujen tiedstojen sijainnit putkimerkillä erotettuina ja suhteessa teeman juurihakemistoon.

Esim. files:'js/jquery.171.min.js|js/mcf.main.js|js/mcf.checkout.js'

mode:

Määrittää tagille tilan, jonka perusteella tiedostot ladataan joko pakattuina tai pakkaamattomina.

Sallitut arvot:

  • 'production': Tuotantotilassa tiedostot ladataan pakattuina välimuistista.
  • 'development': Kehitystilassa tiedostot ladataan uudestaan jokaisen sivunlatauksen yhteydessä, jotta mahdolliset muutokset saadaan nopeasti näkyviin.
support_scripts:

Asettaa tagin tulostamaan myös kaikki {SupportScripts}-tagin tulostamat JavaScript-tiedostot. Tällöin {SupportScripts}-tagia ei tarvitse lisätä teemaan erikseen.

Sallitut arvot: true / false. Oletusarvo true. Arvolla true skriptit tulostetaan.

after/before:

after- ja before-attribuuteilla voit määritellä sisällön, joka tulostetaan ennen ja/tai jälkeen tagin tulostaman sisällön.

Sallitut arvot: HTML- ja Interface-merkkaus

Esim.:

  • before: '<p>Tämä merkkaus näytetään ennen tagin omaa sisältöä.</p>'
  • after: '<p>Tämä taas lisätään tagin oman sisällön jälkeen</p>'

after- ja before-attribuuttien sisältöä ei tulosteta, jos tagi itse ei tuota mitään sisältöä.

escape:

Asettaa tulostettavassa sisällössä pakomerkin ennen lainausmerkkejä.

Attribuutin tarkoitus on helpottaa tagin palauttaman sisällön käyttämistä JavaScriptin avulla.

Sallitut arvot: true / false. Oletusarvo false.

or:

Määrittää vaihtoehtoisen sisällön, joka näytetään mikäli tagi ei itse tuota mitään sisältöä.

Sallitut arvot: HTML- ja Interface-merkkaus

Esim. or: 'Sisältöä ei löytynyt.'