- NewspaperHow to use the Flex Blocks cache option
- NewspaperCache plugin – install and configure
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperFlex Block Settings Guide
- NewspaperGeneral Options that May Interfere with the Newspaper Theme
- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperHow to update a plugin
- NewspaperCloudflare (CDN)
- NewspaperFacebook Share
- NewsmagRequirements for Newsmag
- NewsmagHow to update the theme
- NewsmagtagDiv Social Counter tutorial
- NewsmagTop bar templates
- NewsmagAjax view count
- TutorialsWhat is Ajax preloading?
- NewspaperVideo Playlist
- Newspaper7 Days Post Sorting
- NewspaperAjax View Count
- NewspaperTop bar templates
Good morning,
I created a site and everything was going well. But I wanted to integrate a sort of store (shop) into my site. So I downloaded a second home page that I named Shop, a second category Template, and a second single Template, all three for affiliate products that I want to integrate into my site. For the computer version everything is fine, everything is displayed normally. But for the mobile version, there is a serious problem with the main menu: when you click on a category, it is displayed as if you had just created the site: no logo, no articles, no header, no footer âŠ.
I cleared the caches, but that didn’t do anything.
Please give me a solution, because I really want to add the store in the way I described above.
thank you so much
System status are all green, latest updates all plugins, test it out same results, deactivated all plugins except the tagdivs same results,
use the cache plugin only that you suggest in the system status same results,
Never faced this issue with the same themes on other domains, but domain in the same hosting server too.
Thanks
Hello!
Please edit the page with the tagdiv Composer and make sure you did not left align the element. Make a test and deactivate all plugins except tagDiv ones. Also, if you are using a cache plugin, deactivate it, clear all cache, and try again.
Let me know the results!
Thank you!
Hi,
This usually happens with cache plugins. If the cache plugin does not have mobile support, the mobile theme version can be delivered instead.
Also, please let me know what plugin you use for the cache now.
Using our theme, you can choose from 3 mobile versions
-> mobile responsive => https://www.screencast.com/t/oJ2ShOp47
-> mobile theme plugin => https://forum.tagdiv.com/the-mobile-theme/
-> mobile page => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/ The option that you need to use.
Suppose you created the mobile pages with tagDiv Composer. In that case, when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its templates for page, post, category, etc, so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple)).
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY.
So, the mobile responsive is what you see when that you select the viewport on phone => https://www.screencast.com/t/matV17hH, so some settings may apply for each viewport(where is the border blue), and others are not(where the border is black).
The mobile page has the mobile templates from Cloud Library => https://www.screencast.com/t/YCcZ8rL8
The Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin cannot.
For example, you can have the mobile theme plugin activated and use the mobile page/mobile responsive version for the homepage/pages, but for the categories pages/404 page, you canât use the mobile page/mobile responsive version if you have the mobile theme plugin activated.
@henryekeocha108 You need to add the Single Post Comments element in the single post template, and also, you have set to allow the comments on the posts, edit the post and in a post is a setting -> Discussion => https://www.screencast.com/t/EZhoy8Uj -> https://i.imgur.com/IgNyFa9.png
Thank you!
Hello!
Make sure you use the latest update of the theme and plugins, WordPress and PHP version.
Make a test and deactivate all plugins except tagDiv ones. Also, if you are using a cache plugin, deactivate it, clear all cache, and try again.
Let me know the results!
Thank you!
Hi,
So, I understand that the problem was solved and caused by the CDN cache.
Have a great day!
Dear Support Team,
I would like to report a significant performance issue with our website when accessed from mobile devices. I conducted a performance test, and the results are concerning:
First Contentful Paint (FCP): 3.8 seconds
Largest Contentful Paint (LCP): 6.5 seconds
Total Blocking Time (TBT): 340 ms
Speed Index: 5.0 seconds
Cumulative Layout Shift (CLS): 0.002
The performance score obtained is 59, which indicates a suboptimal user experience on mobile devices.
I tried to resolve the issue by installing the recommended cache plugin, WP Super Cache. However, the performance did not improve significantly. I have read that WP Rocket does not work well with the current theme we are using, but it has helped improve speed on other themes I have used.
Could you please advise on what steps I should take next to enhance the speed and overall performance of our site on mobile devices? Any recommendations for alternative solutions or configurations would be greatly appreciated.
Hi Yuriy, I believe that you are referring to that movement when the page is loading, if so, this is until the page is loading and the style is applied.
Usually this can be resolved using some plugins as cache plugin (one of the best is WP Rocket, but there are also free plugins for cache as WP Super Cache, Litespeed …), CDN, a plugin to get/download locally the Google fonts to reduce the time loading from google – https://wordpress.org/plugins/host-webfonts-local/
Now for the block elements that are loading using ajax that is the only effect that the theme has right now, so if it’s not to your liking, it can be remove with some custom css and eventually it can be add a new css for a better user experience.
I hope this will help you!
Hello,
Thank you for your feedback and for sharing your optimisation guides.
So, would you recommend that I use WP Rocket instead of Super Cache?
Hello,
I see that you have many ads scripts. To optimize those, I recommend using the WP ROCKET plugin.
Also, we donât recommend to using amp, because it is deprecated -> https://developer.bigcommerce.com/docs/storefront/wordpress/platform-integration/enabling-amp
There are many optimization guides provided by our users here in the forum, some made by us; you could check some of them
â https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
â https://forum.tagdiv.com/cache-plugin-install-and-configure/
â https://forum.tagdiv.com/how-to-make-the-site-faster/
â https://forum.tagdiv.com/topic/high-number-of-ajax-request/
â https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
â https://www.andraware.com/wp-rocket-for-newspaper-theme/
â https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/
â https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
â https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
â https://forum.tagdiv.com/cloudflare-cdn/
â https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
â https://forum.tagdiv.com/topic/sql-querys-high-cpu/
â https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
â https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
â https://underconstructionpage.com/optimize-wordpress-database/
â https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/
Thank you!
Hello,
Usually, when this is happening, it is from an object cache that can be from a plugin that you have installed or from your host. Please check if you donât create an object cache file on the backend -> https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/
Thank you!
Hi Calin,
I don’t use a CDN.
Your replies have calmed me down. That’s very kind of you. My website is up and runnning. The problem excist but when it happens, I log in and open, save, clean cache like 20 times and check if it’s ok again. It is what it is…
This mystery only happens when I edit the template and since I am almost satisfied with the design, the need to edit my template is very low. So I am gonna eat this one and suffer. However, I have another website that needs a restart and when I am starting on that one, I will send you the details the moment I encoounter the same problem.
Thanks
thank you Thanks to your advice the problem was solved.
In my case, the problem occurred thanks to the wp super cache plugin.
Hello,
Usually, when this is happening, it is from an object cache that can be from a plugin that you have installed or from your host. Please check if you donât create an object cache file on the backend -> https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/
Thank you!
Hello!
Can you see them in the tagdiv Composer? If yes, then there could be a plugin conflict(deactivate the extra plugins one by one to see which one created the issue there). Clear the cache and try again. Re-check the settings: https://forum.tagdiv.com/featured-image-or-video/
Thank you!
Hello!
I can’t access your links because it says 403 Forbidden.
Please check the “Multi” option for the first item there in the tagdiv Composer settings and try again.
I’ve tested the flex loop filters with the flex loop shortcode too in the latest update of the theme, and it is working well.Â
1. The option “Hide empty terms” will hide the items or categories without posts.
2. It should work well. Try with the slug “category” and check if it is working too on your end.
3. It is working well on the latest update of the theme.
So, the issue is on your end. Please deactivate all plugins except tagDiv ones. Also, if you are using a cache plugin, deactivate it, clear all cache, and try again.
Let me know the results!
Thank you!
Hello,
I think that you have a plugin conflict there. Have you checked for a plugin conflict? Please deactivate ALL plugins except tagDiv ones; also, if you use a child theme or cache plugin, deactivate them, clear all cache, and try again.
Thank you!
Hi Teachy, is your website using CDN/Cloudflare? because if you do use it, then you’ll need the paid version Cloudflare APO, only that one provide the option to cache per device.
In case that you are not using the CDN and the problem persist without any cache, the please make a full backup and contact us via email at contact@tagdiv.com and provide temporary wp-admin access to further investigate the problem.
Thank you!
I get all that….and it’s totally correct, with one exception: Keep in mind that the mobile theme plugin is disabled.
I created a mobile home page. I also made changes to the individual blog page. Now when I edit the mobile home page and save my changes….the homepage as on desktop version becomes the homepage on mobile. When I then edit the desktop version and make changes, the mobile homepage becomes te desktop version.
Basically what happens is that the last template I change, becomes the new frontpage for desktop and mobile. Even though I delete all page cache.
In the mood for a challenge and want me to send you the login details, let me know đ
Hello!
Deactivate the cache plugin that you use and check again to see if the problem is still there.
We have 3 options available for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page.Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB. There, you can see your mobile version and edit or adjust the elements to look better.
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 main Newspaper theme that only loads on mobile devices. It comes with its own templates and designs for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
If you need to use mobile version 1 or 2, then you need to uninstall the Mobile Theme plugin and AMP.
Thank you!
Hi, I’m using the WP Super Cache plugin and you can see the configuration in this screenshot : https://www.transfernow.net/dl/20240529lWROlS0Y
Thank you for your time.
I understand that you use the TagDiv Newspaper theme which is not a very performant theme, but at this point, you don’t have an option to change the theme.
That being said, during the audit (even while working on the staging environment) I did find numerous issues with your website mainly related to the below 2 points:
1. Images
2. JS
Your team can severely improve this by incorporating my feedback below. I understand that this response is quite technical, so I highly encourage you to share this with your internal dev team. Now let’s dive deeper.
## Images
Let’s start with the images, as it’s the biggest problem for your website.
### Problem 1 â Images:
So currently across your website (home page, single article page and other pages) images are not actually being loaded via HTML image (img) tags. Instead, they are being loaded as CSS background images.
This forces the browser to download all the images at the same time despite not needing them. Also, lazy-loading these images is almost impossible as all images are CSS background images with no unique class attached. Here are a few examples:
Though I’ve only shared a couple of screenshots, but this problem remains across your website on every single page. Be it the home page or any other pages. Every single page on your website have this exact same issue when it comes to images.
#### Solution:
All these span that are basically holding the images as CSS background images should be replaced with HTML img tag with proper width, height, class names attached to them.
Different images should also have unique classes attached to the img element to easily target them like:
– slider-thumb-img
– three-article-row-img
– featured-article-img
and so on…. (these class names are hypothetical just to give you and your team and idea)
This would make the images to be properly understood by the browser (thanks to the img tag) and also render and lazy load them properly. Also the proper width and height attribute would also maintain the CLS from image size shifting.
## Problem 2
The second problem that is related to your website images are image sizes.
Firstly, I can see that you are loading images from static.profootballnetwork.com making them not to be served from https://www.profootballnetwork.com/ and as a result not getting the benefit of Cloudflare Enterprise caching (higher cache HIT ratio and lifespan) and image optimization.
Secondly, you are loading way bigger images on your web pages asking for them to be scaled down and served to the user. In doing so, the browser has to spend a lot of time to downscale and render/paint the images.
This is why, it is always best to create multiple image sizes for your website using add_image_size() – exactly the image sizes that you need and then use them accordingly where needed.
Here are a few examples:
https://i.imgur.com/Ddl7gp7.jpeg â https://i.imgur.com/YGIjOmi.jpeg
https://i.imgur.com/O3KSAu0.jpeg â https://i.imgur.com/CmO72p8.jpeg
https://i.imgur.com/iHbHJap.jpeg â https://i.imgur.com/KLVA4HY.jpeg
This is not only making the size of your webpage insanely larger but also hurting your CWV and website performance.This issue is also present across your website, across every pages.
#### Solution:
Use add_image_size() to create custom image sizes that are needed for your sites and then serve images with HTML img tags with that exact image size that is needed for that section.
Alternatively, your team can also leverage Cloudflare Images to automatically resize the images directly on the cloud. More info: https://developers.cloudflare.com/images/transform-images/transform-via-url/
## Problem 2 â JS Scripts:
Thanks to Tagdiv Newspaper theme, the website is highly reliant on javascript and especially jQuery requiring the jQUery library to be loaded along with other jQuery scripts for the slider and other things to function properly. Screenshot: https://i.imgur.com/WELMdYl.jpeg
But a huge chunk of JS is coming from the ad networks, so I would highly recommend you to reach out to your ad provider asking them to reduce as much JS load as possible and possibly delay ad loading to reduce the JS impact on the website from the ads.
Gracias por la respuesta. El problema estaba en la cachĂ© del hosting. Pero me asuste muchĂsimo. Gracias por estar ahĂ.
Hello!
Make a test and deactivate all plugins except tagDiv ones. Also, if you are using a cache plugin, deactivate it, clear all cache, and try again.
If the problem is still there, then please contact us via email at contact@tagdiv.com and provide the following:
â admin url and credentials
â a link to this topic in order to identify you
Thank you!
Hello,
The bottom margin value is 0, which is exactly how it was configured – https://monosnap.com/file/rwXSV6ERqRTM6EEfCTDbnpglRGFzpg
The top margin value in the Posts Loop block is also 0 – https://monosnap.com/file/fQtOikOvd5lHRNiqIxl2kRgxkeKMqv
Cache cleared in browser and cloudflare.
The result is the same – https://monosnap.com/file/lujM0TN5FRj7tPCpscktd5qNghCRt5
Thank you!
