*Background Image overlay- or gradient loading faster than image in slider. *
I used a background image(s) as slider because my client wanted to have the nav bar transparent to the images below. This may be part of my issue- but I'm not sure. (any guidance on this topic will appreciated too)
My homepage slider Image #1 seems to be loading slow even after downsizing the image to 368.4kb. The actual image size is large, and I've saved for web in photoshop at a lower quality (50%). I've attached screen shots of my photoshop file size. I've read articles saying that saving at a lower % quality is better for resolution, so that's what I've done. (another topic that guidance is appreciated)
I am thinking this may be an issue with the size of the photo slowing down the loading?
Or does it have to do with my slider settings or gradient?
** I'm new to this so please give me the "webflow for dummies" version if possible. Or even the "web design for dummies" version if that applies! Thanks!