- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperBest Of Forums
- NewspaperHow to Make the Site Faster
Hi, i need your help to understand why i have the Render-blocking Javascript and Css Error in Google Pagespeed test page
I just install the TagDivBooster plugin, i just read and execute the instructions in this page: https://forum.tagdiv.com/how-to-make-the-site-faster/
Here the list of js and css:
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
yoast-seo-admin-global-script | http://www.notizialocale.it/wp-content/plugins/wordpress-seo/js/dist/wp-seo-admin-global-350.min.js
td_wp_admin | http://www.notizialocale.it/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://www.notizialocale.it/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://www.notizialocale.it/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://www.notizialocale.it/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_edit_page.js
td_page_options | http://www.notizialocale.it/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_page_options.js
td_tooltip | http://www.notizialocale.it/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/tooltip.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
yoast-seo-adminbar | http://www.notizialocale.it/wp-content/plugins/wordpress-seo/css/adminbar-340.min.css
yoast-seo-admin-global | http://www.notizialocale.it/wp-content/plugins/wordpress-seo/css/admin-global-370.min.css
yoast-seo-dismissible | http://www.notizialocale.it/wp-content/plugins/wordpress-seo/css/wpseo-dismissible-350.min.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://www.notizialocale.it/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
thickbox | /wp-includes/js/thickbox/thickbox.css
My site url: http://www.notizialocale.it
I continue to have those css in above-the-fold content from pagespeed tool:
http://www.notizialocale.it/wp-content/themes/Newspaper/includes/demos/magazine/demo_style.css?ver=7.4
http://www.notizialocale.it/wp-content/themes/Newspaper/style.css?ver=7.4
http://www.notizialocale.it/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=4.12.1
http://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C400%2C600%2C700&ver=4.6.1
http://fonts.googleapis.com/css?family=Roboto%3A500%2C400italic%2C700%2C900%2C500italic%2C400%2C300&ver=4.6.1
Can you help me to solve the problem?
I’m actually using Newsmag now, but very similar for some of the admin panel.
I think you can turn on the image sizes in the modules panel for theme? The section where you can turn on/off different images sizes for blocks/modules.
You can see one of my Newsmag sites on the “showcase” page … (the California one). Note the site just switched to Newsmag 3.1 from 1.7, and I have not yet fully optimized it (logo wrong size in footer, mod_pagespeed is off, critical CSS not yet in header, etc.).
TagDiv is in diff time zone from me — I don’t hang out here, but sometimes I have little iwndows of “waiting on some dumb server thing to run …” where trapped a moment or three; so poke my head into facebook, here, couple of the wordpress plugin forums I use, then pop back. So, sometimes I’m around, sometimes you won’t see me for week ot two ….
these days I just chime in if its something topical to what I’m actually doing, like the https stuff.
Hello,
Unfortunately page speed is a very personal thing that depends on lots of things starting from the server that you use all the way down to the content on your site. We suggest these optimizations to be done from the theme side: https://forum.tagdiv.com/how-to-make-the-site-faster/
And here is a note on speedbooster: https://forum.tagdiv.com/topic/tinymce-advanced-and-other-various-disabling-speed-boster/
You can also check out these 2 topics:
https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
If you cannot understand these optimizations and you cannot do them yourself, you will have to get some help on this as we cannot do it for you. Sorry but page speed optimization falls beyond what the theme support can offer you.
Thank you!
Hello Friends,
On one of my site, I am getting some scripts like Pippio, LinkSynergy, ricdn, etc. when I test my site on Google Pagespeed, GTMatrix or Pingdom Tools. Have a look here: https://i.imgur.com/hozgLDk.jpg
With a quick google search, it appears that these are malware but then these are supposed to be on the computer, not on my WordPress site. Right? Then why is it showing there under test results?
When I manually check the presence of any such filename using View source on Google Chrome, I find nothing. I also cleaned my computer with Malwarebytes software, but nothing helps.
What are these? Are these on my computer or my website? What can I do now? Have you experienced something similar? Please help.
Thank you.
Hello,
You should update the theme to the latest version: https://forum.tagdiv.com/how-to-update-the-theme-2/ and https://forum.tagdiv.com/how-to-update-visual-composer-plugin/
The you should make sure you meet the requirements for newspaper: https://forum.tagdiv.com/requirements-for-newspaper/ and increase your system status parameters like so: https://forum.tagdiv.com/system-status-parameters-guide/
Afterwards you should use this guide to improve page loading speed: https://forum.tagdiv.com/how-to-make-the-site-faster/
You can also check these 2 topics for a more in depth customization:
https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
Thank you!
Hello,
I have my website (series.pl) and problems with Google Insights – https://developers.google.com/speed/pagespeed/insights/?url=series.pl
I tried everything to impove results but with without success.
When i put minify for css and JS my images didnt show on website but when i disabled minify everything was ok.
Can you help me to improve results >?
Hi,
Please check your site with google page speed insight: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Felregional.es%2Fbeta1%2F&tab=mobile and gtmetrix if you wish: https://gtmetrix.com/reports/elregional.es/hlh0rCm3
And make the proper adjustments. You can use this guide to some extent: https://forum.tagdiv.com/how-to-make-the-site-faster/ but page speed is very personal and it depends a lot on your server.
You can give these 2 topics a shot also:
https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
Thank you!
Hi,
The error is reported using google pagespeed for mobile devices.
The website url: https://www.crownhosting.co.uk
Hello
Just installed … and get just a logo. This theme is sold as an amazing theme for SEO.
The Pagespeed is 25/100
What is the problem ?
Hello,
1. You should check to see if speedbooster is indeed active and running. is it moving any other render blocking js and css? ius it doing nothing? check the system status and make sure you clear all caches after you change the plugin code. Disable any untested plugin as if you use our workaround for speedbooster to make it work with other plugins, it is not guaranteed it will move the plugins css and js.
2. If wp super cache is installed and runnign properly the system status should detect it as so. Please clear the hosting cache and purge cdn files and test again.
3. You should follow those instructions, yes as they are requirements for the installation of the plugin. After you install it, use this guide to set it properly: https://forum.tagdiv.com/cache-plugin-install-and-configure/
4. we still get some of the errors but we do not use speedbooster on our demo and as you can see it loads pretty fast without it. speedbooster will improve speed but it;s the optimization that you make until that point that count the most: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper%2F&tab=desktop
Give this topic a try also if you want to get the best out of your site’s page speed: https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
Thank you!
Hi,
I think you mean the unaltered css maybe…well you can get that from the main theme package and see the main folder of the theme and check style.css.
If you are on a quest for page speed, you might give this topic a shot:
https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
Thanks.
Yeah … I’ve been moving all our news network sites to https with “Let’s Encrypt” and we’re going to be beta testing http/2 on our server for the speed-demon-who-needs-CDN-not-me-buddy effect :-).
I don’t use the speedbooster anymore since I tend to manually hack stuff to move to footer anyway, merge files, and then put critical css in header. SO, I’m more into doing that vs the plugin. Also been cheating a bit with the simple “scripts to footer” plugin which plays nice with our sites at the moment.
Also it turned out finally going from Newsmag 1.7 (ahem!) to 3.1 made huge difference in being able to use the tagdiv beta composer. So, with the 3x, scripts to footer, basic house cleaning, and the tagdiv composer, that is one huge giant jumpstart right there … newspaper a bit more clunky but serves more masters!
Right now I’m still embroiled in the nightmare that is working with google for http > https, notifying Google News, mysql search/replace crap, etc. — WAAAH!
Anyway — have not myself yet gotten to playing with php 7. Just switched on new server Aug 5, so still doing house cleaning on stuff in prep for new version of mod_pagespeed (we crashed last version due to some issue where it didn’t like missing images, and with server crash we borked some stuff, so now need to add stupid htacess rule to redirect missing jpeg to default jpeg just to get mod_pagespeed to work …)
but I digress … as per usual :-0
Multi-site w/ Sub-direcotories – NewsPaper 7 (Installed on and plugins tested on the primary site.)
Hey – So I went through the tutorials and have a couple of questions:
1. TD Speed Booster – Primary Site Activated Only
I added the CSS & JS as mentioned in the docs >> Purged all Cache on CloudFlare >> Ran PageInsights and the same files showed up in the “Should Fix” Suggestion Summary.
I did have an error in NewsPaper System Status stating it was deactived due to plugin conflict >>
So I commented out the lines in the Speed Booster Plugin PHP (as per tutorial) >> Cleared CloudFlare CDN >> Ran PageSpeed Insights again == The exact same CSS and JS files in the Should Fix.
Any Ideas?
2. WP Super Cache – Network Activated
Shows page Cached: http://screencast.com/t/muegNyyeNUoC
NewsPaper System Status, NO Active Caching Plugin: http://screencast.com/t/nWPRhHjHw
Cached files in supercache directory: http://screencast.com/t/9DafM4rEem
Any Ideas?
3. WP Super Cache – Developer Installation Instructions
Do we also need to follow these directions? http://screencast.com/t/3huZNEaTuI
Original page here: installation: https://wordpress.org/plugins/wp-super-cache/installation/
4. CloudFlare – Do you guys still get on Google PageSpeed Tools (Even if you have minify enabled on CloudFlare): Consider Fixing = Minify Javascript and Minify CSS
Great stuff. Thanks! Pagespeed has stopped moaning about the images now.
Which actually raises another question. Is there any way to obtain the unadulterated CSS files for the theme so that I can split out the critical, above the fold stuff and defer the rest? I have had some luck reverse-engineering it and managed to get the pagespeed score up from 70/100 to just over 90, but with a couple of minor glitches. removing the render-blocking CSS makes an astonishing difference.
Hey Bodan – Thanks for the reply.
1. How many Cores and Ram? (have you had any experience with SiteGround hosting and their Cloud product?)
3. I have the CloudFlare Pro account – Do you use Raygun or any of the apps?
4. Using Cloudflare – I have Auto Minify selected and cleared cache… waited 5 minutes and ran the Google PageSpeed Insights again.. It’s still giving me a notice to Minify JavaScript and CSS.
CloudFlare:
http://screencast.com/t/j6WFHFtg
PageSpeed Insights:
Desktop: http://screencast.com/t/XdElIZtGpARa
Mobile: http://screencast.com/t/ppziQw0W58lW
5. Have you had any experience with WordFence Security?
Best,
IC
When checking Google Pagespeed insights for my site I keep seeing reports that certain images are not optimised. On closer examination it seems that the offending images are being displayed in for Block 18 elemnts in a sidebar. It seems that in that situation, the image is displayed a4 324×179 pixels, but no such thumbnail size exists and the theme is serving images at 695×385 pixels, hence the complaint from Pagespeed Insights. I generated the correct size thumbnail, but the theme doesn’t use it.
Any suggestions?
Hello Bogdan,
I have cleared cache, disabled all plugins except VC and removed all custom css. However, the issue persists. (I have also checked in different browsers.)
Please take a look at this page in the section “Options you have to enable on CloudFlare’s dashboard”: http://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/ . There are two screenshots – and they both stick out to the right in exactly the same way my images do. There are more examples of this on the same site.
In your release notes for 7.4 you mention a fix for unaligned images. Could it be this fix that is causing this behaviour?
Thanks for your help.
BR, Walther
For those who might want to experiment,
we actually use a nifty plugin for quite awhile now called ”
Contextual Related Posts” — which has a sidebar widget, and is nice because it does a cached copy of related items per post in the post meta so actually very efficient.
Can use thumbs, or only text, can be based on cats, content, or tags, I believe.
see
https://wordpress.org/plugins/contextual-related-posts/
Your needs may vary, but we actually use this with TagDiv themes in place of the normal footer related posts, like so
(note the ‘more to read’ bottom of page)
http://californianewswire.com/2016-neurotech-leaders-forum-welcomes-key-startups-and-industry-figures-in-san-francisco/
(( note: site not fully optimized as we had web server crash Aug 5, move to new system, migrating all sites to https, and testing http/2, mod_pagespeed if off, etc. ))
Your site its ok 🙂
76/87 Page Speed
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.differenzatra.it%2Fdifferenza-tra-possibile-e-probabile%2F&tab=mobile
And nice speed on server response
https://gtmetrix.com/reports/www.differenzatra.it/Fxzo17ch
Hi all..
I’ve problem with fonts after minify css and js files.
For pagespeed I did some changes. Using child theme.
1. deleted import code from child theme style.css and moved main style.css content to child theme style.css.
2. moved font codes from header. and imported fonts child theme style.css file.
3. don’t use child.css file.
4. Moved jquery and other js files from header to footer.
Using w3 total cache, and when I activate css minify web site fonts not showing correctly. And after a few minutes only home page turning mobile version.
Selecting post content font “Open Sans” from theme panel, but it doesn’t work.
But if I change font family css code from Chrome Developer Tools, like font-family: “Open Sans, sans-serif”;, it shows fonts correctly.
I removed font codes header, but not changed.
What the reason can be?
hey guys,
My website does not seem to get passed 60/100 on google PageSpeed for desktop and 50/100 for mobile. What can I do to speed this up?
Sorry. I’m not available for consulting at this time, and don’t promote my own services via this forum.
If you’re very good at SEO, then you likely don’t need me.
See Google’s info about changing site layout and how this can impact initial SERPS.
Also, read the YOAST tutorials in regard to your original question regarding “focus keywords” which has nothing whatsoever to do with the theme.
Main factors are
a) good content
b) optimizations for Google; page speed, https, AMP compatibility; meta data and markup
c) basic site optimizations for caching, minification, compression, ttl, opcache/memcache, http/2, mod_pagespeed, et al
Theme is not the mission critical aspect of any of that.
Good luck!
Hi,
I’m looking for the system to improve the google speed performance for
mobile theme that contrarily to desktop have a score about 72 instead of 93
problem are “remove javascript…”
…s/jquery/1.11.1/jquery.min.js?ver=1.11.1
…spaper/mobile/js/tagdiv_theme.js?ver=7.4
So I try to put within script parameter “defer” or “async” with a specific function
in newspaper/mobile/function.php
There does not seem to be having trouble viewing with mobile theme
but the you tube videos (and vimeo) are no longer reduced to the size
of the device used.
Any advice on how to solve the problem?
Thanks
Hello,
Leverage browser caching is not done by copying the code we provided. It is only a sample of how it;s done. You need to adapt the code to your specific case. You will have to search for a few tutorials on how it;s made. We only provided an example, not a guide on how to customize the code to your specific case.
You will find many online resources for this such as https://varvy.com/pagespeed/leverage-browser-caching.html that can help you on your quest for page speed improvement.
Thank you!
Hello Juwaini,
Please try to use this link to your full logo in the Logo section if you want that you Logo to be in full width. The link is here -> http://www.hypelah.my/wp-content/uploads/2016/10/xWeb02-1.png.pagespeed.ic.5A8mUm85F4.png and you will have to add it there -> http://screencast.com/t/LRarlS8l7hl and the result you should see here -> http://screencast.com/t/6oNUFkT4V9z
Hope this helps!
Thanks for the message!
