Here I am talking about product listing pages where there are several filters that filter the list of products appearing on the page, such as product types, price range of categories, etc.
I have made such pages using both ajax and no ajax in the past.
What I like about using ajax on such a page is that when I select filters, I only update the section containing the list of products. There is no need to refresh the whole page, which can lead to reloading images on the top panel, banners, etc. And slow down user productivity. The Ajax method, in my opinion, is becoming more compact and responsive from the point of view of users.
Down for the ajax route for me; since filter states are not supported in the url, I end up supporting them on the server. This gets complicated if I want to handle multi-window scripts, as well as costly storing this state in server memory for each session.
Not using ajax and just saving all the filter values to the url and refreshing the page is pretty simple, but the luxury of updating just the dashboard that really needs updating is lost.
Recently, I see many large e-commerce sites that use a non-ajax approach on their listing pages, and this makes me ask a question again if it would be more efficient to create a listing without an ajax to long-term maintain lightness and donate a little from the user experience.
I am about to start introducing a new listing page for a product in which I have flexibility anyway, and I would appreciate your submissions.
source
share