Browser reflow

[msentinelb]

Ik zat vandaag is de google regels te lezen over performance. Erg intressant allemaal maar ik vroeg me af zijn jullie wel is tegen problemen aangelopen met bijvoorbeeld browser reflow? Er staat dat het belangrijk is maar ik vroeg me gewoon af in wat voor situaties dit zou voor problemen zou kunnen zorgen.

[crisp]

Concreet voorbeeld: de filters in de pricewatch in een categorie-overzicht (bv http://tweakers.net/pricewatch/cat/61/behuizingen.html ). In eerste instantie was het filter een floating div. Dit zorgde ervoor dat elke wijziging binnen de filters (bijvoorbeeld het schuiven van een slider) zorgde voor een reflow van het hele contentgedeelte - dus ook het overzicht zelf, en dat was merkbaar traag.

Nu staat alleen het overzicht in een floating div en is het filter 'static' gepositioneerd wat de performance behoorlijk heeft doen toenemen puur omdat de 'scope' van reflow hierdoor behoorlijk beperkt blijft.

Zo ben ik in het verleden wel vaker tegen reflow problemen (en de performance impact daarvan) aangelopen; het is dus zeker een bestaand fenomeen, maar als je weet wat het is wat het veroorzaakt valt daar vaak prima omheen te werken en scheelt het inderdaad behoorlijk in performance