No search results were found in Documentation!
I was trying to minify the CSS on the NewsMag, but noticed that even if I use Autoptimize for creating a single and Minify CSS, the NewsMag is loading a full CSS within the HTML of the front page and the posts. I try even disabling all plugins except Visual Composer and this problem is still there.
This is some kind of redundant code I guess, so how do I get it off?. I scan your code on https://demo.tagdiv.com/newsmag/ and is certainly very clean of this redundant CSS.
My website: https://www.tekcrispy.com and if you scan the code, the CSS I’m referring to start at the line ~120 of the source code.
Wow .. Can’t thank you enough.. I followed all judiciously and I am amazed at my google page speed load for mobile 84/100 which is not bad at all … Left with optimizing desktop page speed >> 68/100–
Can you show me how to download the minify files or any knowledge base on that ? Good at following steps …Thank you and sorry to bother you once again
Nope,
If you minify style.css file then you need to upload it in themes/newspaper/
Link to the tutorial – https://goo.gl/TRqJQ4
It will not affect page speed load.
If you see CSS OR js minify error in Google Page Insight. Simply download minified files and upload them using FTP.
Thanks Catalln!!
Sadly, Im not a programmer and I dont know what css I have to minify and where I have to paste it in the code later.
Exist another automatic option?
And last question:
How I cant move the java and css scriptos to the footer?
Thanks a lot
Hello harmario,
To minify the CSS, use the following tool – http://cssminifier.com/ Also, please notice that the W3 Total Cache plugin is not tested with our theme and we do not recommend this because it might cause a lot of unknown issues.
Thanks for the message!
Hi!
I´m trying some plugins to minify CSS and improve the load page time but with W3 Total or any plugin, the website looks like if I view thw website like Google, I mean, like if I type cache:miwebsite.com.
Any help?
Thanks
@ Catalin,
I tried to edit the code as you suggest and then activate the plugin. I think it is working.. and without issues… i did not get any alert or site break / FOUC …
AMP is good with the theme, and i think with the optimizer following 2 has become green in pagespeed.
Minify HTML
Your HTML is minified. Learn more about minifying HTML.
Minify JavaScript
Your JavaScript content is minified. Learn more about minifying JavaScript.
The above result PageSpeed Insights of Google is only 28 / 100
Please fix it to meet atleast 95/100 or return the payment. Thanks
Suggestions Summary
Should Fix:
Enable compression
Show how to fix
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Show how to fix
Minify JavaScript
Show how to fix
Minify CSS
Show how to fix
Consider Fixing:
Reduce server response time
Show how to fix
Leverage browser caching
Show how to fix
Minify HTML
Show how to fix
3 Passed Rules
Show details
@ Catalin,
Thank you. I will try to go with the workaround. Speed improvement is important.
As you mention, the AMP plugin is working with the theme, if possible, can you include in the list of validated plugins, so it is not showing with flagged message in the Status Window. For new people like me, it will be very helpful. 🙂
@Chris S,
Thanks for the tip. Great to see inputs from people who have also tried, tested and can validate. :-thumbs-up
I intend to continue to use the AMP plugin then, seems a lifesaver in current situation, when other methods of speed improvement – cache plugins, minify etc does not seem to be working for me.
-
This reply was modified 9 years by
oilwire.
I have same issues like above on checking with the two sites above. Using Cloudflare with Auto Minify (and other plugins to do the same in WP).
Kindly advise.
Dear Creators,
I have tried many options in last 2-3 days for improving Google Pagespeed scores – main area is Minify CSS and JS and Caching. I signed-up CloudFlare free / basic plan – but i dont think it is working.
***** Part 1: Minify CSS and JS
I tried following plugins and for last 2-3 days, it is not very much succesful and most of them give FOUC on the site.
Plugins Tested:
1. Autoptimize (If enable HTML then FOUC within seconds, and cannot select any advanced options because FOUC)
I tried to select options to push CSS inline and load into the head – using the advanced options, but homepage breaks.
2. WP Roids (some issue with .htaccess – maybe because of my hosting, but give FOUC) – I have contacted the plugin author already and there is another guy which has Newspaper 7 theme having issue with this plugin.
https://wordpress.org/support/topic/breaking-site-with-newspaper-7-visual-composer/
3. WP Super Minify (i dont know if this did anything – cannot see any changes)
4. Best WordPress Minify – using since today afternoon – Not FOUC yet
Note: Cloudflare Minify option is activated all the time.
Can you please advise which plugin to use – which will not break the CSS and render pages properly. I removed Revolution Slider for now also to improve speed.
I just checked my site with W3C CSS Validator (http://jigsaw.w3.org/css-validator/) and Nu Html Checker (https://validator.w3.org/nu/) to see if there are any errors. I’m using cloudflare and i have enabled Auto Minify but it’s not working due to theme errors. I will send you the URL of my site by email.
On pagespeed insight, mobile version said that following is blocking scripts:
/wp-includes/js/jquery/jquery.js
However, on desktop version, it said that 2 blocking script resources and 19 blocking CSS resources.
JS
/wp-includes/js/jquery/jquery.js
/…includes/js/jquery/jquery-migrate.min.js
And lots of CSS
Though I used speedbooster plugin and followed the guide but still it is showing. Whats wrong
Further, it said Minifying /themes/Newspaper/style.css?ver=7.6 could save 12.9KiB (14% reduction) after compression.
How to resolve these issues
Hello,
1. We will not minify the style files as people will need to make modifications in the theme code so we cannot provide pre-minified files as it would be very hard for the users that need to customize them.
2. I will add this as a suggestion for future updates.
Thank you!
Because WProcket minification of javascript usually breaks it. It’s almost impossible to “auto-minify” javascript.
Google has some help on this topic, and I believe I have some examples of how to do this manually in my long winded optimization tutorial thread found in the docs > tutorials > DIY > best of forums.
Theme devs often don’t minify all the files, as a buyer might want to edit/change something which is very very hard to do from compressed version without comments.
However, you can easily do this yourself with an online compressor tool recommend by Google; you simply copy the file, paste into compressor, paste optimized version into file and upload on server over the original file. Shazam.
If you’re unable to find my optimization thread, here is link to compress the JS file(s) you wish to optimize manually (you will have to do again with each theme update!).
http://closure-compiler.appspot.com/home
Good luck!
Hello
I test regulary our site on GTMetrix:
https://gtmetrix.com/reports/www.virtualmagie.com/38EiYbsI
We use WPRocket.
Why these file is not minify?
Minifying http://vm-510e.kxcdn.com/wp-content/cache/busting/1/wp-content-themes-Newspaper-js-tagdiv_theme.js could save 46.6KiB (48% reduction) after compression. See optimized version.
Could you please do that on your next upgrade?
Thanks
And you can use Better WordPress Minify and Autoptimize who make (i think) the same thing and are compatible with many other plugin or you can easily deactivate those not compatible inside this plugin.
I deactivate minify for wpforo in BWP minify,
deactivate mobile template plugin on page with “plugin organizer”
I think it’s resolved, but not again
-
This reply was modified 9 years by
Pierreto.
Hi,
I have problem with wpforo on mobile, sometime i can see it, sometime no, and i ask help to the WPforo support and they ask me to change template :
we just checked and found the main reason of mobile issues are these theme components, they still exist. The wpForo is super responsive and works very well on mobile. To make sure wpForo works fine please change the theme, delete cache and check it again.
Problem causers:
https://toutelathailande.fr/…hemes/Newspaper/style.css&ver=1481714312
https://fonts.googleapis.com/css?family=Roboto…
https://fonts.googleapis.com/css?family=Open+Sans…
https://toutelathailande.fr/wp-content/plugins/bwp-minify/min/?f=…/jetpack/css/jetpack.css…Also please deactivate the minify function of BWP Minify plugin, the one of problem maker is BWP Minify plugin (red marked).
I think many wordpress user who use bbpress before, now change for wpforo, the best forum for wordpress, and it’s can be interesting to make Newspaper working with WPforo.
I love your template and will no change, hope you can find solution.
You need to do the things in my thread
a) you need to optimize fonts either by not using Google Fonts, or you need to unhook them per my notes, then manually put the actual CSS in your style.css file at bottom
b) you need to minify the style.css file using my thread info.
c) consider some of the longer winded stuff — which is super advanced; the only way to fully eliminate above the fold issue is to put css in footer, after un-enqueuing it from the header, then use a critical css generator to build the CSS and put into your header.php file.
—
or — you can try to resolve some of that by using the speedbooster plugin.
Note I am only working with Newsmag optimzations now, and no longer use Newspaper.
Also note, that if you get everything else optimized, the ‘above the fold’ isn’t going to kill you in SERPS.
But there is *no* one click solution to fully optimize your site for maximum speed.
Common issues with loading elements:
a) not enough memory allocated to WP (256M or higher recommended)
b) timeout and process run time too low for php (mine is 2000 for both)
c) mod-security running blocking elements in WP
d) using old version of php (5.4 not recommended; 5.6 recommended)
e) general permisssions issue due to WP being installed by the hosting panel and partially “owned” by root, apache, and not by ftpuser
f) funky issue with CDN setup
g) poor optimization plugin being used to minify or compress elements of code on the fly, breaking capability
h) cURL and other server elements not working
i) robots.txt blocking access to parts of WP
j) custom WP install not setup right, renaming paths and folders
k) mis-match of https and http, www and non-www site structure
These are most often the “reasons” why 20,000 people can do something and 200 cannot.
I was trying to speed up my site in Google Page Speed test I got this message
Should Fix:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 1 blocking script resources and 1 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Remove render-blocking JavaScript:
http://softechnogeek.com/wp-content/cache/minify/df983.js
Optimize CSS Delivery of the following:
http://softechnogeek.com/wp-content/cache/minify/4d65e.css
I am not using Jetpack. Here are my installed plugins:
BackWPup
Deactivate | Edit
WordPress Backup Plugin
Version 3.3.4 | By Inpsyde GmbH | View details | Documentation
Select MOJO Marketplace
MOJO Marketplace
Deactivate | Edit
This plugin adds shortcodes, widgets, and themes to your WordPress site.
Version 1.0.2 | By Mike Hansen | View details
There is a new version of MOJO Marketplace available. View version 1.0.4 details or update now.
Select tagDiv Mobile Theme
tagDiv Mobile Theme
Deactivate | Edit
tagDiv Mobile Theme
Version 1.0 | By tagDiv | Visit plugin site
Select tagDiv Social Counter
tagDiv Social Counter
Deactivate | Edit
Social counter for WordPress. Widget and visual composer block.
Version 4.1 | By tagDiv | Visit plugin site
Select Thrive Leads
Thrive Leads
Deactivate | Edit
The ultimate lead capture solution for WordPress
Version 1.95.4 | By Thrive Themes | Visit plugin site | Check for updates
Select W3 Total Cache
W3 Total Cache
Premium Support | Settings | Deactivate | Edit
The highest rated and most complete WordPress performance plugin. Dramatically improve the speed and user experience of your site. Add browser, page, object and database caching as well as minify and content delivery network (CDN) to WordPress.
Version 0.9.5.1 | By Frederick Townes | View details
Select WPBakery Visual Composer
WPBakery Visual Composer
Settings | Deactivate | Edit
Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required.
Version 4.12 | By Michael M – WPBakery.com | View details
There is a new version of WPBakery Visual Composer available. View version 5.0 details. Automatic update is unavailable for this plugin. To receive automatic updates license activation is required. Please visit settings to activate your Visual Composer. Got Visual Composer in theme?
Select Yoast SEO
Yoast SEO
Hello,
The minify options provided by plugins or most tools do not do the job properly and break the theme js causing the lazyload animation to break and not allowing the images to show up anymore.
Please use cludflare for any minify options https://forum.tagdiv.com/cloudflare-cdn/
Ad for the rest of the page speed notificationsL: https://forum.tagdiv.com/how-to-make-the-site-faster/
For a cdn we only recommend wp super cache and these settings: https://forum.tagdiv.com/cache-plugin-install-and-configure/
Thank you!