Mobile Optimization

[wayaweb]

Hi, i’ve notice that some configuration is creating that google renders the mobile site with a very big search icon, do you know what could possibly be? https://search.google.com/test/mobile-friendly?hl=ES&id=TmDO7hZs7EE980yU4G5fBQ i attached the example

[Ernest Marcinko]

Hi,

It is likely due to a combination of minify/defer (minify/optimize plugin active) and the asynchronous CSS loader. That ‘screenshot’ is probably take when the page is rendered, but the asynchronous loader is not yet finished loading the plugin styles.
I recommend either:
– Disabling the minification and aggregation of inline styles in your minify plugin – because some inline styles may be present to prevent the FOUC effect. The plugin has a few lines of these style to prevent this flash – but since it is moved by the minification, it won’t work.
– ..or disabling the asynchronous CSS loader: https://i.imgur.com/1RHnqJR.png

If you check our demo site with this tool, you won’t see the search bars on the screenshot, which should be the correct layout – as inline styles hide the search bars, to prevent the flash of the unstyled content, until the asynchronous loader finishes the job. The search bar is rendered in the background, after the screenshot is finished.
If the asynchronous loader was disabled, the search bars would be visible on the screenshot, but the loading time of the site would increase with the size of the search stylesheet files.

[wayaweb]

Thanks as always for your help.

¿What would you recommend best for SEO purpose?

[Ernest Marcinko]

I am using Yoast SEO personally – but I’m not familiar with other recent solutions 🙂

[Author]

Posts