Make sure you have installed and activated the Newsletter plugin.
Refer: https://prnt.sc/110giri
Try adding the following code to the root .htaccess file and check if that helps.
<IfModule mod_deflate.c>
<IfModule mod_headers.c>
Header append Vary User-Agent env=!dont-vary
</IfModule>
</IfModule>
All the best.
I am using the same code on some of my websites and it’s working as expected.
Tip: You must remove the old code you have added to theme’s functions.php before adding the code I have mentioned in the previous reply.
Instead of using Async plugin I will recommend using WP Rocket plugin it comes with all the features and options you need to speed up WordPress website.
They also have defer JavaScript option for both internal and external scripts.
They are also working on removing unused CSS code functionality and will be available in coming updates.
Note: This reply contains an affiliate link.
I hope you will find this helpful.
Greetings
Amit
The jQuery file is always being loaded by core WordPress and not by the theme you use.
So, if you are using WordPress 5.6 (older version were using outdated jQuery), then it should load the latest version of jQuery file, which is fully compatible with Newspaper Version 10.3.9 and Version 10.3.9.1
So there is no need to add jQuery to your theme. And the guide you provided is from the year 2019.
If you want to load jQuery directly from Google servers and not from your server (from core WordPress), you can consider adding the following code to theme’s functions.php file.
// jQuery Google API
function infophilic_jquery() {
if (!is_admin()) {
// This will remove core jQuery and load it from Google
wp_deregister_script('jquery');
wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js', false, '3.5.1');
wp_enqueue_script('jquery');
}
}
add_action('init', 'infophilic_jquery');
Tip: You can not cache; add expiry headers to the resources loading from third-party servers. In many cases loading jQuery from Google’s end reduces waiting time and 1 HTTP request to your server.
I hope you will find this helpful.
Greetings
Amit
The correct path for the theme javascript is /wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
For images, consider using any lazy load plugin which uses placeholder. Currently, Newspaper theme is missing browser-level image lazy-loading. [i.e. loading=”lazy” tag]
After you make any changes to the blog, clear all cache and give it some time before you make a speed test.
Greetings
Amit
I will not use Async if that is negatively affecting the user’s experience. You can solve menu loading issue by excluding the theme’s main JS and jQuery from Async.
I hope you will find this helpful.
Greetings
Amit
@rafaellorenzoni
Yea, the latest version of WP Rocket improves overall site speed and server response time.
I have also shared WP Rocket settings for the Newspaper theme in my previous reply to this thread.
Not just cache, it is essential to keep your site protected from attackers and bad bots to keep it running fast and smooth.
Hope this tip will help.
Greetings
Amit
Kathrin,
I have checked your blog. The LCP issue is coming from the title of your blog post.
This generally happens when your server response time is poor.
Solution:
1. Reduce title font size for the mobile version.
2. Protect your blog from DDoS attacks and bad bots. This will definitely improve server response time. (With DDoS attacks https://prnt.sc/w6xktg Score 90-89 Without DDoS attacks https://prnt.sc/w6xlam Score 96-93) [I attacked your site during this test, sorry!]
3. Upgrade to a better hosting plan.
I hope you will find this helpful.
Greetings
Amit
Hi @patrick93
1. Yes, you can add your customized CSS code in the child theme. You should always purge all cache including (browser, CDN, plugin cache) to see the change.
Sometimes you need to add !important tag to force overwrite the existing CSS code.
2. This happens when the original CSS loads before the customized CSS code you have added.
Hope you will find this helpful.
Hi @patrick93
1. Yes, I am using Imagify on some of my and my client’s websites. It is very useful if you have multiple authors and publish multiple stories a day. If you have a single author and have a good knowledge of Photoshop, I recommend using Photoshop to optimize images and make them progressive before you upload them on your server.
2. Yes, if you have local traffic, then there is no need to use Cloudflare. I believe having a Cloudflare free plan in combination with a premium hosting provider is a bad idea.
7. Unfortunately, you can not overwrite mobile theme files using a child theme. You can find style.css file for mobile under /wp-content/plugins/td-composer/mobile/style.css
Tip: If you have the same modified CSS code for both mobile and desktop versions, you can add it to Live CSS. You will not lose this on every Newspaper theme’s update.
I hope you will find this helpful.
Hello @robert-turner
Which links?
Hello, @gumball44
1.) Have you ever tested WP Fastest Cache? What is your experience with it? Especially compared to WP Super Cache.
I have never used WP fastest Cache plugin. I believe the fonts flash you are seeing is because of this plugin. I will suggest using WP Rocket plugin or WP Super cache plugin + Autoptimize Or Fast Velocity Minify.
For me WP Rocket working really well with these settings: https://www.infophilic.com/wp-rocket-settings-cloudflare/
2.) You say that Cloudflare can be used. Is the free version useful here too?
Yes, Cloudflare can be useful when you configure it correctly. For the blog site, free version is enough. But if you want more speed, then upgrading to PRO is a good choice.
3.) What is your experience with Gzip? Is it possible that Newspaper-Theme does not work with GZIP?
Yes, I am using GZIP with a Newspaper theme, and it works without any issue.
4.) By activating plugins my database has grown a lot. In my database there is a lot of data about plugins which I don’t use anymore. Does a large database damage the loading speed?
Definitely, having large options table in database affects site loading speed. You can consider using WP Sweep plugin to keep your site’s database clean. You can also reduce size of tables by removing Orphans options from tables.
5.) A question about the part “Removing Font Awesome”. With the code snippet only the essential icons are loaded. But which icons are essential? All the ones I select in the theme?
This is no more part of Newspaper theme optimization.
6.) You write that there is also a funcion.php for the mobile theme.
Is it possible to overwrite it with a child theme or do you have to add new entries after every update?
For example: Removing Emojis, Removing Font Awesome, or Preload Newspaper fonts.
Unfortunately, you can not overwrite mobile theme’s functions.php file using child theme. Hope, tagDiv team will fix this soon.
7.) There are several ways to add custom CSS. Where do you think it makes the most sense? In the Theme panel under Custom Code? Or rather under WordPress Design > Customizer?
Well, that is completely your choice. Adding CSS in theme panel or customizer will add it as inline CSS code on page. I prefer adding them to child theme’s style.css.
I hope you will find this helpful.
Hello,
Here is a detailed guide on how to activate the Newspaper theme: https://forum.tagdiv.com/newspaper-6-how-to-activate-the-theme/
Hope you will find this helpful.
Hi Fabio,
You can remove the following code from the theme’s style.css file
@font-face {
font-family: 'newspaper';
src: url('images/icons/newspaper.eot?19');
src: url('images/icons/newspaper.eot?19#iefix') format('embedded-opentype'), url('images/icons/newspaper.woff?19') format('woff'), url('images/icons/newspaper.ttf?19') format('truetype'), url('images/icons/newspaper.svg?19#newspaper') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
Note: You will have to remove this code every time you update the theme.
Hope you will find this helpful.
Hey @revyuh
Follow this guide, these settings work well with the Newspaper theme
https://www.infophilic.com/wp-rocket-settings-cloudflare/
Hope you will find this helpful.
Let me know the results.
Hello, @gumball44
Unfortunately, there is no way to avoid this. Newspaper child theme doesn’t support WOFF files to overwrite the main file.
Refer: https://forum.tagdiv.com/the-child-theme-support-tutorial/
You have to replace your modified file every time you update the theme.
Glad I was able to help.
td-composer plugin ads multi-purpose style by defaults in both responsive and mobile theme. If you are using a mobile theme you can remove multi-purpose style from the mobile theme by adding about code to the mobile theme’s functions.php file.
Let me know the results.
My pleasure!
Yes, that’s the correct directory path.
Hi,
You can preload mobile theme fonts by adding the following code to mobile theme’s functions.php file.
// Preload Newspaper fonts for mobile theme
function dns_prefetch_mobile() {
echo "<link href='https://www.YOURDOMAIN.com/wp-content/plugins/td-composer/mobile/images/icons/mobile-theme.woff?10' rel='preload' as='font' type='font/woff' crossorigin>";
}
add_action( 'wp_head', 'dns_prefetch_mobile', 0 );
I hope you will find this helpful.
Have a great day!
Hi,
I am not sure if it will work with a child theme or not. Here is the list of files that can be overwritten by the child theme. : https://forum.tagdiv.com/the-child-theme-support-tutorial/
Yes, you can do the same for the mobile theme.
Unfortunately, there is no plugin to edit woff files. You can consider using any online woff file editor. For example – fontstore[dot]baidu[dot]com/static/editor/index-en[dot]html
Hi @dessy1991
You can achieve this by adding your description in the Yost SEO plugin’s Meta description in Page editor/Post editor.
Refer: https://prnt.sc/v56t5a
I hope you will find this helpful.
Hi @chicky365
Sign in to your WordPress Dashboard and visit the homepage. Now you will see the Edit page option in the top bar. Refer – https://prnt.sc/v56ibg Click that option. It will take you to the normal WordPress editor. Now you can scroll down to the Yoast Section and change the SEO title as per your need. Refer – https://prnt.sc/v56kyf
I hope you will find this helpful.
Hi,
Stopping that file from being load will break the site (Icons on the site).
Yes, You can definitely reduce the newspaper.woff file size by editing it using the WOFF file editor tool.
