How to sort a collection slider by best selling and optimize loading?

Technical Q&A
1

Below you can see code from a featured collection section i created.

The section is essentially a slider for a collection to be chosen.

I have 2 problems.

  1. the slider shows 3 items, how do i have it display in best selling order

  2. The slider loads every item in the collection. where can i enter a defer or something so it doesn’t load the items not visible and only loads on click of the slider.


        

          {% for prod in section.settings.col.products %}
            
              

                
              

              
                

                  {{ prod.title | escape }}
                

                
                  {{ prod.price | money }}
                

              

            
          {% endfor %}