I’ve add in the cloud header an image ad https://labussolanews.com/.
It works on all device but, on mobile, i had to create another ad box with a different ad size (why the header doesn’t load on mobile? I had to create a different header for the mobile. Does it work separately?).
the strange thing is that it seems that the ad image I inserted for desktop and tablet, is also loading on the mobile, despite having ticked the “hide on phone” option. I created a separate ad for the mobile that works perfectly but I don’t understand why the other is loaded anyway.
This is displayed on google PageSpeed Insights which tells me that the .gif is slowing down the mobile view (but i’ve hide it on mobile).
then I always have the problem that google page speed gives me very low performance (about 22) on mobile, which is why I would at least want to remove this useless upload…and maybe some advice on how to optimize the page because I don’t seem to have over-loaded the site …
Don’t tell me to activate the mobile theme because at the moment it is useless, because it remove to much things…
And also I’ve added a Grey background in the row where the ad was inserted (top ad on mobile) . I notice that the Grey loads after few sec… Why there is this delay?
sorry for the 2 reply. WordPress support also tell me that in mobile version there are many off screen images. They talk about some problems with the thumbs.
I wouldn’t know what changes to make. I used custom height for module like slider and flex block. In the “Thumbs on Modules/Blocks” i don’t change anything.
what should I do? I was told that in the mobile the photos are loaded large even if the thumbnail is much smaller.
Hi,
That is true, when designing a cloud header template what you set in it for desktop will not appear on mobile. So you have to add elements when on mobile. So for example I have this content on desktop
– http://prntscr.com/n3kwyw and this on mobile – http://prntscr.com/n3kx50
Both the desktop header content and the mobile content are loaded, it is just that when on desktop the mobile header is hidden, and when on mobile the desktop header is hidden. But the elements are still there and loaded, just hidden.
The purpose of the mobile theme is to simplify the mobile pages greatly, that is why with it active the results are noticeably better when testing with speed tools. Now it can also be used together with the AMP official plugin.
We will improve it’s current functionality in future updates. If it’s not active the same exact content and resources from desktop will be loaded on mobile, and now with the somewhat new Google algorithm when testing it will take into account each website visitors loading speed on mobile and provide a score based on this.
The issue with the background loading transition is known, we will find a solution for it. The quick fix for the moment would be to enter this code in the theme panel analytics section, enter it as the first code there (before all other codes you have entered)
<style>.td-element-style {
opacity:1!important;
}</style>
Flex blocks use one of these thumbnails – http://prntscr.com/n3l80s This allows greater flexibility by for example setting a custom height or width for the module. But it also means that the image may not be exactly as the module, like with predefined blocks.
However from what I can see the flex block in the homepage on your website isn’t using a theme created thumbnail, instead the original image is resized
– http://prntscr.com/n3lb1r
I suggest that you regenerate the thumbnails so that they are created properly
– https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Also disable the jetpack image optimization module for images
– https://jetpack.com/support/site-accelerator/
Or begin by disabling this module first, and check if a thumbnail is loaded, before regenerating.
Thanks
So there is no way to prevent my .gif banner to load on mobile? Except using mobile theme.
The problem with the mobile theme is that the most of the plugin get deactivated and also I can’t handle advertising correctly. And of course I like the layout from the regular version more.
Anyway I tried to deactivate jetpack image optimization. I think the problem with larger image is gone. Can you verify in speed insight?
I don’t know to much about Amp. Is my website WORKING with AMP?
The amp, for example, is showed when click on Twitter shared articles right? The problem is that in the amp version I don’t see my full logo and, expecially, my adv like top article or bottom. Is there a way to show the same adv from regular version into amp version? Basically I’d like to make Amp looks like as similar as possible to the normal version…
one more thing. In single post cloud template, i can put ad article (inline – bottom)code but differently from the ads that can be inserted from the newspaper menu, I cannot choose the size for the various formats (dekstop mobile tablet). Is there any way to bypass it? because I would like the size on the dekstop to be 728×90 while on mobile devices 300x250px
The image issue is fixed now, the modules use proper thumbnails not resized full images.
It is true that some plugins may not work properly or at all with the mobile theme, and it does not have many customization options. Also it uses simplified predefined templates for posts, categories, homepage etc. These are the reasons why it is faster.
You could not use the mobile theme, then the same content from desktop will load on mobile.
From what I can see he website uses AMP – https://labussolanews.com/rimini/servizio-gestione-rifiuti-tariffa-corrispettiva-puntuale-online-i-numeri/amp/
It is also valid – http://prntscr.com/n41lrr
Google will index the AMP pages and display them in the search results
– http://prntscr.com/n41mzb
The official AMP plugin has it’s predefined template and layout, it has no settings for the logo, ads etc. With the mobile theme there will be ad spots in the theme panel. So ads while using just the AMP plugin could be added like this
– https://isabelcastillo.com/google-adsense-wordpress-amp
– http://www.jilaxzone.com/2018/04/21/a-guide-how-to-show-adsense-ads-on-amp-pages-on-wordpress-sites/
In the cloud post templates currently there are no size settings for the ads. These may be added in the future. The solution is to use media queries
– https://support.google.com/adsense/answer/6307124?hl=en
But in the AMP i cannot see my header ad 728×90.
I don’t think my client is happy … what should I do?
Also i’ve set automatic share for twitter and facebook. Why twitter link (from mobile app) automatic open AMP of the articles? is here a way to prevent this?
if I wanted to deactivate amp, would there be any problem with seo or some other penalty?
I see that many sites also have the same ads in the AMP version of the site. How do they do it? The problem is that I can’t sell advertising space and say to my client that you don’t see it in the AMP versions of the site (like the twitter mobile url).
what do you advise me to do?
Twitter may do that, as long as there is an AMP version available they will serve it
– https://developer.twitter.com/en/docs/publisher-tools/amp/overview.html
– https://searchengineland.com/twitter-ramps-amp-278300
– https://adage.com/article/digital/twitter-makes-major-implementation-moments-amp/303020/
If you want to disable AMP for the website, you could check some recommendations from some topics I found
– https://www.wpbeginner.com/wp-tutorials/how-to-properly-disable-google-amp-in-wordpress/
– https://kinsta.com/blog/disable-google-amp/
– https://gulshankumar.net/remove-amp/
If just the AMP plugin is used, the ads could be added as mentioned in the topics from above. Maybe there could be other ways, you could search more online for how to display ads with the official AMP plugin.
With the AMP and mobile theme there are ad spots in the mobile theme section, the ads will show on AMP. There are also AMP auto ads.
Or you could use a different AMP plugin entirely, depends on your needs and what you want to do.
