31 Aug 2015
Most of the websites in today’s market have one or more sliders in the home page which rolls images and text. Sliders can be very effective or a major distraction to viewers. Here are 10 tips to make sure sliders are properly configured on your website(s).
1. Use less number of DOM elements in a slide.
Example 1: If title and description is needed to each image, instead of adding them to each slide mark it in “Global Caption”. It will not be animated which improves the performance.
Example2: If “Pin it” button is needed to each slide, then use one button out of the slider and switch its URL with slider API when slide changes.