Mobile Load Times
-
Topic
-
Hi Jason,
While testing the Alyeska demo (themeblvd.com/demo/alyeska) on my iPhone 4s, I noticed that pages often loaded very slowly (15+ seconds), and often not at all, hanging during loading and returning a “Server Stopped Responding” error.
I ruled out any issues with my device or WiFi, then ran the W3C mobileOK checker (validator.w3.org/mobile). The W3C checker gave the site a score of 0%, noting these as the critical issues:
128 embedded external resources/HTTP requests (max recommended 20), including 18 stylesheets
Page size 779 KB (max recommended 20 KB)
Markup 57 KB (max recommended 10 KB)
Contains frame, frameset, or iframe (not recommended)Similar issues for my Alyeska site, eplaw.starfruitdigital.com. I really prefer to stick with this theme if possible, but mobile is a priority for this site, so I will need to fix (or at least improve) the load times.
So here are my questions:
– Images (primarily slider and background) are the drivers of issues #1 and #2. I tried to fix this using #featured{display:none}, body{background-image:none} in the @media (max-width: 480px) { } section. Unfortunately, though this causes the slider and BG image to disappear on mobile, they are still loaded. Do you have a suggestion to keep these from loading on mobile?
– For #3, W3C site suggests merging CSS files into fewer files. Any problem with doing this?
– For #4, the iframes are for the video embeds in the slider. Can these be embedded without iframe?
Sorry in advance if these questions are naive, I’m still learning. Thanks!
- The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.