Archived topic
Page speed
6 replies · Started by Jean on March 28, 2021
Hi,
When i try to run a page speed check with google i get a score of 95 on desktop but on mobile it shows 45-60 everytime i run. It's really weird as i'm not using any fancy imaging or anything else that can slow down the site. Google search console is complaining about my blog having to small text? don't know what that is as the text isn't to small it's a standard gp blog page. Maybe that's causing the drop in mobile speed?
Looking at the google suggestions it tells me the standard thing:
Eliminate render-blocking resources
the second item it tell me is:
Enable text compression
I'm using autoptimize plugin
Do you guys have any suggestions?
I have found that setting the CSS to External File, as well as Caching Dynamic CSS and Combining CSS will usually speed up the mobile PageSpeed.
Go to Appearance/Customize/General and look for Dynamic CSS Print Method. Set to External.
Look down the screen and check the boxes for Caching Dynamic CSS and Combining CSS.
The professional support staff will likely have better recommendations.
Hi there,
take a look at the Network tab in developers tools ( Right Click > Inspect site ) to see whats affecting page loading.
Things to look for:
1. Images - any large images that could be reduced in size ? I see one for a mobile phone that is over 170kb.
2. Fonts - how many requests are being made ? Can they be reduced by using less font families or reducing the Varients (weights) in the Customizer:
https://docs.generatepress.com/article/google-font-variants/
3. Unncessary Javascripts - albeit a tiny script i see Slick Slider is being used for the autoplay carousel... is it 100% necessary ? Might notice a speed boost without the carousel.
Once you taken care of any of the request stuff, then look at optimizing the site like Mike recommends ( Thanks Mike ).... and currently i don't see autoptimize enabled...
Thanks for the replies.
The only thing i see in the network tab is this: https://ibb.co/hmXcwcx
its the admin-ajax.js file ? didn't tell me to much, i hover it and i see a bunch of files as seen in above link
You can select All in the network tab or the specific request:
https://www.screencast.com/t/PWPygRXF46m
You may need to clear the cache and refresh the browser with the developers tools open to see them load.
seems like there is alot going on there, but admin-ajax is still one of the threads that takes much time to load. This is the website if you want to try it: https://bit.ly/3sB3jQe
i didn't get much information from the network tab that can help me move on, maybe you have some ideas once you see it?
Check the Images.
As i said above - one of the images is over 170kb. ( the iphone image ). You should replace that with a smaller size image.
Oxygen font - looks like its loading all variants of the font. this article shows how to disable variants you're not using:
https://docs.generatepress.com/article/google-font-variants/
This may reduce font requests.
The admin-ajax will be coming from one of the plugins. Temporarily disabling each one should show which is causing it.
After that look at cache / optimization plugins.
We personally leave Caching to the server and use Autoptimize for optimization - setup guidelines here:
https://docs.generatepress.com/article/configuring-autoptimize/
