Much appreciated @vincent @cyberdave,
Regarding the load time… While the load time is a bit long, it’s not as much of a concern to me on this site. It is a very graphic intensive site and I’m hoping the payoff for waiting is worth it. However, with that said I’m sure there is room for optimizations… maybe ya’ll can help me with a couple questions on that topic:
-
All the images are HiDPI so i’m assuming that these larger images are only being loaded when viewing on retina macs and iOS correct? One thing I’m not clear about is does Webflow load in a lower res version automatically when HiDPI images are not required?
-
One of the largest hits i’m getting data-wise is in regards to how I’m handleing the mobile/phone media queries. I didn’t like how the lightbox looked on phones so i’m substituting in sliders for each portfolio item for portrait and landscape. I think it presents the work much better this way on phones BUT that’s a lot of extra data to load on desktop even though it’s not needed (i’m assuming all that still loads in even though you are just viewing on desktop??) Ideally I would have that mobile slider data ignored when viewing on desktop and visa-versa.
Along these lines, does anyone know what the best pixel dimensions are for mobile phone? currently all my slider images that are only seen on mobile phones are 644x460 Seems large but they are x2 for HiDPI.
On the desktop version, the large lightbox images are all 1840x1250… Does anyone know of an optimal dimensions for lightbox images? of i’m considering them being viewed on larger monitors.
Thanks for the comments.