No search results were found in Documentation!
Agreed Chris.
But now, how to revert back?
Any modification required in minify.php?
I think the root casue may be W3 Total Cache Javascript minification.
I have disabled minify option, even disabled and delete the plug in.
But things have not changed. How to restore ?
The CSS Minify may not be needed because these days, The CSS files are optimized and minified already.
I recommend and use Cloudflare, but not W3TC though, don’t use anything except WP Super Cache, you won’t like the results.
I have tried them all except WP-Rocket, I am yet to test that plugin.
Cheers
Silly question, but wouldn’t you have to do this copy/paste procedure every time Tagdiv releases a new version of the theme?
I’m currently relying on CloudFlare to minify the files in their cache since W3 Total Cache minification breaks the theme. I’m planning to experiment with Autoptimize to see if it’s any better.
Hi
Unfortunately we have no tested solution to minify the css without problems. There are multiple plugins that have this option but they do not seem to work 100% for everybody. Try a few of them out with a bit of trial and error and see which one does not create any issues on your website.
Thanks!
Hello,
Unfortunately we have no tested solution to minify the css without problems. There are multiple plugins that have this option but they do not seem to work 100% for everybody. Try a few of them out with a bit of trial and error and see which one does not create any issues on your website.
Thank you!
How to minify style.css in Newspaper theme?
Hello, In as much as I would want payment in order to help you speeden up your site, I will give you my own guide for free.
Okay, just try this Optimization tips, It is a post in this forum.
I hope it helps you like it did me.
My pagespeed are 🙂
Cheers, I won’t mind a payment though 😉
Happy holidays
Hello Rasken,
Please tell me what kind of header style do you use? I need to know this because depends then I try to change the color of the hover and the classes are different.
If you are using header style to default, you should try the code below to change the hover color, like this:
.menu-item-913:hover {
background-color:red;
}
The result: http://screencast.com/t/qeroQ2Ml2
If you are using, for example header style 3, it is a bit more complicated because appear a lot of classes, like this:
.td-header-style-3 .black-menu .sf-menu > .current-menu-item > a, .td-header-style-3 .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-style-3 .black-menu .sf-menu > .current-category-ancestor > a, .td-header-style-3 .black-menu .sf-menu > li > a:hover, .td-header-style-3 .black-menu .sf-menu > .sfHover > a {
background-color: red!important;
}
The result: http://screencast.com/t/Lweewp77j
As default font, our theme use ‘Roboto’ and ‘Open Sense’.
For more information about pagespeed, please check our tutorial here: https://forum.tagdiv.com/how-to-make-the-site-faster/
About your second request, you can try to do minification to style.css to improve your website speed. We do not recomend this thing because it is possible to appear some errors in our theme but you can try to do this. We have reports about this that function properly. As reference, you should check this tutorial http://screencast.com/t/lgzXo4l8iG and also you should find a plugin to do this for you.
You can do a quick search through the forum to see other tools you can use: https://forum.tagdiv.com/search/minify/
Hope this helps and let us know how it goes!
Thank you for the message!
Okay, i was frustrated as you are now.
but here is what worked for me, https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
Just do it and tell me of the speed changes., if it does not work, I am still here to put you through.
Haha Chris, your site which i use as a model is still incredibly faasst!, mine is fast though but not up to 90 yet 🙁
So what am I missing yet?
This is what helped my site become as fast as possible even hitting up to 85+ on Pagespeed.
https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
I hope this helps you.
Very simple.
Did you directly modify the theme files without the use of a child theme?. In my case I manually modified the theme’s style.css, so when I update the theme, I simply go back and minify the css file over again.
So the simplest means to update the theme and not lose your designs and settings or modifications is to simply change the theme to maybe a default one, then delete the Newspaper theme and install the theme directly in the Appearance>theme>add theme . Don’t sweat it, your settings are not lost.
Or you simply update it via FTP. Tagdiv have a nice tutorial to help you out. https://forum.tagdiv.com/how-to-update-the-theme-2/
Have a wonderful day.
Oh, and here is link to the JS COMPRESSOR that I use ::
(quoted from my optimization thread of dooooom)
CLOSURE COMPILER FOR JS
Google has started recommending a program (Closure Compiler) to manually minify js files which uses “latest methodologies”
https://developers.google.com/speed/articles/compressing-javascript
and the online UI:
http://closure-compiler.appspot.com/home
Heh …. well, the short version would be … just install the main theme, don’t use child theme at all; don’t even upload it. (I don’t use child themes on ANY of our sites or client sites.) So, this way you have one set of things to optimize, manually minify, one set of functions, css, etc.
Just keep track of snippets with a map of which files/customizations you do. SO, when there is theme update you can paste in your functions.php changes into new file, for example; or if you mod the main style.css – make not of what you changed (e.g., search/replace default fonts). Use a good text editor with line numbering — so, you keep track of “I edited the hook at line 55 in file /theme/includes/td-whattheheck.php” etc.
Faster – no CSS redirect from child to parent; no mix of files, smaller to do backup of your site via FTP, blah blah blah.
So – that was short version. Long version would contain a lot of other commentary you don’t need to hear from me on this topic 😉
If you look/search for my ‘Chris’ optimization’ post in the newsmag forum, I point to a working solution (recommended by Google!) to properly minify .js by reading it semantically and functionally and re-encoding it, vs the dumb way of simply removing spaces and line breaks as with CSS minification — which is why it never works right with most tools (not even mod_pagespeed does it consistently right).
I don’t have the link handy but it’s in my optimizations thread which you can search for since it’s no longer ‘sticky’ here. 🙂
It’s the only tool I’ve found the past 5 years that WORKS.
Thanks I figured it out. There was a conflict with W3 Total Cache Minify. I disabled Minify and its all working again.
Hello,
Unfortunately javascript minify options create multiple issues. Indeed the lazyload breaks first but you need to check other parts of your website as they may be affected as well. Unfortunately the theme uses only one js file so parts of it cannot be excluded. You can check the minify process and check the file to see if it removes parts of the code as well. You will see errors in the console about it. Unfortunately we cannot recommend any minify plugins as most of them created errors. If in your case only the lazyload animation is causing problems, simply disable this option from the theme panel. Alternatively you can use other minify plugins to see if others create this issue as well.
Thanks.
1. Okay on the GTMetrix, you will see a Minify CSS. click on “see optimized…”. You will copy it and then go to your Editor, select or clear the style.css, then paste the minified css.
2. Search for EWWW image optimizer plugin, install it and “Bulk optimize” all your images.
3. Then search for Regenerate Thumbnails Plugin. You should Regenerate your thumbnails that way they will fit in your blocks.
4. Download WP Super cache and set it up, use mod_rewrite, it is the fastest.
5. You should get Cloudflare, and set it up as well then click on minify css and javascript but not html because WP Super Cache handles that for you.
All these should reduce your page size and increase your pagespeed.
All these settings I gave you made me score 90+ on desktop and 70+ on mobile before i added the Ads 😉
Factwide is my website, you can test its pagespeed to verify my claims.
NO themes I’ve used in the past 10 years auto-minify the css and js — as this allows developers, and others to be able to edit/modify without decoding.
You can manually minify your files if you wish. very simple to do.
Some js cannot be auto-minified. Simply does not work. There are tools which compress js very well — I mention one in my sticky post on WP optimization here in the forums. Ooops, it’s no longer sticky.
But if you search for Chris’ optimizations — should find it 🙂
Finally figured out why my images weren’t loading on my home page – w3 total cache and minification. Switched to WP Super Cache and tagdiv speed booster and manually added caching and compression to my site, and it’s a fair score for Google Page Speed, but not great.
Realized WP Super Cache doesn’t do minification, and neither does Speed Booster.
I’m going to test Better WordPress Minify.
Just wanted to say I’m disappointed that Newspaper doesn’t handle auto minification. Removing whitespace in CSS or JS shouldn’t break functionality.
Before I added Google Ads, my pagespeed was incredibly close to 90+, flunctuating between 85-90 then on Mobile was just a measly 65-75
Not too bad for now. How did I accomplish it.
1. Bulk Optimize your images with EWWW Image optimizer.
2. Use the regenerate thumbnail plugin to regenerate your thumbnails so that they can fit properly in the blocks.
CSS Minification made easy.
3. Go to GTMetrix and Analyse your URL.
4. You should see a Minify CSS followed by a percentage. Click on it to see more of the recommendation.
5. You will see your theme’s style.css in my case it was /…/Newspaper/style.css?ver=6.6
6. Click on see optimized version. It will open in a new tab with your CSS minified.
7. You select all ( Ctrl+A) and Copy (ctrl+C) then go to your theme editor (ie Appearance> Editor) in WordPress. then your style.css, you select all again and Paste (Ctrl+V).
That is it!.
This is just my way of giving back to everyone here that finds time to answer my silly questions and help me out in their little ways. Tagdiv support team, you guys rock, and Chris S as well.
Oh, and my site, Factwide, is proudly Tagdiv Newspaper!.
Recently i installed W3 Total Cache and enabled Minify. After I enable JS Minify all images show Blank Space. Then i tried disabling Image Loading – Animation (Lazyload) and all images started showing again. So there is incompatibility between JS minify and Lazyload.
Can you please suggest me which Javascript is used by Lazyload so i can exclude it by adding it in Never minify the following JS files:
Hello,
Unfortunately there is no quick solution fort this. You will have to use another minification tool. Unfortunately we cannot make any suggestions as most of them create problems with our theme. You can do a quick search through the forum to see other tools you can use: https://forum.tagdiv.com/search/minify/
Thank you!
No new plugins were installed before the update.
However, I disabled BWP Minify’s auto-minify for JS option – and it is now fixed.
This is of course not desirable, I guess this is something to do with new Java implementation of yours.
Which JS component should we ignore to overcome this issue, instead of disabling all minification?
Hi
Thanks for your help.
It was a problem with a WP Minify Plugin.
Now everything OK !!
See You
