- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperBest Of Forums
- NewspaperHow to Make the Site Faster
My Site URL: http://www.droidgoblin.com
This is one issue that has plagued my site for months. As per the developers, it was fixed in the theme several versions ago. However it still doesn’t work for me.
Issue: When sharing posts on Google+, a very small and INCORRECT thumbnail comes up, along with just the post title.
Expected (Correct) Behavior: Post title, along with the correct BIG featured image and meta description/post extract should be displayed.
I tried disabling all plugins with no success. All caches cleared, CDN (previously PageSpeed, now Cloudflare) both disabled.
Switching themes, even to default WP themes fixes the issue, so I know it isn’t something on the server side. Sharing of posts on Facebook works perfectly well too.
Any help in this regard would be much appreciated.
I think you can find my suggested pagespeed settings for the htaccess file in this thread someplace – perhaps do a search. (I added below 🙂 )
For the server side settings, you would need to test that as the actual settings tend to vary slightly depending on what OS you’re running, whether you’re using something like APC cache, etc.
Usually for the server side config, simply running with “all filters on” works (CoreFilters default) and you can also put in a config line to specify NOT optimizing the wp-admin folder.
We actually used this as a starting point, then tweaked
http://www.ray.45press.com/optimal-mod_pagespeed-configuration-for-wordpress-hosting/
If your web host doesn’t suck you should be able to request they setup the config file for a wordpress site.
Note the config for https is slightly more tricky, but if you’re just running http it’s not terribly complex once you try running with default settings on.
I then “dial in” the settings I want in my htaccess file per site, also so I can turn OFF mod_pagespeed to do site updates (!).
So
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>
and then switch to
<IfModule pagespeed_module>
ModPagespeed off
</IfModule>
when doing major updates such as WP version, theme update, or changing any logo file with same file name, or regenerating thumbnails.
Hope that helps. Don’t freak out if it crashes your site the first time. It’s a learning process and the Google docs kind of (totally) suck.
FYI, your site may get lower PageSpeed/Yslow score when using Google fonts (e.g., “open sans”) vs default fonts, as they need to load off Google’s server and that slows page slightly. With GTMetrix, note that it will tell you *why* your score is lower, when testing things – so pretty obvious to see what does the damage.
Read the PageSpeed topic for more information on all my suggestions for optimizing the theme. Try viewing back to front to find most recent posts in that thread. You might also be able to search by “image optimization.”
add_filter( 'jpeg_quality', create_function( '', 'return 50;' ) );
Full desktop works on “mobile” tablets, like iPad.
It would be illegible on a phone.
This is how responsive design works; you typically have three sets of breakpoints for desktop, tablet, and phone.
You can modify those by editing the style.css file, remove elements, etc.
So, you could experiment with that to get what you want, but this is a responsive theme, designed to provide the best experience on mobile phones of only showing a single column for better PageSpeed and ease of use for phone users. The iPad/tablet view shows the full site, just condensed in width.
Read through the PageSpeed sticky topic for various solutions to things like optimizing your CSS by minification, image compression, local saving of avatars vs loading gravatars dynamically, etc.
Also remember score will be lower with adsense ads running and social media buttons that show counts, as well as thinkgs like disqus. To get your real score you need to NOT run any ads from google as they penalize their own content for purposes of score.
YSLOW only improves using CDN.
Buy if you follow the suggestions I’ve posted in the PageSpeed topic, as needed modified for your setup, and then follow the suggestions/solutions from GTMetrix, a “90” score or above for desktop is the “target” to shoot for.
Hello ,
Finall i optimise my website http://www.movzio.com pagespeed score is 85 but can you please tell me this score is ok or not and gtmetric yslow grade is C and pagespeed score is A.. plesae help to improve this.
Hi,
Thanks for the quick response!
I mean an unboxed layout like this http://demo.solostream.com/wp-enlightened/solo-unboxed-layout/
alternatively, can i increase the resolution of the body?
I have two other urgent questions:
1) I have a huge problem with the image optimization (http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fgooglexperience.com&tab=desktop). Can you suggest me some solution?
2) in reference to this page https://forum.tagdiv.com/featured-image-featured-video/, i don’t have the “featured video post box” in my panel.
Thanks in advance.
Have a nice day.
Hi,
From this site http://tools.pingdom.com/fpt/#!/cN4TO2/http://ISerres.gr
I figure that main.css?ver=4.5d loading time is very bad
Is there any solution for this?
I use your speedbooster and I set it in the same way of your tutorial
Also, my score from here https://developers.google.com/speed/pagespeed/insights/?url=iserres.gr&tab=desktop is very good, but the loading time of the page is not good. Why this happened? I know that the response time from my server probably is one of the problems but I think this is not the only one
What’s your opininion? Do u suggest any fix for all these?
Thank you
This is all a bit off topic to the thread for the person having an issue, but I used to write a monthly column for Digital Imaging magazine back in the day on web development, and my articles were also published by the Graphic Artists Guild in their newspaper; however all those articles are now terribly out of date since they pre-dated CSS3, responsive design, WordPress, Boostrap, mod_pagespeed, mod_spdy, etc.
I have in mind relaunching a site to post all my whacky fonts of wisdom or nonsense on the topic of webdev, but frankly I’m just too busy right now actually redoing my main business sites which pay the bills, then fooling around with some other things as kind of a hobby (e.g., ga-ga.com), etc.
Lots of great sites with tutorials and such. And for SEO, Google has their own free document download which tells you what you should have for your website. PageSpeed is important, original content most important, https will be important in coming years but not critical just yet; luckily with WordPress there are dozens of good sites out there with basic tutorials on the “simple stuff” and also the official WP docs are good to read, and it seems many folks buying themes on ThemeForest don’t bother to do that (“how do I set permalinks…” ?) …
Anyway……. I ended up in TagDiv land a year ago as we were building our own WP theme again, and I just decided I didn’t want to deal with that. Trouble was finding folks who even knew what PageSpeed was (!), so Radu and Co. caught my eye, and I like their philosophy of what they’re doing, so we decided to try their themes. So far so good.
But I need to get back to work! 🙂
We’re running Apache/CentOS; but just as an FYI, if WordPress works on your NGINX setup, the theme will work; as a theme is only a collection of style sheets that extend the built-in functions of WordPress.
Typically most developers optimize their site for NGINX using the default theme (e.g., twenty-fourteen), such as issues for Google PageSpeed; then worry about the design as secondary process once the initial WP setup is fully functional.
12 seconds is awful. Best bet is to test one of your post pages with GTMetrix.com and pay close attention to the “server” section on stuff you need to address on server side.
see test
http://gtmetrix.com/reports/www.movzio.com/MPeo0Lff
Page load time: 10.61s
Total page size: 2.59MB
Total number of requests: 151
You need to do the things mentioned in the pagespeed sticky topic here, such as setup browser caching/expiration headers. You need to setup gzip/deflate on your server.
That’s covered in the pagspeed topics in this forum. You will need to contact your service provider to ask them how to setup your site properly. Nothing to do with the theme.
You have numerous elements loading with missing images (!).
Lots and lots of problems. Look at above report and start fixing them.
Yes, I am seeing the same issue, however note I am not YET running the latest version of theme; I do have the tagdiv speed booster plugin running, 3 adsense spots, and am running mod_pagespeed … however I can also confirm the rich snippets were verified working with Newspaper theme. I had not yet gotten to testing this element, frankly, with Newsmag. But, I can confirm I have the same issue as looking at a review page in Gogole SERPS does NOT show the rating. Oddly the rich testing tool is also saying my Google+ page is not a publisher, even though the sites are properly linked and the Google+ publisher page is correct; so there *is* some oddball thing there someplace.
(I suspect the Google+ publisher thing may be due to the phase out of the author element; however since the page is properly linked from the +NeotropeNet/posts G+ page in the meta source; not sure why that shows up.)
The only plugins I’m using are Yoast SEO, two image plugins for resizing, wp-optimize, auto hyperlinks/external links no-follow, and nothing I can see which would impact the snippets. However, I will revisit this once I update the theme to latest version. I was actually waiting to see if there was any dot-revision to the 1.3 iteration before I did that 🙂
-
This reply was modified 11 years by
simchris.
Thanks, will take a gander! Your pagespeed comment reminds me that’s something I need to do as well – I confess to worrying the theme can handle our site traffic. We average around 50-60 million pageviews annually and this theme is “larger” than our prior one. Going to be interesting.
Ray
You can look at one of my sites “in progress” if you wish:
http://ga-ga.com/
Still playing with logo (need to add word “advertisement” next to the line top of page).
Still converting some of the first pages which had images “placed” in the post, to use only the featured image.
Still importing content from one of our other sites which is being retired.
Upshot – not yet done.
Should officially re-launch Jan 2015. Yay. 🙂
(NOTE: I started to do the site with Newspaper before switching to Newsmag, so I have not yet fully optimized the theme for “maximum PageSpeed” as I had done with Newspaper.)
-
This reply was modified 11 years by
simchris.
Hi,
Make sure you use just the theme’s recommended plugins as using this guide won’t guarantee that this will fix this issues for all plugins and remove this from Google’s page speed insights.
You can use our tagdiv speed booster plugin for your page speed and use this guide to find out how to make your site faster: https://forum.tagdiv.com/how-to-make-the-site-faster/
You can also follow this topic to find out how others fixed their issues regarding pagespeed: https://forum.tagdiv.com/topic/pagespeed/
Thanks
Hi,
@dexter Please make sure you use just the theme’s recommended plugins as using this guide won’t guarantee that this will fix this issues for all plugins and remove this from Google’s page speed insights.
You can use our tagdiv speed booster plugin for your page speed and use this guide to find out how to make your site faster: https://forum.tagdiv.com/how-to-make-the-site-faster/
You can also follow this topic to find out how others fixed their issues regarding pagespeed: https://forum.tagdiv.com/topic/pagespeed/
Thanks
Likely you should use the method of adding the compression change line to your functions.php file, turn off smush-it, and then do regenerate thumbnails.
You can find the compression setting in my posts in the pagespeed topic but here it is:
add_filter( 'jpeg_quality', create_function( '', 'return 60;' ) );
Add that to bottom of your functions.php file in the theme folder. Then do regenerate thumbnails. You can also set that to “50” if all the files are being reduced in size from your original images; if any images are being enlarged while also using thumbnail upscale plugin, leave it at 60.
-
This reply was modified 11 years by
simchris.
Adding more bloat and features I/we (our company) don’t need slows down the theme and adds more complexity of code. When speaking of “our” I am speaking for our news network (we have a 32 year old publishing/information business NEOTROPE®). So we have news portals appearing in Google news since it launched in beta; and sites online 10-15 years. “Our” refers to “our company,” not me personally.
For example to make the theme full width requires additional @media classes to resize things to fit the viewport. This adds more CSS, and/or more JS to the theme elements loaded for every page load, even if cached.
Newspaper got a little complicated with the 200 feature requests, mostly for things we didn’t need around here like WooCommerce support, and various other things which bloated the code a bit (generally a “newspaper” isn’t a “store”); but many folks loved the theme and kept piling on “hey can we do this?” and the team kept adding things, and still do so, which is awesome. But it’s got a lot more code than it did a year ago. Not a bad thing, just a little further away from a pure “newspaper” solution, which was its original intent, and hence our original purchase, and support.
Just my thought. Your mileage may vary.
You can certainly modify the theme to change the CSS, or hire a developer, but I doubt they will add “full width” capability, just as they removed the “fixed width” capability from Newspaper (and upset some people); this theme was answer to having a fixed width theme for those who want it. Just an observation, and possibly completely incorrect 🙂
I don’t speak for the company in any way, although quite a bit of my feedback and expertise as a 10-year WordPress user have made their way into some elements of themes and the docs, which is great to help contribute to since we (our company) use both TagDiv themes.
I DO AGREE ON HOME PAGE:
I do agree that it would be cool having the top image bar element full width as an option, although you’d get some issues with the images having to be responsive and both the images and the VC “block” would need to be set to fill the divs, and this means the images used would never be their “actual size” and hence you’d get a warning from PageSpeed about the images being resized (not an issue for us since we use mod_pagespeed to cache “resized” images based on the resized format) – which some people obsessed with pagespeed score might not like. But yeah…. I’d love to see that particular module you’ve identified have a full width option – many sites like news.com, and other have similar element.
So, I do agree on home page; disagree on post pages.
-
This reply was modified 11 years by
simchris.
Hello team,
My website is http://www.movzio.com can you please tell me how i improve my website pagespeed? i’m using microsoft cloud azure? how i optimize properly currently the page size is 3.3 MB so i can reduce it and load fast??
-Mosam
My websites speed insight is very poor and this is due to third party plugins that i have installed to help my the functionality of the site. I read about the the page Speed Booster plugin den installed it, but after doing exactly how you instructed, and refreshing the pagespeed insifht, nothing changed. The render blocking scripts are all still there. Please i need help on how to tackle this. http://nimb.ws/J0MruU
Did you try using the smush-it plugin?
You can download it here
https://wordpress.org/plugins/wp-smushit/
If that was not your question – can you be more specific?
You can also change the default compression by adding a line to your functions.php file (see my notes in the pagespeed sticky topic).
Quick note for those who have read all my posts the past 12 months (time flies!) for my optimization on using NEWSPAPER theme. Note for any links to my ga-ga.com I’ve put in my posts, I have moved that site to now using NEWSMAG, also from TagDiv, as for this particular project site (launching finally Jan 2015!), I found NewsMag fit the project better. So, obviously it’s under construction again, and not fully optimized so testing any of my example page links will be different in pagespeed scores, than what they were up until a month ago.
Only mentioning this, as it came up in another thread.
happy holidays 2014 ! 🙂
Hi can you check my site
i’ve a big problem with speedtest
and in mobile version the logo doesn’t appears.
Can you help me?
This is some of file td-speed-booster.php
/**
* Move the style only on newspaper
* @todo move the style also on newsmag after we fix all the issues
*/
if ($this->is_ie === false and TD_THEME_NAME == ‘Newspaper’) {
$this->move_style_to_footer(‘td-bootstrap’);
$this->move_style_to_footer(‘td-theme’); //this is the main style of the theme, it depends on td-bootstrap to load
}
$this->move_style_to_footer(‘google-font-rest’);
$this->move_style_to_footer(‘woocommerce_frontend_styles’);
//jetpack lost styles
$this->move_style_to_footer(‘jetpack-subscriptions’);
$this->move_style_to_footer(‘jetpack-widgets’);
$this->move_style_to_footer(‘easy-modal-site’);
$this->move_style_to_footer(‘tm_clicktotweet’);
$this->move_style_to_footer(‘contact-form-7’);
$this->move_style_to_footer(‘optinforms-stylesheet’);
$this->move_style_to_footer(‘rs-plugin-settings’);
$this->move_style_to_footer(‘teeoptimize-plugin-styles’);
$this->move_style_to_footer(‘boxes’);
$this->move_style_to_footer(‘google-font-rest’);
$this->move_style_to_footer(‘td-bootstrap’);
$this->move_style_to_footer(‘td-theme’);
$this->move_style_to_footer(‘js_composer_front’);
$this->move_style_to_footer(‘js_composer_custom_css’);
$this->move_style_to_footer(‘td-bootstrap’);
$this->move_style_to_footer(‘optimizepress-fancybox’);
$this->move_style_to_footer(‘optimizepress-wp’);
$this->move_style_to_footer(‘optimizepress-default’);
$this->move_style_to_footer(‘flare’);
$this->move_style_to_footer(‘flare-oswald-font’);
/**
* move javascript to footer
*/
$this->move_js_to_footer(‘themepunchtools’);
$this->move_js_to_footer(‘revmin’);
$this->move_js_to_footer(‘teeoptimize-plugin-script’);
$this->move_js_to_footer(‘optimizepress-loadScript’);
$this->move_js_to_footer(‘optimizepress-noconflict-js’);
$this->move_js_to_footer(‘optimizepress-loadScript’);
$this->move_js_to_footer(‘optimizepress-placeholder’);
$this->move_js_to_footer(‘optimizepress-fancybox’);
$this->move_js_to_footer(‘admin-bar’);
$this->move_js_to_footer(‘easy-modal-site’);
$this->move_js_to_footer(‘contact-form-7’);
$this->move_js_to_footer(‘jquery’);
$this->move_js_to_footer(‘placeholder’);
$this->move_js_to_footer(‘tp-tools’);
}