- NewspaperAutoptimize Plugin – install and configuration
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspapertagDiv Composer – Website Manager
- NewspaperModules Builder in Newspaper Theme
- NewspaperThe Newspaper Mobile Theme: Introduction
- TutorialsFrom WPBakery to tagDiv Composer
- NewspaperBest Of Forums
- TutorialsWhat is Ajax preloading?
- NewspaperHow to Make the Site Faster
Hello Daniel!
Let me explain you which options of mobile versions are:
1. Responsive version: A responsive version of your website is looking similar like on desktop, edit the page with TagDiv Composer, click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB ; there you can see your mobile version and you can edit the elements there.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
3. Mobile theme plugin: The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/ ; https://forum.tagdiv.com/mobile-theme-introduction/
A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY
If you do not need Mobile Theme layout, then you can uninstall it and use other mobile version.
Hope that helps you!
Thank you!
Hello!
I found these articles about to improve cls
-> https://www.stanventures.com/blog/cumulative-layout-shift/
-> https://web.dev/cls/ -> https://web.dev/optimize-cls/
-> https://www.datadab.com/blog/fix-cumulative-layout-shift/
-> https://wp-rocket.me/google-core-web-vitals-wordpress/improve-cumulative-layout-shift/
-> https://forum.tagdiv.com/topic/to-high-cumulative-layout-shift-in-mobile-theme/
Hope these articles help you to reduce the CLS.
Or if you want you can make a request to the custom services: https://tagdiv.com/services/custom-services-page-speed-optimization/
Thank you for your understanding!
Hello!
However, page loading speed can depend on many factors, and each website is unique from this point of view. Let me explain some of these factors and maybe they give you some starting points for optimizing your website.
External factors: server speed, if you are using CDN or not, the external resources loaded by your website like ads, fonts, tracking scripts like Facebook Pixel, Google Analytics, Twitter analytics, Hotjar and so on.
Internal factors: the number of elements on the page, image size, image formats, if you are using mobile optimized layouts, console errors, if you are using the Standard Pack plugin on not, if you are using PRO demo or a standard one.
For the page speed, I can recommend you some solutions in order to increase the score.
Our developers are working a lot to improve the page speed in every update.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://developers.google.com/speed/docs/insights/v5/about
– https://www.youtube.com/watch?v=tnkVapqhIHc
Please check the tutorials from those platforms gt metrix and Google Pagespeed Insights and I’m sure you can increase the page speed.
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Thank you!
Hello Ben!
However, page loading speed can depend on many factors, and each website is unique from this point of view. Let me explain some of these factors and maybe they give you some starting points for optimizing your website.
External factors: server speed, if you are using CDN or not, the external resources loaded by your website like ads, fonts, tracking scripts like Facebook Pixel, Google Analytics, Twitter analytics, Hotjar and so on.
Internal factors: the number of elements on the page, image size, image formats, if you are using mobile optimized layouts, console errors, if you are using the Standard Pack plugin on not, if you are using PRO demo or a standard one.
For the page speed, I can recommend you some solutions in order to increase the score.
Our developers are working a lot to improve the page speed in every update.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://developers.google.com/speed/docs/insights/v5/about
– https://www.youtube.com/watch?v=tnkVapqhIHc
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Thank you!
Hello!
I’ve checked your website and it seems you haven’t the Mobile Theme plugin or AMP.
Let me explain you which options of mobile versions are:
1. Responsive version: A responsive version of your website is looking similar like on desktop, edit the page with TagDiv Composer, click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB ; there you can see your mobile version and you can edit the elements there.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
3. Mobile theme plugin: The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/ ; https://forum.tagdiv.com/mobile-theme-introduction/
A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY
If you’ll use Mobile theme plugin, then you can not edit the pages with TagDiv Composer.
You have only some settings for this layout, which you can find in Theme panel -> Mobile Theme. The same thing for AMP plugin too. Please note that if a page is made by Composer, than the content won’t be displayed on Mobile theme version. You should create the content with the Mobile Editor.
Please provide the link and a screenshot or a video, so I can help you efficiently.
Thank you!
Thanks its working 🙂 can i use autoptimize plugin now?
Hi,
I think that I understand what you mean, when you are using our theme your website has more elements, thumbs with images, blocks … so those need to be optimized to get a better speed, for this you need first to make sure that all theme requirements are set https://forum.tagdiv.com/newsmag-requirements-for-newsmag/ after that you need to use some extra steps to optimize the website and make it faster, for this please check our guides from here:
-> How to Make the Site Faster
-> Cache plugin – install and configure
-> Cloudflare (CDN)
-> Autoptimize Plugin – install and configuration
I hope this will help you!
Hello!
Let me explain you which options of mobile versions are:
1. Responsive version: A responsive version of your website is looking similar like on desktop, edit the page with TagDiv Composer, click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB ; there you can see your mobile version and you can edit the elements there.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
3. Mobile theme plugin: The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/ ; https://forum.tagdiv.com/mobile-theme-introduction/
A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY
It seems that you use Mobile Theme plugin, so if you do not need that, please uninstall it.
Let me know the results!
Thank you!
Thank u for answering. I was using autoptimize plugin. I deactivated it, but it still working like same.
Hello,
I verified and seems you use a plugin to optimize the CSS => https://i.imgur.com/rDlCmVE.png and I think it affected CSS for the mobile menu.
Please try to remove the optimization and check after this, normally the background color should work the same for pages and posts.
Thank you!
Hello!
Let me explain you which options of mobile versions are:
1. Responsive version: A responsive version of your website is looking similar like on desktop, edit the page with TagDiv Composer, click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB ; there you can see your mobile version and you can edit the elements there.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
3. Mobile theme plugin: The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/ https://forum.tagdiv.com/the-mobile-theme/
A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY
For the page speed, I can recommend you some solutions in order to increase the score.
Our developers are working a lot to improve the page speed in every update.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://developers.google.com/speed/docs/insights/v5/about
– https://www.youtube.com/watch?v=tnkVapqhIHc
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Thank you!
Hello!
Please check our documentation about the Mobile Theme: https://www.screencast.com/t/dwFVKBJYdrW6 -> https://forum.tagdiv.com/mobile-theme-introduction/
Let me explain you which options of mobile versions are:
1. Responsive version: A responsive version of your website is looking similar like on desktop, edit the page with TagDiv Composer, click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB ; there you can see your mobile version and you can edit the elements there.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
3. Mobile theme plugin: The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/ https://forum.tagdiv.com/the-mobile-theme/
A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY
Thank you!
Hello!
The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here:
– https://forum.tagdiv.com/mobile-theme-introduction/
– https://forum.tagdiv.com/the-mobile-theme/
If you use Mobile theme plugin, then you can not edit the pages with TagDiv Composer.
You have only some settings for this layout, which you can find in Theme panel -> Mobile Theme. Please note that if a page is made by Composer, than the content won’t be displayed on Mobile theme version. You should create the content with the Mobile Editor.
Please check our documentation about the tagDiv CSS Analyzer:
Thank you!
Hello!
The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here:
– https://forum.tagdiv.com/mobile-theme-introduction/
– https://forum.tagdiv.com/the-mobile-theme/
If you use Mobile theme plugin, then you can not edit the pages with TagDiv Composer.
You have only some settings for this layout, which you can find in Theme panel -> Mobile Theme. Please note that if a page is made by Composer, than the content won’t be displayed on Mobile theme version. You should create the content with the Mobile Editor.
Thank you!
Hi,
I did all this and it’s still the same. Clearing memory or uninstalling and reinstalling tagDiv Composer, including pausing or uninstalling (disabling the Autoptimize plugin), did not help. I have already written a support email. We can’t even set up Cloud Templates in two categories. So I don’t know where the mistake may be. I tried everything and unfortunately … nothing Thank you for the warning, I will write in English.
Hi, Georg
If you optimize with the category page CSS analyzer function, it will break from page 2 onwards.
Is there any bug?
Toto support forum je v EN jazyku tak dufam, ze nedostaneme ban. :/
Treba ist po casovej osi uprav, ze kedy to asi nastalo…zapnut Dev Tool v Chrome a pozerat co sa deje…pripade
– purge all v cache (ak mas Redis a pod. aj tú)
– potom vypnut Autoptimize plugin
– zapnut mod “v konstrukcii” a odinstalovat tagDiv Composer,
– purge all v cache (ak mas Redis a pod. aj tú)
– opat nainstalovat tagDiv Composer a aktivovat
– zmazat cache v Browseri
– vyskusat iny Browser
– pozriet kde vsade robis minifikaciu CSS/JS a vypnut ju
– zasa purge all v cache (ak mas Redis a pod. aj tú)
Cistit cache pri kazdej zmene.
!!Pozor po odinstalovani tagDiv Composer sa cely frontend rozbije!! (preto ten maintenance mode)
technicka podpora je v mojom profile napisana mozeme napriamo
-
This reply was modified 4 years by
Henrieta.
Hello!
Let me explain you which options of mobile versions are:
1. Responsive version: A responsive version of your website is looking similar like on desktop, edit the page with TagDiv Composer, click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB ; there you can see your mobile version and you can edit the elements there.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
3. Mobile theme plugin: The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/ https://forum.tagdiv.com/the-mobile-theme/
A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY
So, if you need first option (responsive version), then please make sure you have the Mobile theme plugin uninstalled and you do not build any mobile pages.
If you created the mobile pages with TagDiv Composer, then when you install Mobile Theme plugin, your pages will be overwritten (disappear) by the plugin layout.
If you use Mobile theme plugin, then you can not edit the pages with TagDiv Composer.
You have only some settings for this layout, which you can find in Theme panel -> Mobile Theme. Please note that if a page is made by Composer, than the content won’t be displayed on Mobile theme version. You should create the content with the Mobile Editor.
Thank you!
Hi,
We disabled the Autoptimize plugin to see if that fixed the issue. However, the issue persists.
For example, in our latest article, the video embed is partly covered by two images hosted in a ‘gallery’.
https://happilynews.com/sneakerhead-dad-finds-pregnancy-test-in-shoe-box-surprise/
So we’re a little confused again as to the source. Can you assist in troubleshooting, please, as perhaps it is something else causing it?
Hi guys,
I have a problem: in my AMP version of the website, I no longer see the images if I have the Siteground Optimizer Cache Plugin Activated.
It seems as this:
If I activate the cache, the website load a desktop version without images.
If I deactivate the cache, the wbsite correctly load the AMP version of the post.
I am NOT using tagDiv Mobile Theme, because (for years now) I noticed it create huge problems between desktop and mobile versions of the website. (Meaning I see the mobile versions when I am in the desktop mode).
This version of one of my post in AMP. You can just add /amp to any URL and you will see a image problem.
Any suggestion?
https://www.beautydiary.it/crema-macchie-schiarente/?amp
Hello,
Block 1 is an older block, please use Flex Block or Big Grid Flex Block which gives you more adjustment and flexibility options than blocks from tagDiv Standard Pack.
Did you use any plugins to optimize the images?
Also, please check if you have a cache plugin, please disable it and see if the problem persists.
Thank you!
Hello,
I investigated your website and seems the problem comes from the Autoptimize plugin => https://i.imgur.com/u5MRJxq.png -> https://i.imgur.com/XsxSfxA.png, so please check the settings and optimization that you made.
Thank you!
Hello @andreabarbieri,
Unfortunately, please try to disable the SG Optimizer or please check if the plugin has the option for mobile to enable the cache.
Thank you!
Hi Carlos, I use Sieteground and SG Optimizer and I have the same problem. Mobile version of random post on desktop. Ugly. I worked on it for many days, but never solved.
-
This reply was modified 4 years by
andreabarbieri.
Hello!
Let me explain you which options of mobile versions are:
1. Responsive version: A responsive version of your website is looking similar like on desktop, edit the page with TagDiv Composer, click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB ; there you can see your mobile version and you can edit the elements there.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
3. Mobile theme plugin: The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/ https://forum.tagdiv.com/the-mobile-theme/
A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY
So, if you need first option (responsive version), then please make sure you have the Mobile theme plugin uninstalled and you do not build any mobile pages.
Thank you!