- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hello,
I just checked your website, and seems that you need to optimize the images and the scripts https://www.andraware.com/wp-rocket-for-newspaper-theme/
Thank you!
As you can see, my site is pretty well optimized outside of the layout shift and total blocking time. I’ve done some research on both, but I’m still pretty confused on how to improve both of them. Could really use some help on how to optimize them.
Everything is structured really well outside of the layout shifts.
And below shows the largest layout shifts contributing to the high 0.32 number.
Site URL: Dirty Politix
Yes, but is one mobile option optimized for speed and video content more than the others? Thank you.
Hello!
We’ve discussed this issue here:
– https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
– https://forum.tagdiv.com/topic/sql-querys-high-cpu/
The tagdiv composer is the main plugin of the theme and contains a lot of features and multiple options in order to customize your website. Without it, the cloud templates are not displaying at all. I recommend using fewer features: https://forum.tagdiv.com/what-is-ajax-preloading/ and try to optimize your website. Please make sure that all the requirements are met, as you can see here: https://forum.tagdiv.com/requirements-for-newspaper/
I also recommend to use the latest update of the theme and plugins.
Our developers are aware of this issue and try to synthesize the composer in each update, which is big, and fix the major problems of the theme and speed.
Thank you!
Hello!
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.
You can use it on any version you like the most because you will add the content in Gutenberg.
Thank you!
There’s a lots of request made to the SQL Database requested at the same time thus rate limiting issue is happening on the site.
WordPress database error MySQL server has gone away for query SELECT post_id, meta_value FROM 3cEugTXx_postmeta WHERE meta_key = ‘_wp_attached_file’ AND meta_value = ‘https://noticiasnrt.mystagingwebsite.com/wp-content/uploads/2022/01/BackS-300×169-1.png’ made by require(‘wp-blog-header.php’), require_once(‘wp-includes/template-loader.php’), do_action(‘template_redirect’), WP_Hook->do_action, WP_Hook->apply_filters, cnfp_template_redirect, include(‘/plugins/colorlib-404-customizer/includes/colorlib-template.php’), get_header, locate_template, load_template, require_once(‘/themes/Newspaper/header.php’), do_action(‘tdc_header’), WP_Hook->do_action, WP_Hook->apply_filters, {closure}, require_once(‘/plugins/td-composer/legacy/Newspaper/header.php’), wp_head, do_action(‘wp_head’), WP_Hook->do_action, WP_Hook->apply_filters, td_background->wp_head_hook_background_logic, attachment_url_to_postid
WordPress database error MySQL server has gone away for query SELECT post_id, meta_value FROM 3cEugTXx_postmeta WHERE meta_key = ‘_wp_attached_file’ AND meta_value = ‘https://noticiasnrt.mystagingwebsite.com/wp-content/uploads/2022/01/BackS-300×169-1.png’ made by require(‘wp-blog-header.php’), require_once(‘wp-includes/template-loader.php’), include(‘/plugins/td-cloud-library/wp_templates/tdb_view_single.php’), get_header, locate_template, load_template, require_once(‘/themes/Newspaper/header.php’), do_action(‘tdc_header’), WP_Hook->do_action, WP_Hook->apply_filters, {closure}, require_once(‘/plugins/td-composer/legacy/Newspaper/header.php’), wp_head, do_action(‘wp_head’), WP_Hook->do_action, WP_Hook->apply_filters, td_background->wp_head_hook_background_logic, attachment_url_to_postid
One thing we’ve identified is that the Newspaper theme is making some very lengthy and expensive database queries that slow down page loads and may be contributing to elevated SQL CPU usage.
For example, on the homepage the Newspaper theme runs the following code.
require(‘wp-blog-header.php’), require_once(‘wp-includes/template-loader.php’), include(‘/plugins/td-composer/legacy/Newspaper/page.php’), get_header, locate_template, load_template, require_once(‘/themes/Newspaper/header.php’), do_action(‘tdc_header’), WP_Hook->do_action, WP_Hook->apply_filters, {closure}, require_once(‘/plugins/td-composer/legacy/Newspaper/header.php’), wp_head, do_action(‘wp_head’), WP_Hook->do_action, WP_Hook->apply_filters, td_background->wp_head_hook_background_logic, attachment_url_to_postid
Which also executes the following query.
SELECT post_id, meta_value FROM 3cEugTXx_postmeta WHERE meta_key = ‘_wp_attached_file’ AND meta_value = ‘https://noticiasnrt.com/wp-content/uploads/2022/01/BackS-300×169-1.png’
This is a very expensive and lengthy query, especially on a site of this size.
In some cases, it might take over 2 seconds for that code and query to complete because it is not optimized and likely doesn’t have database indexes that would help speed it up.
it seems that the problem originates from the td-composer plugin. Would it be alright if I deactivate it temporarily?
PHP Fatal error: Uncaught Error: Failed opening required ‘/srv/htdocs/wp-content/plugins/td-composer/legacy/common/wp_booster/td_page_views.php’ (include_path=’/:.’) in /wordpress/core/6.4.3/wp-includes/template.php:790 Stack trace: #0 /srv/htdocs/wp-content/plugins/td-composer/legacy/common/wp_booster/td_autoload_classes.php(42): load_template(‘/srv/htdocs/wp-…’, true) #1 /srv/htdocs/wp-content/plugins/td-cloud-library/wp_templates/tdb_view_single.php(111): td_autoload_classes->loading_classes(‘td_page_views’) #2 /wordpress/core/6.4.3/wp-includes/template-loader.php(106): include(‘/srv/htdocs/wp-…’) #3 /wordpress/core/6.4.3/wp-blog-header.php(19): require_once(‘/wordpress/core…’) #4 /wordpress/core/6.4.3/index.php(17): require(‘/wordpress/core…’) #5 {main} thrown in /wordpress/core/6.4.3/wp-includes/template.php on line 790
Hello,
Please enable this option for the single post featured image https://i.imgur.com/hKSRSOZ.png
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!
For all WP Optimize users, just change a setting in the plugin:
Under Cache >> Advanced settings, enter text ‘is_front_page’ (without ”) in Section “Conditional tags to exclude from caching”
That works fine!
See also the WordPress Developer pages @ https://developer.wordpress.org/reference/functions/is_front_page/
Hello @Anamaria,
Now you have shared a screenshot with a good INP score for desktop. Nobody reported that there was an issue with a poor INP score. So this is irrelevant.
As previously stated twice: The issue is with INP on mobile. The issue is with Newspaper theme. Your main demo that is “optimized” does not meet the required criteria for origin.
You can deny it as much as you want, try to confuse by involving prebuilt websites that no one mentioned, blame it on ads etc.
Either way, it doesn’t change the fact that the issue is with the theme.
Another very important aspect is that we offer free support to you by testing and outlining the bugs and issues in your theme so you can improve it.
Hello @Alex,
If you use ads, it’s your own choice, which is unrelated to the theme. Yes, we have several demos with good scores, and they are optimized, but it’s still recommended to make configurations and necessary optimizations regardless of which prebuilt website you use.
INP is related to mouse clicks, taps, and key presses. Now, if you have pop-ups with ads, it’s your choice. As I’ve mentioned before, you need to make the necessary optimizations regardless of which prebuilt website or theme you use https://i.imgur.com/z9rLkxK.png
Another very important aspect is that we offer support, even if you haven’t extended the support, and we try to help, and even page speed is not covered by the support team.
Thank you!
Trust me, we’ve all been there!
The reason I zero out the default thumbs is that we don’t use them for anything once we optimize the modules/blocks from the theme. Also, there is a function hook you can add to your functions file or custom plug to disable the stupid thing WP added couple versions back, where they add -01 to every file.
mynewimage-joesmith-800×600.jpg
becomes
mynewimage-joesmith-800×600.jpg
mynewimage-joesmith-800×600-01.jpg
mynewimage-joesmith-400×300-01.jpg
mynewimage-joesmith-200×150-01.jpg
Freakin annoying.
Hi Anamaria,
Yes the issue is the cache function of WP Optimize.
If the cache plugin is causing this, why does the random display function work well if I am logged in backoffice (with caching active)?
Can you suggest another cache plugin that will do the job, or should I just use the cache function of Newspaper itself only?
Hello @Alex
I checked your website and it seems that you run ads, to reduce the resources, I recommend using WP Rocket plugin to optimize the scripts https://i.imgur.com/CXm3M4A.png -> https://pagespeed.web.dev/analysis/https-www-fightmag-com/4cmtkp35p0?form_factor=mobile
Also, please enable this option for the single post featured image https://i.imgur.com/hKSRSOZ.png
Furthermore, we make modifications and optimizations, but this is not just about the theme and the server you have, what plugins you use, and what optimizations you have made.
Thank you!
Hi,
Please edit with tagDiv Composer -> https://i.imgur.com/j8YvKks.png click on the block and remove the offset -> https://i.imgur.com/dJ0iFQu.png let that field empty.
Please enable this option for the single post featured image https://i.imgur.com/hKSRSOZ.png
Page speed optimization results are influenced by a large number of factors like your server performance, the number of external scripts loading on the website (ads, fonts, tracking codes, external resources, plugins), the size of the images, the number of elements on a specific page, caching solution, and many, many more.
Now, also, you have a good score for mobile https://i.imgur.com/Rs31PSB.png
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!
Hi,
You can upload fonts via theme panel and then preload them via autoptimize plugin. There is official Newspaper documentation for this.
Hi,
Page speed optimization results are influenced by a large number of factors like your server performance, the number of external scripts loading on the website (ads, fonts, tracking codes, external resources, plugins), the size of the images, the number of elements on a specific page, caching solution, and many, many more.
Now, also, you have a good score for mobile https://i.imgur.com/Rs31PSB.png
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/
Thank you!
Hello,
Due to the fact that it was added recently, we cannot yet say what steps we have to take to optimize it. From what we have checked, you have an average score of around 230ms on websites, which can be subject to change in the future and potentially be lowered.
Thank you for understanding!
Hello,
I noticed on all my NewsPaper Themed websites (7 websites with different structures), that since Google update on their Core Web Vitals Assessment, the status on Mobile is Failed because of Interaction to Next Paint (INP). On Desktop it’s fined.
I’m using WP Rocket to make sure everything is optimized but it looks like it’s not enough to fix the issue.
I’m sure your team is looking into that, and maybe you have an estimated time of update to fix this ?
Please don’t answer anything like “have a look at those links to optimize speed”, nor write me “speed is not part of our assistance”.
Thanks
I guess, you did not understand my point here. The issue is website does not work at all and returns Time out error.
I have tried increasing the values of the recommended PHP/Apache configuration but still the error is showing up.
Below is the log after which the site stops working.
PHP Fatal error: str_replace(): Cannot use output buffering in output buffering display handlers in XXX/wp-content/plugins/td-composer/legacy/common/wp_booster/td_resources_optimize.php on line 171
Need this to be resolved at the earliest.
Hello @DKF!
Check these guides: https://forum.tagdiv.com/loading-image-effects/ -> https://forum.tagdiv.com/what-is-ajax-preloading/ -> https://forum.tagdiv.com/autoptimize-install-configuration/
I hope that helps you!
Thank you!
Hello Ameet!
The error appears only if you are logged in as an admin. So, you should edit this page with the TagDiv Composer and add an image to every element in order for it to be displayed on your frontend.
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 mobile version 1 or 2, then you need to uninstall the Mobile Theme plugin and AMP.
Any other plugins that are not official were not tested with our theme, and we do not recommend them.
Thank you for understanding!
Hello @bettina, I don’t think you need to have admin access to tell me to exclude javascript files the newspaper theme is using. To identify me, use the active product key in my profile.
However, this is solved by replace Breeze with WP Super Cache combined with the Autooptimize plugin. In addition, my site went from D to A score.
Hello Gaurav!
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 mobile version 1 or 2, then you need to uninstall the Mobile Theme plugin and AMP.
Thank you!
I’ve just deleted the SG Optimizer plugin, installed the WP Super Cache and used it for clearing everything. No effect 🙁
Do you happen to know what’s the OMGF Plugin is? May it cause the issue?
Thanks!
UPD: Great news! I decided to remove the OMGF Plugin, and now everything seems to be running smoothly.
Hello!
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 mobile version 1 or 2, then you need to uninstall the Mobile Theme plugin and AMP.
Thank you!
