- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperBest Of Forums
- NewsmagRequirements for Newsmag
- NewspaperHow to Make the Site Faster
Hello!
PageSpeed gives me the some “ToDo’s”:
– Optimize CSS Delivery. This is regarding Newspaper. I don’t know how to do it (/wp-content/themes/Newspaper/style.css?ver=7.3)
– Minify CSS. This is regarding Newspaper. I don’t know how to do ir (/wp-content/themes/Newspaper/style.css?ver=7.3)
Should I do anything?
Thanks!
(( I will be testing Newsmag 3.1 with PHP7 once we have pesky mod_pagespeed working again … ))
Yes, we do that with mod_pagespeed automatically, so we don’t need to add that here manually and for the current projects I’m doing for our news portals we don’t use either GA or Google Fonts for better page speed; but yes, if you are using anything like that, it does help. (HINT: use a web host that supports mod_pagespeed — it helps WordPress in so many ways; DNS pre-fetch, convert some images to webp for mobile, remove whitespaces (double spaces and pesky indents), remove comments!, DNS prefetch, etc.).
Sounds good, but I don’t have the courage to be beta tester on real enviroment 🙂
In this project I use only the theme & 3 plugins (speed-booster, VC and Yoast premium) on VPS server 4G DDR4, 3×3.5Ghz Xeon E5, and I have to admit that I’m very surprised for the speed: 0,4 sec. and 98-99 pts. in Google PageSpeed Insights for both devices and for all pages (of course, optimized images 🙂 ).
Sincerely, as I am right now, I’m super super satisfied with the performance (in none of my other sites I have this score). Over the years I’ve learned something, when something works well, don’t change!
By the way @neotrope, all the best for your work, contributions and selfless help in this forum!
My respect
Hi Andrei,
thanks for your reply.
I had disabled many of my kinda frivolous plugins but not the ones I know I really can’t live without i.e. a caching plugin (this case W3 Total Cache, which my previous theme and host likes). Per your advice, I disabled it and BOOM!–instantly the menu appeared! YAY!
I am working on a staging copy right now, but if i decide to use this theme I will simply switch to the caching plugin it is compatible with.
I really want to use this theme because of its high pagespeed score, but it is a big transition moving from one theme to another! Knowing what plugins the theme is compatible with is half the battle. thanks for the list and advice.
Thank You,
The id’s that i get on my dashboard doesn’t match with the id’s on my pagespeed insights results render blocking jss/css.. My website name is http://www.meyvntech.com
Note: I am using tagdiv speed booster plugin.
Thank you for the response and clear instructions .
Few things-
As of now I have 25+ plugins installed under the wordpress while as I can see in the screenshot http://screencast.com/t/RZLIOPUNdqh , there are almost 10 plugins whitelisted under TDbooster.
Does it mean that having any other plugins other than these 10 plugins will automatically disable the TDbooster even if it is activated under the plugin dashboard. Right?
But then on my “system status “dashboard ( see here : https://i.imgur.com/rpcyRvM.jpg ) why it’s showing only one incompatible plugins even though there are 15+ plugins which are activated but not whitelisted under the tdbooster plugin? Or is it because under the “system status” it can only show one name, no matter even if other plugins are also causing compatibility ?
Now about the workaround solution:
1. Can I whitelist the incompatible plugins ( in this case the one plugin name “adminise” shown under system status ) If yes then what code should I write there under the TDbooster .php file.
2. The second method you said is to remove ( or commenting out) the code which causes the restrictions on incompatible plugins and hence I should remove the codes shown here http://screencast.com/t/RZLIOPUNdqh .
Right?
And you somehow missed to respond on the point no-5 in my previous comment where I tried to detect the JS/CSS files but couldn’t achieve the desired result. I am copying the same question here again:
5. I tried to move the JS, CSS files under footer based on the instructions given here: https://forum.tagdiv.com/how-to-make-the-site-faster/ . I extracted and copied the list of registered JS and CSS files in a text file ( Look here: http://pastebin.com/D5CAive8 )
but then I compared it with my blocking JS/CSS listed under Pagespeed ( look here: http://pastebin.com/EH2uS3Pz )
But the problem is, almost none of the JS/CSS files listed under Pagespeed is matching with the one I extracted from my sites using functions.php code. For example- As per Pagespeed, I can see that YTSubscribe and Facebook Login JS/CSS files are causing issues, but I can’t find it under the extracted list.
Please take your time and help me to achieve greater speed and performance of my site. I am worried because just few days back under my old themes, I used to have 97 Pagespeed score and 90 Yslow scores but currently it’s too bad 🙁 ( Have a look at my speed scores on 20th august 2016 snapshots: https://i.imgur.com/JbnKtAO.png )
Thank you.
My site is too slow ! Here is the page speed test report

All Images are Optimized. ( Now I have optimized 2 Images displayed for optimization )
Suggest me 1 good plugin to minify the template codes.
Hi support team,
While testing my site speed on Google PageSpeed Insights, and this issues came up:
1. Eliminate render-blocking JavaScript and CSS in above-the-fold content
2. Minify JavaScript
3. Minify CSS
4. Leverage browser caching
5. Enable compression
6. Minify HTML
Could you please help me with these issues?
Thank you.
Hi, Since I am aware of CSS and JS files so I tried to use advance optimisation methods using Speed booster plugin. Here are few things that I want to know.
1. There are two versions of “important notice” I read under various threads about this speed booster plugin:
A : Important note: SpeedBooster will not work with all plugins. It has a compatibility function in it’s code and will deactivate itself if an incompatible plugin is detected.
B: We added a list with plugins with which we tested the Speed Booster plugin, it automatically disables itself if a new plugin is installed.
I mean, what’s the ultimate truth? Will the speed booster get disabled with any new plugin installed and activated under “plugin” section or it first checks some compatibility and if it finds itself not compatible, it disconnects itself?
2. What does it mean by “deactivate automatically” ? Does it mean that under plugin section, I will Speed booster plugin as “deactivated but installed plugin” or it will still show activated here but will stop working internally ( internal deactivation) even if it shows active here? ( Image here: https://i.imgur.com/h4vpHSm.jpg )
3. Suppose I find it deactivated and then after installing 2-3 new plugin, I manually activate it again , what will happen now? What JS and CSS files it will move to footer? Will it automatically sends every new JS and CSS files added to footer or Will it send only those files, whose plugins are defined under whitelist.
If the later one is true then I don’t think Speedbooster can break site automatically since it’s not adding new JS/CSS files automatically to footer, hence there should be no issue in using it atleast for moving few known JS, CSS files. Right?
4. How to whitelist new plugins to use it under this speedbooster plugin?
5. I tried to move the JS, CSS files under footer based on the instructions given here: https://forum.tagdiv.com/how-to-make-the-site-faster/ . I extracted and copied the list of registered JS and CSS files in a text file ( Look here: http://pastebin.com/D5CAive8 )
but then I compared it with my blocking JS/CSS listed under Pagespeed ( look here: http://pastebin.com/EH2uS3Pz )
But the problem is, almost none of the JS/CSS files listed under Pagespeed is matching with the one I extracted from my sites using functions.php code. For example- As per Pagespeed, I can see that YTSubscribe and Facebook Login JS/CSS files are causing issues, but I can’t find it under the extracted list.
Why is it happening and what should I do to avoid this and remove the render blockings?
Please help. Thank you.
Site: http://www.agentesdeviagens.com
Hi guys!
I really don’t understand why my website is so slow… 🙁
My speed booster is active, My site looks so light, I barely install plugins, theres only one adsense banner… I just use TagDiv’s plugins…
I’ve checked your instructions at link: https://forum.tagdiv.com/how-to-make-the-site-faster/ ( But no sucess ), my site remains very slow when I check it on Google’s Speed Page.
If you guys can help, I’ll be very grateful.
Best Regards
Hello Team,
I noticed the same thing…
Using the instagram plugin on the page, my website is a bit slower, and the pagespeed passes from 81 to 73 !
My website url is http://www.regardnomade.com/
Is there any way to correct that?
Thanks for your help.
Vincent.
Hi, sorry if my reply sounded mean 🙂
Critical CSS is the “needed CSS” to render the above the fold content. Which might only be 20% of the CSS loaded for entire page, but when loaded inline with every page the page itself is a little bigger, but the browser doesn’t need to wait for ANY of the css and js files. This is the only way I’ve found to fully eliminate the “render blocking” message from Pagespeed Insights.
While the SpeedBooster plugin does pretty good job of moving stuff to footer (and I presume you know how to look at your page source to see if that actually happened, and WHAT is being loaded in the header), as I stated in many cases with WP, you cannot just move everything to the footer as then nothing actually loads until you get there.
TagDiv are doing a “sort of” version of this by front loading some of the CSS, and then moving the stuff to footer; but if you still get the message then it means this “scheme” didn’t quite work, and not really their fault — it will NOT work for everyone; even if they can do it with some (ahem, not all) of their demos.
Go test their demo post for example, see what happens 😉
So, the trick is to use a custom css “critical css generator” that scans your post and then figure out WHAT needs to load first “critical” in the sense it’s needed to load the page BEFORE all the css/js crap in the footer.
For this example “critical” would be defined as :
critical
· adj.
having a decisive importance in the success or failure of something.
So … TagDiv might want to — and will — weigh in as part of their lovely support effort, but you should concentrate on ALL OTHER pagespeed elements, and leave that one thing for last. Or it will drive you insane until you just learn how to get the “critical CSS’ added to the header.php file right above the body tag. Seriously. Been there. 🙂
Hi,
Please help render-blocking not fixed in mobile
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.jogira.com%2F
Thanks
Chandan Kumar Singh
Hi,
I recommend to use the Visual Composer version provided and tested with the theme. Newspaper 7.3 package contains and it was tested with Visual Composer 4.12 – https://forum.tagdiv.com/how-to-update-visual-composer-plugin/
Speed Booster is an optional plugin and it can be used to move the css and js resources to the footer, you can check the pagespeed optimization guide – https://forum.tagdiv.com/how-to-make-the-site-faster/
Thanks!
Hi Team
I read your “https://forum.tagdiv.com/how-to-make-the-site-faster” and implement that but its not working, my website speed is very slow.
I want to Fix
– render-blocking issue.
– CSS and JavaScript Minify issue.
Please help me.
Thanks
Chandan Kumar Singh
http://www.jogira.com
For those curious about baseline speed with GTmetrix for test bed:
No additional compression of css or js done (minification);
No caching plugin running;
Mod_pagespeed is OFF;
Page has no ad, but large image, sidebar, bottom bar images; large logo.
Default Newsmag theme (not using a “style/demo”).
Share buttons ‘on’ at top of page.
Pagespeed Score: A (96%)
YSLOW Score A (94%)
Page load time: 1.2s
Total Page size: 248kb
requests: 12
Nice.
Still to do:
figure out how to fix the wonky ? query on the newsmag icon font …
/images/icons/newsmag.woff?11
a) compress style.css
b) replace gravatar with local author image
c) main css to footer; preload critical CSS in head (fixes ‘render blocking …’)
d) enable mod_pagespeed – does on the fly comment removal, image optiization for small png to base64 or webp, removes all double spaces in text for pseudo-minification; further optimizes anything loaded from google like jquery
=========
that’s it for now.
Hope this isn’t annoying folks too much 😉
————
Radu and co have really done a great job on this and theme is speedy on desktop testing ‘as advertised …” which is awesome. I was worried going from v2 to v3 was going to bring bloaty-mcbloatface, and turns out – not so much 🙂
-
This reply was modified 9 years by
simchris.
NEWSMAG OPTIMIZATION EFFORT 2016
——————————-
PRECIS:
* WordPress 4.6
* Newsmag 3.1
* tagDiv Composer v1.0 BETA
* TD Speed Booster plugin – Version: 4.5
——————————-
I am re-optimizing my network sites since upgrading from v2 v3, and needing to revisit all the past steps from past 3 years with new TadDiv tech, code, etc.
This project presumes I will do several advanced things
1) run mod_pagespeed on deploy; currently disabled for all other efforts; with proper webp format support added as mime type and in htaccess (MPS converts some png files to base64 inline, and others to .webp format when better than jpeg)
2) compress main css and js files not already compressed after ‘thinning’
3) decomment some TD files loaded by pages which are (ahem) overly commented
4) have proper gzip/deflate/TTL elements on server
5) no caching used for initial deploy (MPS uses opcache/memcache)
6) move CSS to footer and use critical CSS generator for inline above the fold CSS
7) test free SSL cert and http/2 on our new server for 2017
8) test move to PHP7 from PHP5
Follow along if the mood strikes; I’m just sharing my info not offering to consult with you (you cannot afford me, in most cases). Please do not post any questions until I post the info during last half of August 2016, as you can “try” any of my changes if you wish, at your own risk.
I am using Unix/Linux, CentOS, Plesk 12.5x (will likely move to ONYX when releases for 2017); Apache with NGINX in front; dedicated server, 1GB connection to network in Class A datacenter in Texas, USA. Running PHP 5x with PHP7 installed and will test ‘7’ once initial deploy stable with my ‘thinning’ and optimization.
Hey party people, it’s on!
-
This reply was modified 9 years by
simchris.
#LoL YOu need to do a simple work 😛
Just install and run Force and regenerate thumbnails. Because you need to create every thumbnail for your imagenes and for now are using existing old thumbs from your old theme and this dropping dramatically your pagespeeds ranks
Hi There!
We recently launched the Newspaper theme for NJTechReviews(www.njtechreviews.com), but since then the site has been overall slower and not loading as fast. Our PageSpeed insights dropped dramatically as well, and our look on mobile is different from where we would like it. Is there away to customized the mobile theme? Can you advise?
Thanks,
Jake
Hello, i’m trying to improve my newspaper theme and i need your results for the loading of your same theme from different location in Pingdom Website Speed Test. My results are this ones :
Melbourne Australia 3.71s
Stockolm Sweden 748ms
New York City 1.81s
San Jose California 2.78s
Dallas Texas 2.23s
———————————–
I have installed Cloudflare also, i need average result to be sure thats my theme is well optimised and i want to be sure that i haven’t done mistake for the best optimisation, thats why i need few average statistics Pingdom Website speed test or Goog pagespeed
Thanks for your work
Hi Catalin,
the Code for Rev-Slider did I embed in the header-style-10.php, so there is visible in all Posts, Pages and so on.
The “Landing” Page is more an Google optimated Page. I´ve create it to get better Google PageSpeed Insights. In this Case I´ve build an verry small Page with an special Keyworth Text and only the newest Postings are shown on this. The Score is 87/100 but the Revolution Slider Javascript make this Page slow. I think without the Rev-Slider the Score would be over 94/100.
Maybe an .php Code can exclude the Rev-Slider from this Page.
Thank You
Achimzwo
Good Morning tagDiv,
I’ve been curious to test your plugin for mobile but i’m facing with some problems.
I’m not use third plugins. I use only VC and speed-booster
Right now I’m using the original theme (same for mobile) and I have an average load about 0,6 – 0,7sec. (in my country) with 98 score on Google PageSpeed Insights (pc & mobile) without any plugin of cache because I’m using varnish cache server.
So:
- If I use td-mobile-plugin, in Google PageSpeed Insights I’m down from 98 under to 75 on both devices (I can not explain why dropdown, when it should be the other way).
- If I use td-mobile-plugin, we have the same looks into desktop (I mean, the version for mobile appear on desktop, too).
I know very well that this plugin is different that the theme itself but ¿how is posible to use it in combination with varnish?
P.D.: Of course, I don’t want to use WP Super Cache because we’ll never have actual results.
Thank you.
Hello, my pagespeed is crashing because of a email plugin. I don’t want to share my URL here in public, can someone please contact me so we can get this fixed? Thanks.
Hi Dear Sir/Madam,
i hope your doing very well, please tell me how can i increase my website speed? check it please link, my site link
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Ftabeer.pk&tab=desktop
and your demo link,
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper_magazine%2F&tab=desktop
how can i increase speed thanks.