This is still in progress, it is with my proofer now and I will be making those changes this weekend.
The whole Idea is an astronaut flying around space holding a flag with the Reese Creative Design logo on it. I am a designer not a developer so I am a little limited on what all I can do. I used the layers and sticky containers to try and show movement through space with the astronaut in different situations. I plan to also add a store later that sells T-shirts for some events we are currently designing.
I am a little concerned about the load time time. It only gets a 27 on the google page speed insights test. https://developers.google.com/speed/pagespeed/insights/ Please see the screen shots below.
I used .png files and I am hoping that if I make them smaller that will help.
I have some technical questions:
Is there any other image type I could use that will compress that allows for transparent backgrounds?
Would using .svg files instead of .png files make a difference? I am not sure if I can make the illustrations small enough to upload yet (they use gradients and have a lot of details which I believe I will have to edit) but they are all made as vectors in .ai in hopes that I can.
I also have some .png images that are displayed in one break point but not the other(s) on the same page, does that contribute to page speed?
Does anyone have insights oh how to make it faster other than the image files?
How important is this page speed insight test to you as website creators?
I appreciate your time looking at this and all feedback is greatly welcomed. Thanks!