Slider Question

I'm designing a slider consisting of 7 images but it takes a little while to load due to the image sizes. What size do you think I should make the individual image files without compromising too much quality?

 

There is no way to answer that without knowing what the images are and what the site is about (how critical the images are to the site). How much data do the images represent in total? My opinion is if you are getting over 300 kB per image, you are starting to get a little big. I have seen numerous cases over the years where people will scale down a bunch of 3 MB images in the HTML to thumbnails instead of resizing the images, then they wonder why the site take so long to load.

 

First of all, sliders are bad for information delivery. Moreover, 7 images is a tad too much for any slider.

If you still would want to go ahead and implement it, I suggest lazy loading the images in the background while the slider starts off with the first image. That way, your slider will have a head start and won't have to wait for all the images to load to start functioning.