Welcome @gumball44
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.
What do you mean ? Is there a plugin to edit this file ?
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
Do I have to put the modified file in the child theme ?
Do you think I can do the same for mobile version ?
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.
Hi, I made last update but my modified newspaper.woff file has been removed, how can I avoid it ? Thank you
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.
Hi,
if I do not use icon present in the woff file, how can I avoid to load this file?
thanks
fabio
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.
Hello Amit,
thank you for your great work!
I read through your article (https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/) and did a few things.
But I also have a few questions.
But first a question, why I came across this topic at all:
In the first miliseconds of the loading process of my website a different font flashes. This is extremely annoying. Do you know how to prevent this?
Look here: modusx.de (Screenshot: https://nimb.ws/TBdEAD)
1.) Have you ever tested WP fastest Cache? What is your experience with it? Especially compared to WP Super Cache.
2.) You say that Cloudflare can be used.
Is the free version useful here too?
3.) What is your experience with Gzip? Is it possible that Newspaper-Theme does not work with GZIP?
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?
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?
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.
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?
I look forward to an answer from you.
Best regards
Patrick
“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”
Hi @Amit, do you think we will be able to avoid this problem in future ? Thanks to Tagdiv team ?
Your links arent loading Amit. Can you place normal URL’s
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 @robert-turner
Which links?
Hi @Amit-2
1.) Thanks for your help. I am now using WP Rocket.
WP Rocket recommends imagify to me. Can you say something about this?
I always compress my images myself to the appropriate size. Does the plugin then still make sense?
2.) I have heard that Cloudflare is unnecessary if you have a national site. Without visitors from other sites. What is your opinion on this?
3.) Thank you!
4.) Thank you. I will try WP Sweep.
5.) Ok Thanks.
6.) Ok thank you. Hope too 🙂
7.) Style.css from the child theme only affects the desktop template, right?
The mobile theme remains unaffected? Is there a .css file in child theme for mobile template?
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.
Thank you very much @amit-2
Two other questions 😀
1.) Can I add in the child theme style.css only styles related to the theme? My style.css is not working. Anything I add has no effect.
2.) You mean that it doesn’t matter where you put the CSS.
“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 have had a different experience here.
If I set the page title (look here: https://nimb.ws/7PYUGZ) to display none.
If I do that via Theme Panel Custom Code you can see the title flashing briefly > https://streamable.com/g3fi10
If I do that via Design > Customizer > Custom CSS, you don’t see any blinking > https://streamable.com/s8ny2z
Can you explain this to yourself?
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.
Dear @Amit you always such great tips to get Newspaper Theme faster. I did everything that was possible (Page Speed is now 94/99 without AdSense) but I have a big problem with the Largest Contentful Paint (the new ranking factor). It’s pending between 2,3 and 3,1 seconds since the last Google Core Update. Most of the time the LCP is over 2,5 seconds and I get the information that I have to improve my sites. But should I do? A test with GMetrix has shown that there are a lot of fonts, CSS and JS is loaded. I have disabled all Google Fonts.
Which part of the theme causes the large LCP?
Greetings Kathrin
I’m using wp rocket, so i can have good scores even with adsense because of the delay javascript function, but my Largest Contentful Paint is not good too, but only in Page Speed Insigths, in GTmetrix is all in green… I too want to see what you guys have to say here about a way to improve the Largest Contentful Paint in Newspapper theme.
Thank’s
