Hi Jason,
This is in continuation to my other topic here "EasySocial Initial Page Load looks distorted in mobiles". That topic is locked so I cant continue this discussion there anymore: http://stackideas.com/forums/easysocial-initial-page-load-looks-distorted-in-mobiles
So here is the continuation...
From your last post there you said you'll see if you may include this in the future. Although I am not too confident to expect this change very soon since you have other things on your roadmap, as a quick fix, can you suggest something to help us with this? I did so many test with various mobile devices and the results have not been great. Users with high end devices can deal with it a bit. But with phones with even reasonable specs like Nokia 625, etc.. the easysocial page shows really badly for many seconds until the page loads completes and js parsed. Its not only the network latency and slower internet speeds is the issue, these mobiles phone browsers parse javascript like a dog. It takes so long and by the time the mobile browsers finish parsing javascript and add the mobile style to fix the layout, its a good 8 seconds gone with a bad messed up layout. Keep in mind not all mobile internet are fast. So I really need to try and reduce this effect if I can before my site can go production. Anything we can do?
I thought of adding the media query to 'es-main' container in my template file directly but then I realised that wont do anything since the js still needs to be parsed to fix the layout for the rest of the things based on es-main width. So I may have to add override css for each div wrapper and that's a lot of css overrides to do. Loading gif might be an option but even that could take awhile to show (although this could work). Dont know what else can be done. You should have better suggestions.. Can you shed some lights here plz.
This is in continuation to my other topic here "EasySocial Initial Page Load looks distorted in mobiles". That topic is locked so I cant continue this discussion there anymore: http://stackideas.com/forums/easysocial-initial-page-load-looks-distorted-in-mobiles
So here is the continuation...
From your last post there you said you'll see if you may include this in the future. Although I am not too confident to expect this change very soon since you have other things on your roadmap, as a quick fix, can you suggest something to help us with this? I did so many test with various mobile devices and the results have not been great. Users with high end devices can deal with it a bit. But with phones with even reasonable specs like Nokia 625, etc.. the easysocial page shows really badly for many seconds until the page loads completes and js parsed. Its not only the network latency and slower internet speeds is the issue, these mobiles phone browsers parse javascript like a dog. It takes so long and by the time the mobile browsers finish parsing javascript and add the mobile style to fix the layout, its a good 8 seconds gone with a bad messed up layout. Keep in mind not all mobile internet are fast. So I really need to try and reduce this effect if I can before my site can go production. Anything we can do?
I thought of adding the media query to 'es-main' container in my template file directly but then I realised that wont do anything since the js still needs to be parsed to fix the layout for the rest of the things based on es-main width. So I may have to add override css for each div wrapper and that's a lot of css overrides to do. Loading gif might be an option but even that could take awhile to show (although this could work). Dont know what else can be done. You should have better suggestions.. Can you shed some lights here plz.