How to reduce load time on large 1-page sites?

[generic]

For instance how does a site like http://annualreport.elevationchurch.org/ manage to load rather well? There seems to be a decent amount of media and animations on that site.

I have designed a few 1-page style sites, but never one with as much media. Is it all just delayed loading with javascript? Do the animations possibly contain that sort of thing?

Thanks in advance for any tips/suggestions.

[chrisburton]

A CDN will help along with minifying your scripts and CSS. Also, reducing the file size of images is always good.

[TheDoc]

That whole site is actually a whopping 28.3mb! Holy crap.

All in all, the site took me 47 seconds to load. They are just doing it in a very clever way. They only load the stuff that you are viewing, once that is loaded, it’ll start loading everything else as quick as it can in the background so by the time you start scrolling down, everything is already loaded.

[chrisburton]

I was on my iPhone when I wrote the above so I didn’t click the link. But yeah, that’s insane.

[croydon86]

this may help if using jquery.. http://www.appelsiini.net/projects/lazyload

[generic]

Thanks for the replies guys – I had a feeling it would be something with delayed loading. Does LazyLoad also work on videos or iframes?

[Author]

Posts