Caching or otherwise optimizing portions of website that load slowly

How do  you cache or otherwise speed-up portions of a website that load slowly?

I have a carousel that displays a series of images.  It actually works fine once the page loads completely.  But sometimes while it loads you can clearly see the <UL><LI> structure being used for the slide show:

Edge browser

carousel slow load
NOTE:  Asking this question just prompted me to check my image sizes that are loading in the carousel.  I think they are all fairly tiny, but I'll double check.
LVL 5
Tom KnowltonWeb developerAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Martin MillerCTOCommented:
Caching can be done at several levels...

  • Your host provider may have this as a feature to enable
  • Your site CMS may also have this as a feature
  • External Caching with a 3rd party, e.g Limelight/Akamai

Can you share who your host or CMS are ?
0
Shaun VermaakTechnical Specialist/DeveloperCommented:
Quite a few things to look at, but yes your images require attention
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Futahkidsfoundation.com%2Ftest%2Findex.html%3Fpage%3Dforumrulesclick&tab=desktop
Compressing http://utahkidsfoundation.com/test/images/mainpage/c5.jpg could save 433.1KiB (74% reduction).
Compressing http://utahkidsfoundation.com/test/images/mainpage/c6.jpg could save 432.5KiB (74% reduction).
Compressing http://utahkidsfoundation.com/test/images/mainpage/c3.jpg could save 414.2KiB (70% reduction).
Compressing http://utahkidsfoundation.com/test/images/mainpage/c2.jpg could save 363.5KiB (74% reduction).
Compressing http://utahkidsfoundation.com/test/images/mainpage/c4.jpg could save 342.1KiB (74% reduction).
Compressing http://utahkidsfoundation.com/test/images/mainpage/c1.jpg could save 329.1KiB (72% reduction).
Compressing http://utahkidsfoundation.com/test/images/bmembs/ScottMelissa.jpg could save 91.9KiB (80% reduction).
Compressing http://utahkidsfoundation.com/test/images/bmembs/20205_186.jpg could save 87.5KiB (82% reduction).
Compressing http://utahkidsfoundation.com/test/images/bmembs/brandee.jpg could save 80.4KiB (78% reduction).
Compressing http://utahkidsfoundation.com/images/mainpage/ukflogo.png could save 76.4KiB (22% reduction).
Compressing http://utahkidsfoundation.com/test/images/bmembs/mjoos.jpg could save 75.7KiB (83% reduction).
Compressing http://utahkidsfoundation.com/test/images/bmembs/kris.jpg could save 65.9KiB (78% reduction).
Compressing http://utahkidsfoundation.com/test/images/bmembs/karencox.jpg could save 62.4KiB (81% reduction).
Compressing http://utahkidsfoundation.com/test/images/bmembs/nadine.jpg could save 59KiB (80% reduction).
Compressing http://utahkidsfoundation.com/test/images/bmembs/syndi.jpg could save 55.2KiB (82% reduction).
Compressing http://utahkidsfoundation.com/test/images/bmembs/genfemale.jpg could save 26.4KiB (82% reduction).
Compressing http://utahkidsfoundation.com/test/images/bmembs/genmale.jpg could save 24.7KiB (84% reduction).
Compressing http://utahkidsfoundation.com/test/images/jackpacks/jp.png could save 14KiB (28% reduction).
Compressing http://utahkidsfoundation.com/test/images/esf/esfdonappinfo.png could save 2.3KiB (24% reduction).
Compressing http://utahkidsfoundation.com/…st/images/donimg/Empty-Stocking-Fund.png could save 1.7KiB (14% reduction).
Compressing http://utahkidsfoundation.com/test/images/donimg/General-Fund.png could save 1.4KiB (13% reduction).
Compressing http://utahkidsfoundation.com/test/images/donimg/Events.png could save 1.4KiB (13% reduction).
Compressing http://utahkidsfoundation.com/test/images/donimg/Jackpacks PayPal.png could save 1.4KiB (12% reduction).
Compressing https://calendar.google.com/googlecalendar/images/logo-plus.png could save 875B (90% reduction).

Open in new window

1

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Martin MillerCTOCommented:
Adding to Shaun Vermaak's comment above:

Image files are already compressed... so compressing more doesn't mean much... look at the DPI for these images, confirm they are set to 72 DPI. If these are 72 DPI, then look at the canvas size, and adjust to pixel sizes that fit on the screen, e.g. < 1024 x 768, anything larger takes longer to render.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

Shaun VermaakTechnical Specialist/DeveloperCommented:
Image files are already compressed
No, they are not
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
A couple of things. Yes, make sure your images are optimized. But also do you know how to use the browser console/dev tools? typically hitting f12?  That will help you show issues.  Right now you have some js errors and that could also be part of the issue. Another is when the carousel tries to load all images at one time. Some of the carousel's have an option to load via ajax (Load one at a time when needed) and that will speed things up because the browser will not wait for the rest of the images to load once the first one goes.

I would start by checking out your js errors first, that may clean up a lot.
0
Tom KnowltonWeb developerAuthor Commented:
Thank you.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.