I’ve run into this problem on sites I work on myself It’s especially common with ads but can happen with any layout-affecting content that loads after initial render, including images or even fonts. But when it does finish, and the results are plopped into the document, it can cause re-layout and push other elements around. Ajax is asynchronous, meaning nothing is waiting for it to finish. Most commonly, it’s the result of loading Ajax partials. Luckily, modern browsers don’t perform initial render until the style sheets have finished loading, which means that with some clever CSS we can do a lot toward fixing this problem. I’m surprised to see it happen even on really big-name sites that are otherwise very well made. I would argue that shifting the page layout after the initial render (without relevant user interaction) may be the single most unpleasant user experience a site can create. This layout shifting is especially frustrating on mobile devices, where a big enough change can push all familiar content off-screen and cause a visitor to completely lose her bearings. Whether you’re attempting to read an article as it wriggles around in front of you, or you try to click a link only to have another one push it out of the way and take you off to somewhere unexpected, it’s always frustrating. Few things are as annoying on the web as having the page layout unexpectedly change or shift while you’re trying to view or interact with it.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |