Ak je HTML kostra webu a CSS jeho vzhľad, JavaScript je to, čo web „hýbe“. Spúšťa sa priamo v prehliadači návštevníka a reaguje na jeho kroky: kliknutie, posunutie stránky, vyplnenie formulára.
Na čo sa JavaScript používa
- Rozbaľovacie menu, vyskakovacie okná a záložky.
- Kontrola formulára ešte pred odoslaním („zabudli ste vyplniť e-mail“).
- Interaktívne mapy, kalkulačky cien, galérie a slidery.
- Meranie návštevnosti (napríklad Google Analytics) a reklamné kódy.
Nepleťte si ho s Javou. Napriek podobnému názvu ide o úplne odlišné jazyky.
Prečo môže JavaScript web spomaliť
Každý skript si musí prehliadač stiahnuť a spustiť. Jeden-dva malé skripty nevadia, ale moderné weby ich často nabalia desiatky: pluginy, chaty, štatistiky, sociálne siete, reklamy. Na rýchlom počítači to nevidíte, na bežnom mobile však web reaguje so zdržaním.
Google rýchlosť a plynulosť meria (súbor meraní sa volá Core Web Vitals) a zohľadňuje ju pri hodnotení stránok. Zbytočný JavaScript tak môže uberať aj z pozícií vo vyhľadávaní.
Ako to strážiť
- Pred inštaláciou ďalšieho pluginu alebo widgetu sa opýtajte, či ho naozaj potrebujete.
- Čo sa dá urobiť cez CSS, netreba robiť JavaScriptom. Mnohé animácie dnes zvládne samotné CSS.
- Raz za čas web otestujte nástrojom PageSpeed Insights od Googlu a sledujte hodnotenie pre mobil.
My pri tvorbe webov používame JavaScript s mierou, len tam, kde má zmysel. Viac o našom prístupe nájdete v službe tvorba webstránok.
Súvisiace pojmy: HTML, CSS, Core Web Vitals.