- NewsmagRequirements for Newsmag
TD speed booster is not working propertly, I can’t explain in enligh, that’s why, I put the link to https://developers.google.com/speed/pagespeed/insights/
Hi
I am trying to optimize some pagespeed requirements and I got this error when JS fix render-blocking:
tdBlock is not defined
Apparently everything is working because this is somehow related to… pulldown? Not using it right now. Code is at the end of wp_booster but I’m not sure if should I disable this or where to do it?
Well, remember the “theme” is not slow with F Rating — your site/setup is. Two totally different things. You also need to test with adverts off.
You need to do all the stuff noted on GTmetrix for your setup, from time to live, to gzip, to regenerating your images with compression, limiting calls to outside sites as that all slows things down, if using avatar photos use a local gravatar plugin, make sure you have enough RAM allocated, try to avoid plugins that do popups or rolls downs, avoid large background images (anything over 40k will massively slow down a page), consider using web-safe fonts and NOT a bunch of Google fonts; don’t use child theme as it’s a redirect; make sure you’re using PHP 5.6 or higher with opcache turned on (5.4 is a dog and way out of date; 5.2/5.3 are obsolete and should not be used unless no other choice for old code — which doesn’t apply to WordPress). Stuff like that.
Don’t use the lazy load animation on your posts/pages – disable that ‘effect.’ Consider not using the extra modules like related/more from other, or story ‘more to read’ flyout.
Get a good baseline for streamlined site, good page score — then turn on bells and whistles, evaluate the performance hit, and make choices.
I just switched all my AdSense ads to text-only, as I got sick of the 20 stupid crappy image, cookies and poor optimization of Google’s 10 year old image serving system. Their own ad server doesn’t meet modern pagespeed requirements, so why use it?
For example: I just did an install here; starting speed with 78; regenerated all thumbs with a compression factor of 50; switched off Google fonts, and moved to text ads; speed went to 90 with ads ‘on’ ! All that stuff seriously adds up.
Not sure if any of that helps. I was early adopter of Newspaper, Newsmag, and WPion. So, kinda a dinosaur around here. You might find my ancient thread helpful in the documentation > tutorials > DIY > best of forums. Maybe not.
Anyway – I have a 90 score right now, with no caching plugin and have not yet compressed the main style.css or main .js files, which should gain couple of points right there.
Most of it should be, assuming you’re running Apache/Linux. Note that the nice formatting of my code got kind of whacked when they moved to the new forum template…. soo.. might not be super readible/legible.
Kind of multiple threads going in my old mega thread — so, perhaps useful to work ‘backwards’ ?
a) some basic wp-config cleanups (add direct paths, memory change, image compression)
aa) htaccess stuff for common time to live, file type, redirect xmlrpc queries, etc.
b) some basic functions.php stuff to clean needless stuff in header of WP pages, remove stuff like XMLRPC stuff, some security stuff; remove ‘?’ queries on stuff (versioning);
c) optimize style.css with minifcation; compress main .js file per Google tool
d) consider moving to web-safe font stack and not loading ANY google fonts; have to hack out section in the main them booster function file, then search/replace the ‘font-family’ elements in the style.css (easier prior to minification, obviously)
e) put custom CSS bottom of style.css vs theme panel
advanced stuff included – un-enqueueing the main style.css, loading in footer; after generating “critical CSS’ with the critical CSS generator online; putting above the fold CSS in header.php (only way to remove render blocking css) ** not needed if moving to http/2 platform.
Super advanced peeps might choose to use mod-pagespeed, https, php 7, and http/2.
So, basically.. kind of a “test your speed,” (with *no* ads running); then make some mods; then retest couple of times, etc., rinse repeat.
I’m no longer using Newspaper – moved to NewsMag 3x last year entirely. Not yet on 4x. But also using TagDiv’s WPION thing as a beta test. (actually re-rendering thumbs for one test of that right now in other browser tab!).
Soooooooo….. basic Apache stuff, and WP-config.php stuff, and common sense thing for functions.php that do specific things — all useful. Good to research WHAT things do before using them.
Hi,
There are multiple topics her on the forum where you can find useful information regarding page speed optimization
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/cloudflare-cdn/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
If you follow the suggestions and recommendations from these topics (or search for more) you will most likely improve the website loading speed. These optimizations will have to be made by you, just take it one step at a time. Results will soon follow most likely.
Thanks
i wuite like the instagram footer element – but the image size is too high a price to pay in the pagespeed penalty.
i appreciate they are served from instagram, but just wondered if anybody had found a work around solution to being served compressed/optimised images?
It looks like some js is effecting the page speed of the website. I’ve gone through the Google Pagespeed testing and since using the theme and these are top things effecting it below (if they are not relative to the theme then disregard, otherwise I’d like to see what we can do to fix it).
/wp-includes/js/jquery/jquery.js?ver=1.12.4
/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1
/wp-content/themes/Newspaper/js/tagdiv_theme.min.js?ver=8.0
/wp-includes/js/comment-reply.min.js?ver=4.8 (I dont have the comments enabled)
/wp-content/plugins/td-composer/css-live/assets/css/td_live_css_frontend.css?ver=4.8
/wp-content/themes/Newspaper/style.css?ver=8.0
Any suggestions?
Don’t need to minify your scripts if you’re using pagespeed module. Disable minification and Rocket Loader from CloudFlare end.
Rocket loader blocks the Javascript by deferring them.
Also, now Google PageSpeed test has gone back down to 24. :'(
In CPanel should I be adding “.css” or not? So: $this->move_style_to_footer_queue(‘demo_style’) or $this->move_style_to_footer_queue(‘demo_style.css’)
PS I know images can be optimised but that is currently the 4th point in Google PageSpeed test – when it is number 1 I will know everything is not the problem. Even the current biggest image Google is finding is quiet small anyway.
Hi,
I did the above and the website receives a speed score of 51 (previously 24) on Google PageSpeed but on gtmetrix.com the PageSpeed score has gone from 53 to 49.
Screenshots:
This is what Google found to be slow: http://prntscr.com/fvuo8j
So I have taken the names in there and found them in the CPanel and adjusted them as the TagDiv instructions say.
To this: http://prntscr.com/fvuomj (I added lines 184 to 187).
When it came to the JS what the Google PageSpeed page showed did not match the code that displayed at the top of my page so I haven’t adjusted any JS – as in I haven’t moved any to the footer.
This is what displayed at the top of my website in the first step:
registered scripts
admin-bar | /wp-includes/js/admin-bar.min.js
wordfenceAJAXjs | http://www.agentinsider.com.au/wp-content/plugins/wordfence/js/admin.ajaxWatcher.js
js_files_for_ace | http://www.agentinsider.com.au/wp-content/plugins/td-composer/css-live/assets/external/ace/ace.js
js_files_for_ace_ext_language_tools | http://www.agentinsider.com.au/wp-content/plugins/td-composer/css-live/assets/external/ace/ext-language_tools.js
js_files_for_live_css | http://www.agentinsider.com.au/wp-content/plugins/td-composer/assets/js/js_files_for_live_css.min.js
js_files_for_plugin_live_css | http://www.agentinsider.com.au/wp-content/plugins/td-composer/assets/js/js_files_for_plugin_live_css.min.js
td-site-min | http://www.agentinsider.com.au/wp-content/themes/Newspaper/js/tagdiv_theme.min.js
comment-reply | /wp-includes/js/comment-reply.min.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
wordfenceAJAXcss | http://www.agentinsider.com.au/wp-content/plugins/wordfence/css/wordfenceBox.css
td_live_css_frontend | http://www.agentinsider.com.au/wp-content/plugins/td-composer/css-live/assets/css/td_live_css_frontend.css
google-fonts-style | http://fonts.googleapis.com/css?family=Work+Sans:400,600|Open+Sans:300italic,400,400italic,600,600italic,700|Roboto:300,400,400italic,500,500italic,700,900,600
td-theme | http://www.agentinsider.com.au/wp-content/themes/Newspaper/style.css
td-theme-demo-style | http://www.agentinsider.com.au/wp-content/themes/Newspaper/includes/demos/lifestyle/demo_style.css
So I have done all of the speed steps the TagDiv page says to do but it is still super slow. Do you know why?
THis is the tutorial you need.
https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
thanks for the reply bogdan.
no errors at all (other than i can´t activate it which i reported on another post).
it has been a long weekend of battle against the theme, but i´m pretty well there now. some specific quirks still outstanding.
i can´t get any full grid to work for example so i´ve had to go boxed. doing my best to go with the tag div composer, but i´m really not feeling it.
worst of it is that despite having less on homepage now than in old theme, my pagespeed has slumped from 85 to 58 desktop – and the 58 is having worked super cache settings beyond your theme recommended which were giving me 51.
my feedback is that some more realistic notes would be better. the video and docs give the impression that the upgrade/switch and a new demo is a job to complete in minutes. It is hugely more complicated than that. It is a set aside a weekend job – and a good 10 hours of that could have been avoided with better documentation, a coherent start to finish tutorial instead of scattered docs and videos which leave you coming across essential info that you had no way of knowing existed until something goes wrong and you start hunting.
I hope you´ll take that to whoever decides these things at td
You need to optimize your site, theme can’t do that for you.
Did you read the documentation and re-render your images to fit the new layouts/modules? Are you using an optimization plugin for images, or re-rendering after setting lower compression in your wp-config file?
I don’t work here. But I have 90+ on my sites with no caching plugin.
https://forum.tagdiv.com/how-to-make-the-site-faster/
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
JetPack is hosted by WordPress; it’s not part of the theme; so issues with JetPack are not related to the theme, or any theme. It’s slow and a resource hog, and generally best to be avoided unless you have no choice.
Good luck!
Google PageSpeed is
Desktop “POOR” 45/100
Mobile “NEEDS WORK” 66/100
Assistance needed or refund
PageSpeed
Serve scaled images F (0) AVG SCORE: 69% IMAGES HIGH
Defer parsing of JavaScript F (0) AVG SCORE: 69% JS HIGH
Optimize images F (42) AVG SCORE: 69% IMAGES HIGH
Minimize redirects E (52) AVG SCORE: 87% CONTENT HIGH
Minimize request size D (61) AVG SCORE: 98% CONTENT HIGH
What is going on? My old theme was at least an B or C
Hi,
Page speed optimization has to be done by you, this depends of many factors. There are many tutorials here on the forum on this matter, that you can follow. Some examples
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
You can install this caching plugin with the recommended configuration
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
You can use Cloudflare to speed your website
– https://forum.tagdiv.com/cloudflare-cdn/
There is also this guide to further optimize loading speed
– https://forum.tagdiv.com/how-to-make-the-site-faster/
When testing teh pagespeed, it is better to do it without having google ads and only essential plugins activated. Some plugins can have a negative impact regarding page speed.
Thanks
Hello,
For page speed optimization you will have follow the links below:
Please follow this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
Please also read this topic: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
And another helpful topic:
https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
I hope this helps.
i have seen both these issues in threads at the beginning of the year but couldn’t find any with resolution.
i am running v 7.3 – i’d rather not deal with the big upgrade to 8 until i’ve more time in the autumn.
the mobile theme has shown a huge improvement in pagespeed, but the tag div galleries, which i use quite a bit, are not working.
also the mobile theme is showing on tablet – even a 10″ in landscape – i thought it was meant to be restricted to phone screens only?
finally i don’t like the M1 blocks at all. the letterbox format top of image often shows nothing more than background. i would much prefer them to be 16:9 or even 4:3. Is there a css code snippet available to change them?
many thanks for any help – and if it’s coming from theme staff – great theme – sorry first you’ve heard of me is gripes – but that’s forums.
Hi,
Please follow these guides for more information about speed optimization
– https://forum.tagdiv.com/system-status-parameters-guide/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/cloudflare-cdn/
There are many topics here on the forum as well, from which you can learn valuable advice. Here are some examples that you can read
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
Thanks
Hello,
Yes it is normal. You can have THE most powerful host out there if the page speed optimization is not done properly.
Page speed has to be optimized. Work has to be done on it to work properly. There is no magical speed button to press and have great speed unfortunately :).
You will have to invest time and effort into it.
Please follow this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
Please also read this topic: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
And another helpful topic:
https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
I hope this helps.
Thanks
Um, yeah. Test one of your pages with the image sizes not at ‘actual size’ with Google’s testing tools? Have you tested your site with PageSpeed or their mobile testing tool? Sites which don’t do well in mobile testing won’t be shown to mobile users!
e.g.,
https://search.google.com/test/mobile-friendly
Meaning there is more overhead for browser to resize images multiple times to multiple sizes vs caching the actual images at actual sizes.
However if it works for you, and you’re passing Google’s PageSpeed test and mobile test doing it your way, go for it — just not “normal” practice in modern webdev (I’ve been doing it since 1995 professionally, as a point of reference).
Well, it’s really bad to use one thumb for all size images from pagespeed/seo point.
Meaning, if you only have 500px image, and then try to have theme resize to fit 200×300 thumb, it will either be distorted or oddly cropped.
You cannot load a 200×300 thumb without there actually being a 200×300 thumb image.
Google will penalize you for only having one image resized to different sizes (try it).
Btw according to : https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fanonymster.com%2F&tab=desktop
i have two js file :
https://anonymster.com/wp-includes/js/jquery/jquery.js
https://anonymster.com/…includes/js/jquery/jquery-migrate.min.js
however i can’t find them after adding the code in functions.php …
so cant manually put them in speed booster plugin.
hello @ideasolutionssrl
This thread may help you: https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/page/2/
thanks 🙂
