I need your support to create a mobile version of my original site

elmocando

Active member

Oct 17, 2019

628

153

43

localhost

• Jun 17, 2020

• #1

I want to create a replica of my main site, let me clear.
I have a site (www.example.com) with user roles, and I want to create a site for mobile users only (m.example.com).
How can it be possible to retain all users activity, contains and all on both the sites?

 

• 

Reactions: SilentSilver

cranzi

Active member

Nov 18, 2019

283

66

28

• Jun 18, 2020

• #2

why bother to make 2 websites if you can 1 website for desktop and mobile?

 

• 

Reactions: Japan, bytbt and elmocando

elmocando

Active member

Oct 17, 2019

628

153

43

localhost

• Jun 18, 2020

• #3

cranzi said:

why bother to make 2 websites if you can 1 website for desktop and mobile?

Click to expand...

My desktop site is loading slow on mobile, and there are few UI and UX issues in Mobile devices, so I am planing to do a m. version of my site.

If you have any better suggestions, please let me know bro.

 

tradesman

Well-known member

Mar 9, 2020

367

225

63

Cold North

• Jun 18, 2020

• #4

try exploring PWA(progressive web apps) plugin for wordpress.

example

Super Progressive Web Apps

SuperPWA helps you convert your WordPress website into a Progressive Web App instantly.

wordpress.org

OR

Gatsby <-> WP

 

• 

Reactions: elmocando

elmocando

Active member

Oct 17, 2019

628

153

43

localhost

• Jun 18, 2020

• #5

balbonic said:

try exploring PWA(progressive web apps) plugin for wordpress.

example

Super Progressive Web Apps

SuperPWA helps you convert your WordPress website into a Progressive Web App instantly.

wordpress.org

OR

Gatsby <-> WP

Click to expand...

Thank you for the suggestions.... I'll try them.

 

tradesman

Well-known member

Mar 9, 2020

367

225

63

Cold North

• Jun 19, 2020

• #6

elmocando said:

Thank you for the suggestions.... I'll try them.

Click to expand...

You're welcome.


Just a heads-up BTW.

PWA implementation in iOS especially in non-native browser is a little pain, PWA currently works only upon Safari Browsers , but you will have little to no issues with Android. Users can add your "app" in their home screens just like a native app.

I find Gatsby awesome with wordpress but it requires a little work on the front-end and some background with React and GraphQL .

 

• 

Reactions: elmocando

elmocando

Active member

Oct 17, 2019

628

153

43

localhost

• Jun 19, 2020

• #7

balbonic said:

You're welcome.


Just a heads-up BTW.

PWA implementation in iOS especially in non-native browser is a little pain, PWA currently works only upon Safari Browsers , but you will have little to no issues with Android. Users can add your "app" in their home screens just like a native app.

I find Gatsby awesome with wordpress but it requires a little work on the front-end and some background with React and GraphQL .

Click to expand...

Everything is going good with PWA but the main problem doesn't solve i.e. page load speed as my site is heavy and mobile load time is high too.
I have no idea how can I solve the page load time on mobile devices.

I have no idea about Gatsby framework, never worked on it.

 

tradesman

Well-known member

Mar 9, 2020

367

225

63

Cold North

• Jun 19, 2020

• #8

Post the link to your website and you will get a lot of feedback and suggestions.

All we have right now is a description of a teapot orbiting Mars.

 

• 
• 

Reactions: siriot and elmocando

elmocando

Active member

Oct 17, 2019

628

153

43

localhost

• Jun 19, 2020

• #9

Tuccho – India's 1st Online Shopping Community

tuccho.com

 

bytbt

Well-known member

Trusted Uploader

Aug 14, 2018

491

273

63

• Jun 19, 2020

• #10

Solution:

Home

Choose one of many beautiful mobile themes for WordPress and make your website mobile-friendly for your visitors with just a few clicks.

www.wptouch.com

Search in babiato.tech

 

• 

Reactions: elmocando

Saint Gabriel

Well-known member

Jan 3, 2020

2,998

3,049

113

• Jun 19, 2020

• #11

elmocando said:

Tuccho – India's 1st Online Shopping Community

tuccho.com

Click to expand...

Your website loads somewhat fast for me and it's very okay on mobile.

Perhaps you need to optimize the website images and stop or minify some css and JS files from loading on the front-end.

 

• 

Reactions: elmocando

elmocando

Active member

Oct 17, 2019

628

153

43

localhost

• Jun 19, 2020

• #12

bytbt said:

Solution:

Home

Choose one of many beautiful mobile themes for WordPress and make your website mobile-friendly for your visitors with just a few clicks.

www.wptouch.com

Search in babiato.tech

Click to expand...

Testing it on testing domain, but it doesn't giving me fast loading speed.
I think I have to go for App as it's a shopping site, it's better for me to move for a Native app not for web app.

 

elmocando

Active member

Oct 17, 2019

628

153

43

localhost

• Jun 19, 2020

• #13

RonanTheAccuser said:

Your website loads somewhat fast for me and it's very okay on mobile.

Perhaps you need to optimize the website images and stop or minify some css and JS files from loading on the front-end.

Click to expand...

What should I do to minify or stop css and js? Already using Wp Rocket, Asset Cleanup and wp-optimize
I have no more idea to minify or stop loading css and js lol.

 

tradesman

Well-known member

Mar 9, 2020

367

225

63

Cold North

• Jun 19, 2020

• #14

Wp Rocket, Asset Cleanup and wp-optimize,

That's prolly an overkill in my opinion, LOL.

BTW, I checked it on my device and I noticed the delay too. this is common with render-blocking resources.

Lighthouse Report Viewer

googlechrome.github.io

My suggestion is to purge all the caches, disable Asset Cleanup, and WP_optimize for a sec and reconfigure WP Rocket.

You can check this WP Rocket configuration guide: https:// www. youtube. com/watch?v=Iu2nPxgOY0w

a good guide.

 

Last edited: Jun 19, 2020

• 

Reactions: bytbt and elmocando

bytbt

Well-known member

Trusted Uploader

Aug 14, 2018

491

273

63

• Jun 19, 2020

• #15

My friend there is no miracle in this situation, there is no use filling up with optimization plugins, there are many variables to consider, WP Touch has an ecommerce theme, did you enable it? is your hosting, VPS, dedicated good? is there a very heavy plugin processing even with the template change? this are some basic questions, I have already done mobile sites and app that load directly and are practically instantaneous, another tip that people have always put PWA, the performance is very good. My server is LiteSpeed I always use Wordpress with LiteSpeed Cache, it runs smoothly.

 

• 

Reactions: elmocando

elmocando

Active member

Oct 17, 2019

628

153

43

localhost

• Jun 19, 2020

• #16

My server is also litespeed and yesterday I followed the video shared by @balbonic, it helps to reduce the load time.
I'll definitely try Litespeed cache

 

J

julien

Active member

Nov 1, 2019

182

161

43

• Feb 12, 2021

• #17

balbonic said:

try exploring PWA(progressive web apps) plugin for wordpress.

example

Super Progressive Web Apps

SuperPWA helps you convert your WordPress website into a Progressive Web App instantly.

wordpress.org

OR

Gatsby <-> WP

Click to expand...

SuperPWA plugin (v2.1.6 ) doesn't work on IOS because no meta tag for apple is added in the html file. For example, Fullscreen display doesn't work on IOS because the meta tag for status bar isn't added. Try another plugin ...
All is correct on IOS device with PWA for WP plugin

 

Last edited: Feb 12, 2021

• 

Reactions: TsieOmni