Mobile Optimization - Tips and tricks for mobile UI

[Arthur]

Hey,
For a while I have been developing my website on LocalWP only in desktop view (for training), and soon will start replicating everything on a public domain to launch it.

However, since I expect a lot of mobile traffic, I need to ensure that mobile view is well optimized, and since I am not a developer myself I ask your opinion: is it easier if I optimize everything as I go, or would it be easier to just build the website with only desktop in mind, and apply the mobile optimizations at the end?

Are there any tips and tricks / useful posts specific to Hivepress for mobile optimization?

Thanks a lot, this is really important for me!

[condorito.fr]

Nowadays, according to stats about 70-80 % of your traffic comes from mobile.

So yes, mobile should be your first priority.

Check what performance testing tools are saying (gt metrix, pingdom, lighthouse…)

Normally they provide results both for desktop and mobile an give some guidelines to optimize and improve your results.

Mobile results are always worse :
First you have a smaller processor running. Next your connection is not quite often that good. You can simulate a slow connection via chrome dev tools. It’s quite eye-opening!

Optimize your pictures, via tinypng.com.

Avoid using page builders (elementor and Divi are the worst). Bloated code.

Consider using some performance plugins.
I personally use wp-rocket together with “asset cleanup”. It’s a good combo.

If your audience is worldwide, a CDN is a good investment. Otherwise a waste of time. Always favor a hosting next to your audience.

Cheers,

[andrii]

Hi,

Also, please check out this topic: Site loading speed too low. Any tips or tricks to improve loading speed?

​I hope this is helpful to you