- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperBest Of Forums
- NewsmagRequirements for Newsmag
- NewspaperHow to Make the Site Faster
Hi – just my 2 cents –
before doing anything (theme out of box on new shared server) – had page speeds of 45 mobile and 58 desktop
then, added gz deflate code to htaccess file, and configured W3 total cache – and now my google page speeds are: mobile 75 and desktop 92 – and I am fine with it
In my opinion, for shared servers – wordpress isn’t going to get much faster than that…
the gz deflate had the most increase (I forgot to track the exact increase – but it was over 20) – if someone needs to know how to do this – I would recommend asking support on your hosting site –
I added back “addthis” plugin – and desktop speed only went down to 91 – but for me totally worth the “add this” value…
I should also note that I currently do not run ads on my sites (still developing content) but I agree that will slow it down a bit (that was mentioned)
One thing I would like to know if the theme could clean this up though (from google speed test)
Optimize CSS Delivery of the following:
http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.7.1
http://fonts.googleapis.com/css?family=Ubuntu%3A300%2C400%2C500%2C700%2C300italic%2C400italic%2C500italic%2C700italic&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Clatin-ext%2Ccyrillic&ver=3.7.1
http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic&subset=latin%2Ccyrillic-ext%2Clatin-ext%2Ccyrillic&ver=3.7.1
http://fonts.googleapis.com/css?family=Oswald%3A400%2C300%2C700&subset=latin%2Clatin-ext&ver=3.7.1
http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.7.1
Hi, Radu
and so, I now say “d’oh” (per Homer Simpson).
That page should definitely be a sticky under a new topic
General Support: Page Speed (locked from posts by others perhaps?)
Otherwise you’re going to keep getting posts from folks over and over on this topic, primarily from non-developers, but also from folks just wanting the basic “tips.”
I think the async option in the 2.1 will help with ads, and also the option to use web safe fonts (e.g., Georgia, Arial/Helvetica, Trebuchet for body fonts) would help too.
Keep up the great work 🙂
Hello,
@Christopher – we do have a guide here: https://forum.tagdiv.com/how-to-make-the-site-faster/ .
We ship the same code that we have on the server. I have this idea to make an diagnostics tool that will indicate exactly why the site is slow but I don’t think we will finish it this year.
In general google synchronous ads, plugins and theme customization (especially fonts) slow the site.
Note the TagDiv demo does *not* have Google Ads running. This impacts the PageSpeed rating in positive way. Any site running Google Ads will get about a 5-8 point hit which is a “false positive” on error.
We do need “async” mode ads, though, as a priority.
Reminder:
test your PAGE SPEED without certain plugins which “wreck” page speed rating
1) we added the Addthis plugin for social media, which generates errors on pagespeed but doesn’t actually slow things down notably;
2) page speed will *always* be slow with Google Ads running, as their own ad system generates many of the errors. GTMetrix gives more accurate score as it ignores the “false positives” of Google penalizes their own ad modules (!)
Test your page without any social media plugins or advertising.
You will NEVER get 96+ with ads running on page, or any plugin which phones home or pings all the social media sites to generate “number of shares.”
Our “96” Google Page Speed rating was without the ads running or the new addthis plugin running right now.
I shared the htaccess info that you should be using on your site for expiration headers.
tanks Christopher portal
result or page 69 -100 mobile
result desktop 83 – 100 mobile
thema NEWSPAPER
mobile 91 – 100
desktop 97 – 100
97 developer could think he can show how to get the files that score
example files and hack
. htpacces
plugins
css (hack)
crop image
developer newspaper help?
vidapropria
Hi! Not sure if this weill help you or not, but note I previously shared how to do the htaccess .. remember it’s not the function of the “theme” to teach you how to optimize your website, you need to go research how to optimize your site, hosting account, optimize your images in Photoshop or similar prior to upload, etc.
Buying a race car doesn’t teach you how to drive — it can go 150 MPH/KPH but you have to take the wheel.
There are numerous resources on the net to learn how to set-up your web server account for gzip, expiration headers, optimize your images prior to uploading to your site, editing your htaccess file for WordPress, limiting use of resource hogging plugins unless absolutely necessary, etc., using W3cache with the minimal settings recommended in this forum from Radu/Marius (( QUOTE: w3 total cache use only the ‘full page cache.’ ))
You can see some info I shared here that might be helpful to optimizing YOUR site:
https://forum.tagdiv.com/topic/what-is-your-googlespeed-value/
Our site using Newspaper has “96” speed without using a cache plugin or CDN (yet). We followed “best practices” for managing a WP theme and proper server setup.
If you run a speed test on YOUR site (PageSpeed or GTMetrix, etc), then follow the changes you can make first, that is a huge step in optimizing YOUR site.
Radu/Marius … feel free to borrow from my posts to create a “sticky” on
“TIPS FOR PAGE SPEED OPTIMIZATION” or similar. 🙂
-
This reply was modified 12 years by
simchris.
I wish the developer wordpress thema newspaper
We show how you got that score 97-100 in thema
example files and hack
. htpacces
plugins
css (hack)
crop image
for us who bought the thema because the score
Hi, PhilDbz
we like the addthis plugin since you can customize how you want it to look, specify the buttons you want always on, etc. In our case over the past many years, we had more trouble with sharethis than addthis, but it’s personal preference kind of like disqus vs livefyre etc (we’re moving to “no comments” on some sites due to nonstop forum spam).
On our main business site we hand code that into the layout then load the addthis stuff via async.
Addthis seems to work well when checking for pagespeed, too, although all those things throw up the usual js/css “warnings” …
anyway point was, addthis does allow you to have the buttons with the likes/numbers. I went without those as it slows down page to go get that data for the visitor, who generally could care less how many other people have liked something on FB.
Would you like to conquer all 97 tasks 100
example
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper%2F
example .htpacces cropping images css changes
waiting
Additionally, I use the WP-Optimize plugin to regularly optimize my WP dbase. Cutting 800kb out of your dbase once a week, or after a large number of posts/pages, also speeds up your system overhead.
Typically, we post several stories, then do backup of WP dbase for safekeeping, then run WP optimize to clean house of all the temp files, overhead, etc.
Much like SEO, “Page Speed” is a program and not a plugin. It requires research, implementation and support ticket with your hosting provider, or if you have a VPS or full dedicated box, they don’t turn anything on for you by default — you have to tell them what you need to make it go. We had to test our server cache settings as the first time they were too broad, and we dialed that back (you don’t want to have your home page cached for a week, obviously, but images can be cached for a month or year, for example as they don’t change).
Enabling gzip or similar compression on web server is mandatory, and this is good for 20+ points on Page Speed (SERIOUSLY!). What this does is compress the files sent to the web browser which the web browser decompresses on the fly (modern PCs and Macs are mini supercomputers after all); so instantly almost everything sent from the page to the browser is cut by 50-80% — THAT speeds up the page immensely.
THE TAKEAWAY:
1) web server compression MUST be enabled and setup — this is good for 20+ points on Google Page Speed !
2) proper expiration headers must be served for static content like local hosted fonts, favicon, apple icons, images — this also impacts page speed as it tells browsers like Chrome and Google’s caching server not to keep loading content over and over again.
3) images must be properly optimized before upload to your blog/publication — don’t upload a 50kb file if a 25kb file will do —
4) avoid bad behavior plugins such as those which load additional style sheets not needed, or loading too many ad units (10 ad units on a page will slow it down!)
5) consider using a caching plugin like W3C which can fix things like combining CSS, moving JS to footer
TEST, modify, review, TEST, review, adjust.
Obviously Radu, Marius and co need to setup a FAQs/knowledgebase page for all their themes on this topic or folks will keep posting again and again asking why their WP page doesn’t get 99. The theme is part of the picture, not the only item in the picture.
Sharing all of this as this topic has been the #1 thing I’ve been working on with our other sites, including our main business site which I have up to 99 PageSpeed and 96 YSLOW, using a CDN on top of our own dedicated server, but NOT using WordPress. It’s a complex subject, but Radu and co have done a freaky good job in making this theme work with all the other pieces — and I bought about 10 other themes before this one — and they all sucked, as we say here in the states.
Peace and hope all of that helped somebody 🙂
Hello,
are you using a VPS? Please enable compression! That is one of the main causes of your bad pagespeed rating. http://screencast.com/t/6rBEeA5cg2
On the demo we are running a stock theme with our stock speed booster plugin! Also note that any additional plugins slow the theme down and lower the score in pagespeed.
Other then that we are using a lot of advanced optimization tech incs not employed but our competition. On a good server + little plugins the theme is capable of 100% on pagespeed.
Radu from tagDiv
Hello,
This theme has a nice design.
But my main purpose of my purchase was googlespeed value is too high.Demo values ​​97 or 100.
However, after having setup after purchase my speed was 65 my values​​.
A topic in the forum, but I have said that hosting related problems. But I’m worth googlespeed with my previous theme was 85.
Anyone following link from google speed test and here you can write your own site? Wonder if we’re having trouble hosting sourced Does what is the problem?
Please test and write forum
http://developers.google.com/speed/pagespeed/insights/
Please check only problem with the server not relevant
Summary of Recommendations look
Just heads up to folks worrying about page speed, one great resource you may already be aware of is my friends at GT in Canada who built a neat testing tool years back, here: http://gtmetrix.com/
Paste in any page URL from your site, such as a post page, and it will tell your speed scores with Google PageSpeed and Yahoo Yslow – but also give you suggestions on various things you can fix; particularly useful is looking at number of calls for some plugins that “dial out” for avatars, social media, etc.
Keeping in mind that most WP themes may have too many calls to CSS files, and some plugins add more, which they shouldn’t (I’ve got one called ‘external links’ right now, and not using any of the CSS in the plugin, but he still loads another style sheet, not needed – having to bug him to remove that …) …
Anyway… it’s a good reference to some of the issues folks run into prior to optimization. YOu can create free account, then run a scan, and then when you tweak, you can come back and rerun test, and see improvements over time.
It’s more useful than running Google Page Speed insights, as it actually provides tips and exmaples on how to actually address each issue, along with explanations – which Google does in a roundabout or confusing way or not at all (meaning Google penalizes your page speed for their own AdSense content … which is hilarious … “you should fix this” – and it’s their content that needs fix!).
I’ve spent 3 months optimizing our main business site (not using WordPress) which has been an adventure; now starting on the WordPress stuff.
I can tell you from experience that Radu and co are doing an amazing job with optimization within the confines of the WordPress setup which inherently has numerous flaws for SEO, like the method for CSS redirect used in the child themes (WP core devs keep using a method not recommended by the rest of the universe … for example).
So, there is a *lot* going on with WP, which *no* theme maker can fully address, only tweak and you need to research common problems and workarounds for *ALL* WP based installs when concerned with Page Speed.
For instance, I do *NOT* use JetPack myself as it “phones home” all over the place and slows things down. SO, every little spinning widget and flashing light and cannon blasting all slow down the page. If you want the most speed with WP, you need to have the simplest layout possible, ala Newspaper, for this kind of site, and then optimize the heck out of all your images, minimize anything that calls out to other sites (like FB comments box), certain JetPack things, and anything that doesn’t run in async with javascript, and avoid plugins which add more CSS style sheets and can’t inherent code, or properly write custom CSS into the head INLINE, not as yet another external style sheet!
Just some suggestions, somebody may find useful as a WP user since 2005, and webdev since 1994.
Hey iOSPortalSK:
Yup. Most of our sites are 1+ million page views, so we’re on top of that big time with anything we can do async or deferred or compressed (helps having our own dedicated dual xeon server, too). 🙂 Ironically, Google penalizes its own ad network in pagespeed tests, so often good for mental health to deactivate adsense when testing your pages for a raw number !
-
This reply was modified 12 years by
simchris.
Hello,
Please can you provide more information about your issue with speed and the layout on mobile. On our demo as you can see the page speed get a 99% score on mobile and the layout looks ok on mobile. http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper%2F
Thanks for the message!
Actually, Marius from tagDiv *did* put the instructions in his reply to the original query. So far everybody at tagDiv has been doing pretty well in replying and responding to fixes for a work in progress. They are doing a tremendous job; and I particularly admire them for doing a very hard thing with modern responsive design — I know, we tried to build our own similar to this recently and literally lost some hair over it. Even for a static B2B site we’re redoing (our main site that pays the bills), dealing with responsive + HTML5 + PageSpeed + CSS/js optimization is a nightmare to “do it right.” I’ve suffered a LOT of poor coding, bloated frameworks on top of WordPress that get abandoned or won’t update, custom panels that break, and hideous custom hooks that modify WP dbases with additional fields that are not needed, and won’t go away when changing themes, etc. — So far these folk are doing a GREAT job, in my opinion, so be sure to show them the love whenever possible. Just sayin’.