WebPagetest Forums
Speed Index vs. above fold animations - Printable Version

+- WebPagetest Forums (https://www.webpagetest.org/forums)
+-- Forum: WebPagetest (/forumdisplay.php?fid=7)
+--- Forum: General Discussion (/forumdisplay.php?fid=25)
+--- Thread: Speed Index vs. above fold animations (/showthread.php?tid=13806)



Speed Index vs. above fold animations - luboskmetko - 07-04-2015 12:39 AM

Let's say a website has some introductory animation above the fold, eg. an image fades in, then a heading slides in, etc. Normally those elements would appear at some moment but now they are delayed by the animation duration. Does this affect Speed Index?

Thanks


RE: Speed Index vs. above fold animations - mikefoskett - 08-16-2015 09:55 PM

(07-04-2015 12:39 AM)luboskmetko Wrote:  Let's say a website has some introductory animation above the fold, eg. an image fades in, then a heading slides in, etc. Normally those elements would appear at some moment but now they are delayed by the animation duration. Does this affect Speed Index?

Thanks

If there's a large enough visual change, which it does sound like, then yes.


RE: Speed Index vs. above fold animations - luboskmetko - 08-24-2015 10:14 PM

(08-16-2015 09:55 PM)mikefoskett Wrote:  
(07-04-2015 12:39 AM)luboskmetko Wrote:  Let's say a website has some introductory animation above the fold, eg. an image fades in, then a heading slides in, etc. Normally those elements would appear at some moment but now they are delayed by the animation duration. Does this affect Speed Index?

Thanks

If there's a large enough visual change, which it does sound like, then yes.

Yes, thank you.

In the meanwhile I've set up a test to verify this, just haven't got to answering my own question here yet:

Test page without animation:
http://animations-speed-index.previewized.com/dist/no-animations.html

Test result:
http://www.webpagetest.org/result/150720_F3_a06c7c6b1e6cb87e42f7711e5d152571/

Test page with animation:
http://animations-speed-index.previewized.com/dist/animations-1.html

Test result:
http://www.webpagetest.org/result/150720_JC_44aa0097792fda43210853900c48bfe1/

There are 3 animations taking 2 seconds together, which almost doubled the speed index result.