- 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
Hi,
This depends on how well is your website optimized, for example this demo – https://demo.tagdiv.com/newspaper_pro/ was optimized by our developer and there are no problems with the INP – https://i.imgur.com/gAncpfD.png
Mark Gilbert, here is the section that you can improved – https://i.imgur.com/qYREfsD.png also if you can replace all standard elements and disable the tagDiv Standard pack then you’ll load low resources.
Also, you can use flex blocks and use cache on them – https://forum.tagdiv.com/use-flex-blocks-cache-option/
Another alternative is to try a different cache plugin, like WP Rocket and you can use the page template – https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
Archerix if the form is on mobile theme plugin, please try the smart list 2 and also, make a test with the mobile theme only for amp and try the page template – https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
Thank you!
I did that. However from time to time plugin malfunctioned. Site is now working completely fine with autoptimize plugin and several tweaks in .htaccess file.
Thank you.
Hello,
I verified, and the post is locked https://i.imgur.com/GuAk9FK.png, I saw that you use autoptimize plugin, and this one has a cache.
Thank you!
Hi,
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/
Also, pagespeed is not covered by support -> https://forum.tagdiv.com/newspaper-theme-support/
If you use Wp Rocket, you can try to exclude the following files
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
tdBlocksArray
To be able to optimize and to remove CLS and LCP please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/ -> https://web.dev/lcp/ -> https://web.dev/cls/
Thank you!
Caline, thanks for your reply.
I just wrote about the playlist above, I just didn’t quite accurately formulate my idea, sorry for that.
The playlist you specified in the example, link and screenshot has big problems.
Caching doesn’t help at all.
The playlist loads the entire content of the YouTube page in a frame, and this frame slows down the entire site and the rest of the code loading.
You did not take into account that YouTube, in the light of recent events, has slowed down the download of content in many countries, for example, Ukraine and Russia and many other countries.
As a result, the page of the site where this playlist is embedded takes a very long time to load, more than 20 seconds.
I provided you with a link to the plugin above so that you can see and understand how you can optimize your code so that the entire site does not slow down.
Uploading a YouTube video in a frame is not right, it slows down the entire site.
You need to do lazy or delayed loading of the movie, without using a frame.
And if the visitor wants to watch the video, then load the frame and load the video into it.
All this is easily implemented using JS, so I don’t understand why you made this module in a simple but very harmful way for the webmaster.
You are using the YouTube API for video previews.
But for some reason, you do not use this API for the video itself, but load it into a frame.
It would be correct to display not a frame, but a preview of the video with a play button and a light version of the player.
And when the visitor clicks on the play button – upload the frame and the contents of this frame to the site.
In general, look and study this plugin, it will tell you how to optimize your code so that the site flies even when you embed videos from YouTube.
Hi,
I understand what you are saying. Most of the blocks that have problems were added from the beginning of the theme, when the requirements were not so high, but the problem is that as time passed, new elements were added and the old ones were often not optimized enough to be in step with the present.
If you want you can use that plugin, I think it should not be a problem.
What I can recommend is to try the video playlist, this element use a cache that will provide better results – https://i.imgur.com/ZuGjEsc.png – https://forum.tagdiv.com/video-playlist-2/
Thank you!
You are using probably some image optimizer plugin, disable it and next images you upload will be okay. But there is nothing to do with already compressed images. You may see if there is a option to restore original if not, then you need to upload these images again or use images from backup.
Hi,
If the problem appears only when you are not logged in, then it is related to a cache plugin or optimize plugin that is minify the javascript or css.
I will recommend to check the settings from those plugins to find out the option that is causing the problem.
Thank you!
Hello,
You can use both, you can check those guides
-> https://forum.tagdiv.com/cache-plugin-install-and-configure/
-> https://forum.tagdiv.com/autoptimize-install-configuration/
Thank you!
Hello, what are the cache plugins compatible with the theme? wp super cache and autoptimize?
I followed the guides to configure but I had to uncheck “Concatenate JS files?
Aggregate all linked JS files to load without render blocking?” otherwise my background image won’t show.
The theme has no internal caching system?
Hi MattiaVe, I see that you already have most of the optimizations made.
What I can suggest is to remove the mobile background image – https://i.imgur.com/g1QLPcB.png from menu and use only the background color – https://i.imgur.com/iUI9Y0M.png
Make sure that the logo is set on mobile logo element and is not coming from the theme panel (this operation is taking longer) – https://i.imgur.com/h8te312.png
From what I can see, what needs to be better optimized for mobile is javascript. This is also from the theme, but especially external, from google analytics, tag manager, ads, extra plugins….
What I can recommend for this is to use a good cache plugin, a very good one would be WP Rocket, but this is not free, but you can also try free plugins, such as WP Super Cache, litespeed.
I hope this will help you!
Hello Emir!
You have the possibility to enable mobile theme only on some pages: https://forum.tagdiv.com/mobile-theme-introduction/
You can uninstall the mobile theme plugin and it will automatically display the responsive version of your desktop design.
Actually, we have 3 options 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 the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.
Thank you!
Hello Ciprian!
Actually, we have 3 options 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 the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.
Thank you!
Hello @Explorion!
It is working one time: https://app.screencast.com/3jNVhhkd5DTxP. Also, you can use 1 from 3 different mobile versions: 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 the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.
Thank you!
In momentum theme how do we edit the Service Description?
Following is the text for one of the service description:
Pay per click (PPC) advertising is a highly effective way to drive traffic to your website and increase conversions. Our PPC management service provides a comprehensive solution to help you create and manage successful PPC campaigns.
Strategy:
Our team of PPC experts will work with you to develop a PPC strategy that aligns with your business goals and budget. We will conduct keyword research, create ad copy, and design landing pages that are optimized for conversions.
Campaign Management:
We will manage your PPC campaigns from start to finish, including creating ad groups, setting up targeting, and monitoring performance. We will also provide ongoing optimization to ensure that your campaigns are running at peak performance.
Metrics and Reporting:
We will track the performance of your PPC campaigns and provide detailed reporting on metrics such as click-through rates, cost per click, and conversion rates. We will also provide recommendations on how to improve your campaigns based on the data.
Hi guys,
The LCP on my site is bad and I got an answer from a friend programmer:
these are not normal image tags so the browser does not realize the images are to be fetched. instead the tagdiv JS (https://serpositivo.com/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js) had to be loaded and executed and that will look for image containers in the HTML and load the images.
2 problems with that approach; JS is loaded late (deferred, to ensure it is not render-blocking) and as the browser is unaware the image is not loaded with high priority.
the best solution would be to (ask tagdiv support if) use normal image tags for those main thumbnails to ensure the browser loads those with high priority. typically (from a performance point of view) you would indeed want your entire above-the-fold part of the page to render without the need for extra CSS/ JS to be downloaded & applied/ executed.
Alternatively we could exclude Newspaper/js/tagdiv_theme.min.js from being deferred (so it would run faster, but would become render-blocking) and we could (manually) add the relevant URL to the “LCP image” in the “autoptimize this page” metabox on the “edit” view of your homepage, but these approaches are far from ideal really ..
Is there anyway to improve the LCP according to these issues?
Hi,
Im trying to insert amazon native ads on my newspaper theme but I don’t see them. Which block do I need to use in order to get that working?
I have installed autooptimize and wprocket.
Hello @akashdeep305 !
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
– https://www.xtechkr.com/optimize-newspaper-theme/
– Check those guides : https://web.dev/lcp/ – > https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> > 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/
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!
Unfortunately, the mobile theme won’t work like that. If you uninstall the mobile theme, then you will see that the smartlists will display on the mobile viewport as well.
Actually, we have 3 options 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 the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.
You can choose the mobile version and the menu you want to use. By default, we use option 1 for mobile, and you can customize it from the tagdiv Composer.
Thank you!
Hello @aevtimov !
Actually, we have 3 options 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 the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.
You can choose the mobile version and the menu you want to use. By default, we use option 1 for mobile, and you can customize it from the tagdiv Composer.
Thank you!
Hello Jeremy!
Actually, we have 3 options 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 the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.
You can choose the mobile version and the menu you want to use. By default, we use option 1 for mobile, and you can customize it from the tagdiv Composer.
Thank you!
Hello @sjahan !
Check this guide: https://www.heybooster.ai/insights/7-google-ads-reports-you-need-to-track-to-optimize-your-conversion-rates
I recommend you to track your ads with GA4.
Thank you!
Hello @iamcertifiable !
Actually, we have 3 options 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 the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.
You can choose the mobile version and the menu you want to use. By default, we use option 1 for mobile, and you can customize it from the tagdiv Composer.
Thank you!
Hello @Satheeshraj !
You can adjust it. Actually, we have 3 options 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 the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.
Thank you!
Hello @boubsamy !
Please make sure you use the cloud templates. We recommend using cloud/PRO templates in order to have the possibility to edit them with the TagDiv Composer, which contains a lot of functions and features, Please check our tutorial here: https://forum.tagdiv.com/tagdiv-composer-tutorial/
More documentation about the cloud templates is here:
– https://forum.tagdiv.com/cloud-library-templates/
– https://forum.tagdiv.com/design-post-pages-using-cloud-library-templates/
– https://forum.tagdiv.com/cloud-library-category-templates/
We have 3 options 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 the mobile version 1 or 2, then you need to disable the Mobile Theme plugin.
Thank you!
