Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Trouble with hover on for loop added images in masonary style grid Reply To: Trouble with hover on for loop added images in masonary style grid

#248626
Beverleyh
Participant

Hmmmm, there’s the bigger picture here to consider (ironic really when ‘bigger picture’ is the root of concern).

http://tools.pingdom.com/fpt/cD4Gez/http://jp.gearheartstudio.com
The web page took 36.83 s to load, used 192 requests, and weighed in at 379.5 MB.

379.5MB is MASSIVELY UNSUITABLE for a web page. I’m on mobile and only get 1GB of data allowance per day. Thanks to this one page, a third of my quota is now gone.

Imposing this amount of data onto visitors is a big no-no. It can be countered somewhat with proper image compression/optimisation, but even then, I urge you to consider finding another way to present your images. You could still use this script but use less of them. Paginate them. Break them up in to categories. Only show your very best pieces to drastically cut out HTTP requests/weight. And serve smaller versions to mobile users.