Number of breakpoints impacts performance

I build a (not to complex website) for which I added additional breakpoints, for once page one additional breakpoints. For the homepage I added 3 breakpoints, so in total 5. I had also two master sections created on this page which used on every other page (new banner and EU cookie alert), as a result every page had these 5 breakpoints applied.

What I found is that this not only caused Editor X to become slow and sluggish, it also impacted the load time of the actual website.

I removed all the additional breakpoints, expect for the standard breakpoints on 1000px and 750px. Both the editor as the website became significantly faster.

2 Likes

I think that’s true for any platform although maybe not so pronounced. The fewer breakpoints the quicker it loads. Somebody explained why to me once but I can’t remember what they said now. I think it’s something to do with the all the site files being loaded for each breakpoint…

Hi @info87066

We apologize for the experience you had. Just like when you are accessing a website, the more content you add, the more calculations your computer may have to perform.

Can you please share your website url or editor with us? We will love to look into it to better understand the issue and see how we can improve it in the future.

Thanks for your cooperation :slight_smile:

Hi,

Thanks for you response. It’s clear that too many pictures, animations, fonts etc. has a performance impact. However as the Editor X training material does not take into consideration that adding breakpoints is a trade-off with loading time, this was less obvious for me.

My site is www.eco-logies.nl

Hi thanks for the response!

Of course we understand that if things were not clear, note that I was only referring to the builder performance, not live site.

Additionally, the site doesn’t seem to have the breakpoints anymore. We can only investigate the issue when it is happening.

I also wish to make a comment. The commentary in the Wix Help Centre says that you can add as many breakpoints as you wish. This is incorrect. You can only add 3 custom breakpoints to each page in addition to the 3 default breakpoints for desktop, tablet and mobiles.

This is very misleading, and a significant limitation on users’ ability to design a responsive website given the huge range of devices out there with different viewports, screen resolutions, etc. It should be made abundantly clear in your description of this product that you can ONLY add 3 additional custom breakpoints to the 3 default breakpoiints.

Obviously, I am aware of other responsive design features, such as layouters, units of measure, etc but this is not the point - and unfortunately not sufficient to dispense with the need for more breakpoints in certain circumstances.

I am also experiencing performance issues. Images take way too long to load and this ruins the overall experience of the site. I thing pretty much everything affects performance on Editor X. I am very dissapointed. Not a good platform if you are working for your clients. It just makes you look bad