Is parallax slecht voor je laadtijd?

Parallax zelf kost weinig laadtijd. Het probleem zit in de grote achtergrondafbeelding die erbij hoort, en die weegt vaak megabytes.

Daarnaast kost het effect rekenkracht tijdens het scrollen.

Dat merk je niet in je laadtijd maar in de soepelheid.

De afbeelding

Een achtergrond die het hele scherm vult, moet minstens tweeduizend pixels breed zijn. Ongecomprimeerd is dat al snel drie megabyte.

Meer daarover lees je bij pagespeed.

Het rekenwerk

Bij elke scrollbeweging wordt de positie opnieuw berekend. Met een script kost dat merkbaar meer dan met alleen opmaak.

Meer daarover lees je bij javascript.

Wat het meet in cijfers

Je score voor het grootste element verslechtert, want die achtergrond is meestal precies dat element.

Meer daarover lees je bij css.

Mijn vuistregels

1. Comprimeer je achtergrond tot onder de driehonderd kilobyte.
2. Gebruik de variant zonder script.
3. Zet het uit op mobiel.
4. Meet je pagina met en zonder.

Die eerste lost het merendeel van het probleem op.

De lichte variant

Een achtergrond die met alleen opmaak vaststaat, geeft een vergelijkbaar effect zonder rekenwerk.

Meer daarover lees je bij of parallax werkt op mobiel.

Wat je meet

Meet dezelfde pagina met en zonder het effect. Is het verschil groter dan een halve seconde, dan is het te duur.

Meer daarover lees je bij hero.

Veelgestelde vragen hierover