- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsWhat is Ajax preloading?
Hello
I am finding it impossible to get the theme to run at an acceptable speed and performance metric.
I have two sites running at the moment. My original live site and the staging site
Live original http://www.techbusinessnews.com.au
Staging test site before moving to live https://www.techpressmedia.com/techbusinessnews/
These are both on the same very fast lightspeed cPanel server.
I have migrated my site data over to the test stage. So it is exactly the same site. Same plugins ect ect
My original site is highly optimised and I have applied all possible optimisations to the staging site
My big issue is un-cached pages.
My life site will load an un-cached page in less than 2 seconds.
The staging site will take up to 7 seconds to load an uncached page.
Strangely enough turning OFF lazyload actually increased performance.
I have plugins down to the bear minimum also
I have manually minified everything
I have optimised images as far as possible
I am using CDN – (But the big problem is dead slow uncached paged and I need to purge often)
I have also come across many bugs. For instance. Bu turning off lazyload this made my admin bar disappear and I had to force it back with this CSS
function admin_bar(){
if(is_user_logged_in()){
add_filter( ‘show_admin_bar’, ‘__return_true’ , 1000 );
}
}
add_action(‘init’, ‘admin_bar’ );
I have been optimising websites for many years heavily. This seems to be the first theme I have come across that loads non cached pages so slowly.
My current live site has constant 98 to 100 page speed and cached and non cached pages. The newspaper theme I cannot get over 60% is giving very poor page experience.
I have also used the CSS analyser on top
I have tested with both litespeed plugins and wp-cache and also using a combo of both for different functions.
I am also constantly having my server resources spike and max out causing 503s
I have done everything possible. No site speed here for non cached pages and also poor metrics
What am I missing with this theme?
Hello @onlineimages!
I’ve tested on my end and for me it’s working well. Please make a test and deactivate ALL plugins except tagDiv ones, also deactivate the cache plugin that you use, and try again.
If the problem persists, then we can take a look at this and investigate why is not working for you. Please contact us via email at contact@tagdiv.com and provide the following:
– admin URL and credentials
– cpanel url and credentials
– a link to this topic in order to identify you
Thank you!
Hello,
Have you tried to see that this issue is not caused by a plugin conflict?
Usually, this issue is caused by a plugin conflict, please do a test using the theme plugins, clear all cache and see if the problem persists.
Also, please check this article https://www.wpbeginner.com/wp-tutorials/how-to-fix-wordpress-updating-failed-publishing-failed-error/
Thank you!
Hello,
The link works -> https://i.imgur.com/UnijrOT.png
This is the answer ” You need to add the favicon, in Theme Panel -> Header -> Logo and Favicon => https://www.screencast.com/t/H4ucPC2wwz
Also, on the homepage there’s an option Customize icon => https://www.screencast.com/t/I2uVvP4b -> Site identity -> Site icon -> Change image -> publish => https://www.screencast.com/t/lY9WEOZEj
Please make sure that you have cleared your cache.
I just checked your website and now the favicon is displayed -> https://www.screencast.com/t/BlH5EOix8P on desktop
Also, you can check this article https://developers.google.com/search/docs/advanced/appearance/favicon-in-search”
Thank you!
Hi @Bettina
The gradient slider is functioning fine, and adjusts the gradient without any problems, the menus & search just aren’t transparent. Cache has been cleared etc, incognito used, still the same issue.
Is there any additional css that can be added in order to fix this? It seems to have happened when AMP was enabled.
Thanks!
Hello @yourexpatfinance!
Please make sure you have the Newsletter plugin installed and active. The issue with the duplicate text it could be from the cache plugin that you use, a plugin conflict or something that can interfere in our theme: https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/.
Please make a test and deactivate ALL plugins except tagDiv ones, also deactivate the cache plugin that you use, and try again.
Let me know the results!
Thank you!
Hello @frasl!
Try to drag this to the left https://prnt.sc/5KQ0rT0Va7l4 till will be transparent.
Make sure the issue is not from a cache problem, plugin conflict or something that can interfere in our theme: https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/. So, please make a test, deactivate the cache plugin if you use, deactivate ALL plugins except tagDiv ones and try again in an incognito tab.
Let me know the results!
Thank you!
Hi @Bettina,
This is how it was set, and previously was functioning fine. It appears the mobile theme is using the colour settings from “Mobile theme -> Theme colors -> Mobile menu” as one of the colours was altered a while ago, which is displaying as specified.
The transparency/gradient was already set as default which had never been altered before or after the transparency broke, and was around .6-.7? I’ve since reduced that to .5 in both instances as you suggested, cleared cache, but it’s made no difference.
Website: https://thebetmatrix.win/?amp
Thanks!
Hello @sekhar!
Access the category pages from your website and click on the green button “Edit with the TagDiv Composer“.
This situation appears when you are using the mobile theme plugin and the cache plugin that you have does not feature options for a separate mobile theme plugin therefore do not know when to deliver the mobile version and when to deliver the desktop version.
We tested with our theme the WP Super Cache and with the settings from our guide this is working correctly: https://forum.tagdiv.com/cache-plugin-install-and-configure/
If the problem occurs, then make sure you haven’t extra non-tagdiv plugins which are not tested with our theme and re-install the Mobile theme plugin.
We have 3 options of mobile versions that you can use:
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/design 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/ and https://forum.tagdiv.com/mobile-theme-introduction/
A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY
You can choose to use which one is more affordable and useful for you.
Thank you!
Hello @gamersrd!
Check this article, it could help you: https://www.andraware.com/wp-rocket-for-newspaper-theme/
We recommend using only one cache plugin, the WP Super Cache plugin with this configuration: https://forum.tagdiv.com/cache-plugin-install-and-configure
Thank you!
Hello @KasperMeisterhaft!
It shouldn’t cause any trouble. I recommend you to try this method for the theme installation: https://forum.tagdiv.com/install-via-ftp/
Make sure that all the requirements are done as you can see here: https://forum.tagdiv.com/requirements-for-newspaper/
If the problem persists, then the issue can be from a plugin conflict or a cache issue, that’s why, we recommend first to deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it and see the results.
Thank you!
Hi, it looks like the plugin WP Rocket (the only one for Cache i have) is the problem. Tried on my browsers as incongnito and Menu worked perfectly. In this case, do you recommend a Cache plugin compatible with your theme?
Hi guys,
When I make updates to a page and then check on my or any phone the updates show great.
But not the home page updates. I tried to clear the cache etc.. all things I DONT need to do on all the other pages after an update.
Not sure what to do to make home page edits show up on mobile devices.
https://okcgnosis.com/
Also on this page https://okcgnosis.com/gnostic-courses/ the register button works perfect on desktop, but on mobile it goes t the 404 page – trying for days to figure this out.
Ben
Hello @estaths!
1. This request is on our improvement list.
2. Yes, the article subtitles do not work in post grids.
3. In order to have modified date, make sure you select Show date from the Layout tab.
I just test it on the latest version of the theme 11.4.2 and this is working perfectly.
For example: an article is from 11.03 and the modified date is 14.03. So, the modified date 14.03 should be displayed only when the option is on.
Please make sure it is not about cache. Deactivate the cache plugin that you use and see the results.
Thank you!
Hi,
I just made some tests and for me the mobile page looks like this https://i.imgur.com/aiBK36N.png it is this like it suppose to be? If not, can you please provide a screenshot on how should be!
Also, if you want you can make a test without cache plugin or maybe logged in (to not use the cache) and see if is delivered the right version for the mobile.
Thank you!
Hello @kimstipguide!
Please re-install the Cloud Library plugin. Make sure the issue is not from a cache problem, plugin conflict or something that can interfere in our theme: https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/. So, please make a test, deactivate the cache plugin if you use, deactivate ALL plugins except tagDiv ones and try again in an incognito tab.
Let me know the results!
Thank you!
Hi,
Yes, you can share it via email contact@tagdiv.com, just add the link of this topic too.
When the mobile version is on desktop, usually is a problem with the cache plugin. Most probably you are using the mobile theme or mobile page template and the cache plugin that you have do not recognize it. Most of the time this is solving by enabling from the cache plugin the mobile support. We recommend to use Wp Super Cache plugin.
Thank you!
Hello @GamersRD!
This issue seems to be from a cache problem or something that can interfere in our theme: https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/. So, please make a test, deactivate the cache plugin if you use, and try again in an incognito tab.
Let me know the results!
Thank you!
Hi,
If the changes are saved but after page refresh old settings are back, then it is possible that the changes to be delivered from an object cache.
Also, some times can be a plugin conflict, so you can also make a test using only tagdiv plugins.
On this post https://www.rcrwireless.com/qualcomm-analyst-day-2022 you have set a different header per single post template and this is also set on the mobile using the same element from desktop and not the mobile menu (you can edit it using tagDiv Composer) -> https://i.imgur.com/qExqf5r.jpg -> https://i.imgur.com/w00kC00.png
Thank you!
Hi guys
I tried hard to get good results with WP super cache, but on mobile this solution doesn’t seem to work fine.
So I’m triyng with WP-Rocket which boosts my performance by 15 point on google page speed.
Further optimization could be done with the “remove unused css” feature, but there is a problem with loading some images.
This seem due to a feature in Style.css sheet. Can you help me ?
I paste the solution from wp-rocket support.
thank you in advance
Max
sample page: https://www.massimobasso.com/partire-per-gli-stati-uniti-le-cose-importanti-da-sapere/
—-
I reproduced the problem on my testing environment and found the root cause of the issue.
The issue was caused by Remove Unused CSS feature in WP Rocket, but it is coming from an underlying issue in one of the stylesheets.
This stylesheet: https://www.massimobasso.com/wp-content/themes/Newspaper/style.css?ver=11.4.2 contains an error.
It has a non-valid value width: auto\9;.
Please see the validation error report: https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fwww.massimobasso.com%2Fwp-content%2Fthemes%2FNewspaper%2Fstyle.css%3Fver%3D11.4.2&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en
The \9 is a hack to make the rule only readable by IE8 up to IE11.
This error is negated on the non-cached page. The browser simply removes this non-existing value.
See the screenshot: https://i.imgur.com/NpugXvX.png
When Remove Unused CSS is enabled and the stylesheet is processed, the value is parsed as width: auto; and added to the Used CSS this way. This value is valid and therefore it is preserved by the browser. But the presence of this value breaks the layout.
See the screenshot: https://i.imgur.com/kcnZ97U.png
The solution would be to resolve the underlying error in the https://www.massimobasso.com/wp-content/themes/Newspaper/style.css?ver=11.4.2
stylesheet.
Removing width: auto\9;
line from the CSS stylesheet will resolve the problem for you.
The issue will be back when you update Newspaper theme. You would need to remove the line again.
Thanks for the swift reply Alex. That was the answer and solution I was looking for. Although I only cleared WordPress cache and my own browser cache. Anyway, it works like it should again, so thanks for taking the time to help me out here Alex.
Titles H2 / 3/4 / etc. they have been corrected in size with the latest update. You try to deactivate “tagDiv Composer” (plugin), clear the cache and then reactivate the plugin.
Hello,
Have you tried to see that this issue is not caused by a plugin conflict?
Usually, this issue is caused by a plugin conflict, please do a test using the theme plugins, clear all cache and see if the problem persists.
Thank you!
Hello @pratiek!
It could be a plugin conflict there or something that can interfere in our theme: https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/, so please make a test and deactivate ALL plugins except tagDiv ones, also deactivate the cache plugin that you use, and try again.
Enable the sharing feature on mobile theme + AMP from Theme panel -> Mobile
Theme -> Post Settings -> Sharing.
Yes, you’re right they do not appear on AMP. I’ll address this issue to our developers.
Yes, we implemented it in the new update.
Thank you!
