Help Me speedup My Theme on Mobile

[Junaid]

Hello,

How can I increase page speed on mobiles? I checked on google page speed tool, and it’s too low as compared to desktop. It’s good at the desktop.

How can I increase it?
The main issues I find there are,
1. Reduce unused CSS
2. Minimize main thread work.
3. Ensure text remains visible during webfont load
4. Minimize Critical Requests Depth

Here is the URL to check in detail.
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Finspiredn.com%2Fdont-ask-why-me-its-you-behind-deprivations%2F&tab=mobile
If this URL doesn’t work, then open any of my blog post on the Google page speed tool.
https://inspiredn.com

[David]

Hi there,

you’re better off using GTMetrix to view your site – i ran a test here:

https://gtmetrix.com/reports/inspiredn.com/XaJJH7SN

If you look at the waterfall report you can see there is significant delays ( purple lines ) from the server.

Regarding the issues flagged by Pagespeed insights:

1 and 2 – this would require you to reduce the amount of content or scripts being loaded. You are using Jetpack for some of your functions which loads a lot of Javascripts and style sheets – i would look at whether you could replace jetpack with individual plugins that are specific to your needs.

3. You can switch the GP Icons font to SVG in Customizer > General. This will remove one of the issues.

4. The same as 1 and 2 applies here.

For optimization we provide the following tips:

https://generatepress.com/fastest-wordpress-theme/

I would advise applying these after reviewing the need for Jetpack.

But overall the biggest issues are the delays on your server, may be worth speaking with your host.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Junaid]

Thank you, I will follow your instructions. I think I don’t mind to use some other plugins instead of jetpack. I will apply and let you know.

[David]

You’re welcome.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Junaid]

I removed jetpack. And it improved speed a little bit on mobile.
There are two main issues found for mobile,
1. Minimize main-thread work
2. Reduce JavaScript execution time

I didn’t check on Gtmetrix because it doesn’t show the mobile version on my side.

[Junaid]

By the way, your suggestions are really useful. You made my day.
I hope you can also assist me in,
1. Minimize main-thread work
2. Reduce JavaScript execution time
I will be grateful for it. Because your suggestions have increased speed.

[David]

Can you flush any plugin and server side caches that you have – I can see multiple instances of the same scripts being loaded. Let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Junaid]

I’m sorry I didn’t get you. Can you please be more specific? So that I could proceed. Because your information is really useful always.

[David]

Do you have any Caching / Optimzation plugins installed? If so they generally have an option to flush or purge the cache.
Also, you may need to check with your host, as there are Server side caches – again there should be an option to Flush or Purge the cache

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Junaid]

Thank you, David. You’re really a great guy.

[David]

That seems to have the done trick 🙂 Glad to be of help.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts