Hi.

Wondering if there's anything that can be done to speed up mobile page load performance.

We've tested on both a dedicated server and a Digital Ocean 2GB instance, along with W3 Total Cache, Autooptimize; disabled .htaccess (moving expires, gzip, etc. apache optimizations into virtual host config), and generally have done everything possible server-side to send minimal data over the wire.

At this point we have a usable desktop experience, not by any means blazing fast, but good enough. For mobile, however, even in minimal media content pages like contact us the page load time is pretty borderline; for media rich pages, forget about it, the mobile bounce rate will skyrocket if we go live with current setup.

Part of the problem seems to be that mobile devices do not download mobile sized images, but rather the desktop version, and then dynamically resize on the client. Debugging in Chrome it's pretty clear that a ton of work is being done client-side after all assets have been downloaded. The end result is dog slow page loads even after target page is in browser's cache (i.e. can revisit same page repeatedly) time-to-render will be the same.

Have you guys considered using an infinite scroll based model where content is pulled in on demand? Ideally the theme would support desktop and mobile sized media, that would help quite a lot.

Anyway, need some help here wrt to reducing the time-to-render -- the spinner sitting there for several seconds on every page load is a red flag.

Thanks