Hello @chloegeorge
This may be caused by one of many reasons, however; the most “common” reason is that your stylesheet (.css file / files) is being loaded a little bit late – especially if you’re using any custom font(s)
If google ranking for mobile pages is a big factor in your project, I recommend that you investigate Accelerated Mobile Pages. You can read more about these here
-
This reply was modified 9 years, 5 months ago by
j09.
@j09: Thank you so much for your help. 🙂
@chloegeorge: If you do decide to enable Accelerated Mobile Pages (AMP) on your site then Automattic (the company behind Writr and who I work for) have the following plugin available:
https://wordpress.org/plugins/amp/
Thank you @j09 and @siobhyb.
I have installed AMP on the site already, however it does not seem to work for pages on the site, only posts? Is this the case? I has caused several errors in my search console which I am not sure how to fix.
Also with regard to the .css load, I have a feeling it might be because of custom fonts, although as far as I am aware the whole site seems to be using standard fonts. It appears to be trying to load http://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css, which may be having and effect. How can I stop this happening on the Writr theme specifically?
Any more advice would be great!
Thanks in advance.
Chloe
Hi Chloe,
I have installed AMP on the site already, however it does not seem to work for pages on the site, only posts? Is this the case? I has caused several errors in my search console which I am not sure how to fix.
You’re right that the AMP plugin currently only support posts, not pages. This is on the team’s radar and pages will be support in the future, although there is currently no set date we can expect this.
As for the errors, I recommend the guidance given in this article from Yoast:
https://yoast.com/wordpress-amp-part-ii/
Take a look through the above and, if you’re still seeing errors after that, feel free to reply back here with the specific error that you’re seeing.
How can I stop this happening on the Writr theme specifically?
The changes needed to fix the “Eliminate render-blocking JavaScript and CSS in above-the-fold content” error are very complex and would require a complete overhaul of how Writr’s code is put together.
Due to the complexity involved, I’m not able to guide you on resolving that specific error. However, I do have a few other suggestions for speeding up your site:
- Leverage browser caching via plugin like WP Super Cache. You can find more discussion around browser caching and suggestions for plugin to use on this Codex page.
- User a Content Delivery Network (CDN) to serve your site’s images. If you have Jetpack installed, then Photon is a good option.
- Optimise your images by following the guidance here.
Hope that’s helpful!
Hi Siobhan
Thank you! This is great. I will have a look. I have managed to speed the site up with some plugins which is great. I think I will just not have to worry too much about the render blocking. GTMetrix is saying site is really fast so that is great.
I will look at the link you sent about AMP pages and I’ll also keep an eye for the update on your plugin. Hope it comes soon! 🙂
Thanks very much for you help.
Chloe
Hi Siobhan
I had a look at the link that you sent me which was great. I made a few changes but non of the errors seem to be on the post type, posts. They are all on the post type, pages, which the plugin doesn’t support. I have disabled the post types for pages in the plugin, which this help solve the issue?
Any advice would be great.
Many thanks in advance.
Chloe
Hi Chloe,
Apologies for the delay in my reply here! I’ve been away and am in catch up mode.
What are the specific errors you’re seeing in the console?
