Älä unohda selaimen nopeusoptimointia

Staattisten sivugeneraattoreiden ansiosta äärimmäisen nopeiden webbisivujen tekeminen on helpompaa ja halvempaa kuin koskaan. Esimerkiksi tyypillinen sivu Innotassa latautuu alle puolessa sekunnissa. Kun palvelimen suorituskyky on tätä luokkaa, unohtuu selaimen suorituskyky helposti. Mitä enemmän CSS:ää ja JavaScriptiä sivuilla on, sitä enemmän selaimelta vaaditaan sivujen näyttämiseksi.

Hitaan parallax-efektin korjaaminen

Parallax-efekti (tai parallax-skrollaus) on yksi parin viime vuoden kuumimpia webbitrenedejä. Se näyttää erityisen hyvältä isojen aloituskuvien (toinen webbitrendi) kanssa. Jos käytät parallax-efektiä omilla sivuillasi, varmista että se toimii sulavasti eikä aiheuta nykivää skrollausta.

Tässä on hyvä video Paul Lewisilta, jossa näytetään miten sivuston nopeutta voi selvittää ja miten nykivä skrollaus korjataan. Täältä löydät Paulin mainitseman tutoriaalin. Se on melko vanha (vuodelta 2012), mutta edelleen täysin ajankohtainen. Kannattaa lukea, jos olet kokeilemassa parallax-efektiä ensimmäistä kertaa ja olet kiinnostunut selaimen suorituskyvystä ja sen tehostamisesta.

Videolla näkyy myös hyviä vinkkejä miten sivustoa voi debugata Chromen Developer Toolsilla.

Jaakko Naakka

Jaakko Naakka

Innotan perustaja. Tehnyt verkkosivuja vuodesta 1996. Koodaa elääkseen peltojen keskellä Etelä-Suomessa.