Domov · Slovník pojmov · Čo je minifikácia

Slovník pojmov

Čo je minifikácia?

Minifikácia je odstránenie zbytočných znakov z kódu webu: medzier, odsadení, komentárov a zalomení riadkov. Funkčnosť sa nemení, len sa zmenší veľkosť súborov so štýlmi a skriptami. Prehliadač ich tak stiahne rýchlejšie, čo skráti čas do zobrazenia stránky. Robí sa automaticky pri nasadení, nikdy nie ručne v zdrojovom kóde.

Vysvetlené po ľudsky.

Je to ako poslať zmluvu bez prázdnych strán a bez poznámok na okrajoch. Obsah je rovnaký, dokument je tenší a rýchlejšie sa prenesie. Pre človeka je pôvodná verzia s odsadením a poznámkami čitateľnejšia, preto sa pri práci používa ona. Zmenšená verzia sa vytvára automaticky až pri nasadení na server a je určená strojom, nie ľuďom.

Prečo to majiteľa firmy zaujíma.

Samotná minifikácia zrýchli web o desiatky až stovky milisekúnd, čo nie je zázrak, ale je to zadarmo a bez rizika. Väčší efekt prináša v kombinácii s ďalšími krokmi: kompresiou na strane servera, odstránením nepoužívaného kódu a zmenšením obrázkov. Pri weboch postavených na ťažkých šablónach býva podstatná časť kódu nepoužívaná, takže samotné zmenšenie medzier problém nevyrieši. Poradie je preto jasné: najprv obrázky a zbytočné skripty, potom minifikácia a kompresia. Pri weboch, ktoré staviam, je to súčasť nasadenia a nič sa nerieši ručne.

Príklad z praxe.

Pri hodnotení rýchlosti sa často stane, že nástroj navrhne zmenšenie kódu a klient to považuje za hlavnú príčinu pomalého webu. Pri kontrole sa však ukáže, že zmenšením štýlov a skriptov sa ušetria stovky kilobajtov, kým jediná neupravená fotografia má niekoľko megabajtov. Poradie je preto vždy rovnaké: najprv obrázky, potom zbytočné skripty a doplnky, až nakoniec zmenšenie a kompresia. Pri weboch, ktoré staviam, prebieha zmenšenie automaticky pri nasadení a nikto sa ním nemusí zaoberať. Dôležité je len vedieť, že sa nikdy neupravuje zmenšený súbor, ale zdrojová verzia, inak sa zmena pri ďalšom nasadení stratí.

Kedy sa tým zaoberať.

Zmenšenie kódu riešte ako súčasť nasadenia webu, nie ako samostatnú úlohu. Pri weboch na mieru to prebieha automaticky, pri redakčných systémoch to zapína doplnok na optimalizáciu. Aktívne sa tým zaoberajte len vtedy, keď to nástroj na meranie rýchlosti výslovne hlási a keď už máte vyriešené obrázky a zbytočné skripty. Po zapnutí vždy otestujte formuláre a rozbaľovacie prvky, lebo agresívne nastavenia môžu niečo pokaziť. Ak spravujete web sami, zapamätajte si jedno pravidlo: upravuje sa zdrojová verzia súboru, nikdy nie zmenšená, inak sa vaša zmena pri ďalšom nasadení stratí bez varovania.

Ako to skontrolujem.

Či je kód zmenšený, spoznáte na prvý pohľad.

1Otvorte zdrojový kód súboru so štýlmi. Ak je všetko na jednom dlhom riadku, je zmenšený.

2V teste rýchlosti si pozrite položky o zmenšení kódu a o nepoužívanom kóde.

3Porovnajte veľkosť súborov pred a po nasadení, ak máte prístup k obom verziám.

4Skontrolujte, či sa po zmenšení web správa rovnako, hlavne formuláre a rozbaľovacie prvky.

Časté chyby.

×Zmenšovanie kódu pri webe, ktorý má nezmenšené fotografie s desiatkami megabajtov.

×Ručná úprava zmenšeného súboru, po ktorej sa zmeny stratia pri ďalšom nasadení.

×Zlúčenie všetkých skriptov do jedného veľkého súboru, ktorý sa načítava aj tam, kde nie je potrebný.

×Zmenšenie bez otestovania, po ktorom prestane fungovať formulár.

Časté otázky.

Koľko sa dá minifikáciou ušetriť?

Pri štýloch a skriptoch bežne desiatky percent veľkosti. V absolútnych číslach to však býva menej než jedna nezmenšená fotografia.

Musím to riešiť ručne?

Nie. Robí to nástroj pri nasadení alebo doplnok v redakčnom systéme. Ručný zásah do zmenšeného súboru je chyba.

Pokazí minifikácia web?

Pri korektnom nástroji nie. Riziko vzniká pri agresívnych nastaveniach a pri kombinovaní viacerých doplnkov, ktoré si navzájom prekážajú. Preto sa po zapnutí web vždy otestuje.

Zmenšuje sa aj HTML kód stránky?

Dá sa, ale úspora je malá a strácajú sa komentáre užitočné pri údržbe. Prínos má hlavne zmenšenie štýlov a skriptov.

Ako zistím, koľko kódu sa nepoužíva?

Vo vývojárskych nástrojoch prehliadača v prehľade pokrytia kódu. Ukáže, aká časť stiahnutého súboru sa na danej stránke vôbec nepoužila.

Potrebujete to vyriešiť na svojom webe?

Robím weby na mieru od 250 €, redizajn od 250 € a e-shop od 590 €. Cenu poviem vopred podľa rozsahu.