Please go to the link below to see the site in question…
http://fantasyislandanimation.co.uk
3 issues…
First…
Other than making my images as small as I can get away with (which I will do with some housekeeping at the end), is there any way to make the site load faster. Hype seems to want to load all the scenes right at the start which means you’re staring at a blank page longer than is healthy. It does mean that once this load is done the whole site is faster, but the delay in initial loading is unacceptable.
Second…
With a responsive layout, when you make the width of the browser narrower the site resizes nicely but I end up with a large blank area at the bottom of the page. Is there anyway to not have this space at the bottom of the page when I scroll down?
Third…
Line spacing issues in columns of type. You’ll see the issue best if you click on the ‘explore’ tab (desktop) or ‘explore’ menu item (tablet/phone). On that particular page there is long column of type and, as you progress down the page the type spacing is unpredictable and, therefore, it makes it very difficult to sit images at various points in the column of type without terrible formatting issues showing up when the page is rendered in a browser. These anomalies are unpredictable and dependant on which browser you use on which device. For instance, in Safari on my Mac If arranger the images in the column of type by trial and error and after much shuffling it works fine. Same page viewed on a PC in Chrome and the type and images are overlapping. Same sort of inconsistencies from mobile device to mobile device. You may, or may not see these issues when you view the page depending on what browser/device/platform combination you’re using.
So, what is the correct way to format a column of type so that images can me arranged to sit within the type reliably?
Sorry, there’s quite a lot there but any suggestions would be much appreciated.
Thanks.