You have some very good sized images and a boatload of JS -- they take time to load.
One idea would be to look into whatever carousel you are using and see if they offer a "lazy loading" option. Where it will pull in the image only on demand, and not preload them at all beforehand. Can make the page start faster and you'll not get the "flash" because only the first image will be pre-loaded. Also, many (most/all?) carousels handle image placement themselves, you could (should?) either "display: none" them or have them off screen initially, and let the carousel move them into place. They would preload, but not visibly. Another idea is to play with the load order of things. You are being a good soldier and loading all your JS code at the bottom, but that means everything has to be loaded before the JS carousel kicks in. Maybe you could load the carousel and it's dependents up top (or in line, right after the images?), then save the interaction pieces to the bottom. That way, the carousel will kick off sooner? Chris On 3/20/15, 11:09 AM, "J.C. Berry" <jcharlesbe...@gmail.com> wrote: >I was reading and realized that may not be the correct terminology... no >wonder the comments about an older problem. When I said flash of unstyled >content, in my particular case I meant that the homepage banners on these >pages >http://www.xifin.com >http://www.xifin.com/radiology > >and the video carousels on these as well >http://xifin.com/resources/success-stories >http://xifin.com/resources/success-stories/Renaissance-RX > >all show the images before they are laid out correctly. If the page loads >slower, it takes longer for the positions to be set correctly and for the >animations to start. > >What do you call this? > > > >On Fri, Mar 20, 2015 at 10:36 AM, J.C. Berry <jcharlesbe...@gmail.com> >wrote: > >> Hello all, can you shed any light on how to fix a FOUC on our homepages? >> http://www.xifin.com >> http://www.xifin.com/radiology (maybe not bad?) >> >> Thanks in advance! >> -- >> J.C. Berry, M.A. >> UI Developer >> 619.306.1712(m) >> jcharlesbe...@gmail.com >> http://www.mindarc.com >> >> >>------------------------------------------------------------------------- >>----------------------------------------------------------------------- >> >> This E-mail is covered by the Electronic Communications Privacy Act, 18 >> U.S.C. ?? 2510-2521 and is legally privileged. This information is >> confidential information and is intended only for the use of the >>individual >> or entity named above. If the reader of this message is not the intended >> recipient, you are hereby notified that any dissemination, distribution >>or >> copying of this communication is strictly prohibited. >> >> >>------------------------------------------------------------------------- >>----------------------------------------------------------------------- >> > > > >-- >J.C. Berry, M.A. >UI Developer >619.306.1712(m) >jcharlesbe...@gmail.com >http://www.mindarc.com >-------------------------------------------------------------------------- >---------------------------------------------------------------------- > >This E-mail is covered by the Electronic Communications Privacy Act, 18 >U.S.C. ?? 2510-2521 and is legally privileged. This information is >confidential information and is intended only for the use of the >individual >or entity named above. If the reader of this message is not the intended >recipient, you are hereby notified that any dissemination, distribution or >copying of this communication is strictly prohibited. >-------------------------------------------------------------------------- >---------------------------------------------------------------------- >______________________________________________________________________ >css-discuss [css-d@lists.css-discuss.org] >http://www.css-discuss.org/mailman/listinfo/css-d >List wiki/FAQ -- http://css-discuss.incutio.com/ >List policies -- http://css-discuss.org/policies.html >Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
