Launched Luxe Today and Mobile is Really Slow

[K Series Parts]

Not sure if anyone else has experienced this but on mobile our site is running really slow. I can't seem to figure out what it is and tried a few tricks to see if it would speed up and it hasn't. I didn't have any issues with our dev site in testing so it is a mystery to me and it is killing us...

[Matt Zimmermann]

Hi Chris,

I would check your htaccess file to make sure you have caching set up and utilize a free CloudFlare account to help with resource delivery.

[K Series Parts]

I wish that was it but it is something else. The page freezes at load for 5-10 seconds and then if you do actions on the page that can freeze it for the same period of time.

[K Series Parts]

For example on the store front if you scroll down to the bottom and then try to scroll up it freezes and same the opposite way. I can only confirm it on iPhone right now.

[K Series Parts]

I have the main js files on AWS CDN right now and need to update the code in the scripts.js file to point to the CDN. I did trim the left slide in menu down to just a single level of categories because I remember talking with Tess about too large of a menu causing issues. I did a manual menu with html code but tried it to see if it would help but results are mixed at best.

The best way to describe it is it loads very slow on mobile and then causes the browser to go unresponsive. I have never had this issue before and didn't see it on my dev store so I am a little freaked out given the fact this is one of the busiest shopping weeks of the year and I went from a working responsive site to an unresponsive and no way to go backwards to the old design because of going from mmui to cssui and putting it all into the ready theme.

[PCINET - Andreas]

Could you provide a link so we can test it?

[K Series Parts]

https://www.kseriesparts.com

I have the start of a working theory, I am thinking the left slide in menu might be the issue. It isn't going off screen, only being hidden and I think (not tested yet) that it is too many layers for a mobile menu.

[PCINET - Andreas]

on my iPhone it happens too but only in portrait all good in landscape. On android you can scroll horizontal and then it gets stuck for a couple seconds too.

[K Series Parts]

I think that you are confirming my thought with it being the slide in menu. Because it needs to scroll and is still in the background of the page a phone browser doesn't understand what to do exactly. In landscape if you reload and trying to scroll on the left it doesn't work but it does on the right. I am thinking if you have enough product in your basket it would happen left and right. The menu will need a negatives in order to move it completely off the screen when it isn't open.

[PCINET - Andreas]

one of my guys just noticed that when the page is stuck you can actually scroll but only on the outer edge of the browser

[K Series Parts]

here is what I did, curious as to any input anyone might have in terms of seeing an issue. This did clear up the freeze/unresponsiveness from what I have found.

changed .off-canvas left: 0 to left: -20rem
added .off-canvas.is-active left: 0
added @media (min-width: 40em) .off-canvas -24rem