Regarding images there are some things you can do to make Swiper run even smoother:
Use reasonably sized images
The biggest performance lag comes from using really large images and letting the Swiper script scale them down for you. This might work OK in your local environment, but it can have great effects for users with less optimized setups and slow internet connections. Always scale down your images to a reasonable size and use jpg for compression.
A good standard to start with is 1200 x 840 pixels using 70 as quality.
Other standard sizes for landscape images would be:
- 1024 x 768 pixels
- 1280 x 960 pixels
Compress your images
Another good procedure would be to compress your images prior to uploading. There're several image compression software available for the Mac, I use these:
Don't add too many images at once
There are no limits to how many images you can add, but after 20 it can clog the pipes on load, especially in slower browsers and slow internet connections.
Use a reasonable amount of images at first, then use the remove image button to remove images on the fly.
Adding links to images
Each image can have it's own link. We can link to pages within the project or anywhere in the web. Don't forget to include the page file type (html or php), example:
Adding a close button
We can add a close button that will be visible at all times at the top right corner of Swiper. Again don't forget to include the page file type.
Video - Images and links