Responsive Image Galleries
Image galleries are one of the main causes for poor web page download performance - especially on mobile devices.
Most image galleries are designed to look good on a computer but are not so good for displaying om mobile devices. The essentials for a responsive image gallery are …
- Resize and optimised0 images before importing into EverWeb.
- Thumbnail images should be as small as possible and have the option to be lazy loaded.
- Gallery image files should be reduced to below 200KB if possible
- A maximum image width of 1200px is plenty big enough
- Choose a gallery with a minimum of options
- Fancy slideshow transitions are unnecessary and can be irritating
- Use slow slide or fade transitions to avoid motion sickness
ThemeKit Galleries
The ThemeKit Gallery widgets have been custom designed for fast download and to be suitable for displaying on mobile devices. They use minimal code and external minimised scripts.
