- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsSystem status parameters guide
several of your errors should be set on on the server/hosting side of things and not via WordPress / plugins
1) gzip/deflate must be set to “on” for your server; contact your hosting provider
2) browser caching is controlled via expiration headers for content; with Apache it’s easy with htaccess file (see the pagespeed sticky topic for my settings)
3) vary/accept encoding header, set at server
Note that is why these items are marked “server” when doing test check on speed. These items are good for about 20 points alone and should be done first before doing anything else as these are necessary for ANY website, especially WP, to run faster (or really, to run properly).
@Orlando
you likely have some conflict with a plugin, or your server may be slow. I’ve not seen this issue on our sites at all. You should try deactivating plugins to see which one is causing the flash of unstyled text, or something inserting CSS in the head that is causing a delay to load rest of page such as slow ad network, complex jetpack element, or whatever. The plugin has been very highly tested with the theme, the recommended plugins, and on hundreds of websites (thousands?) and works very well when everything plays nice.
Sorry I don’t have better suggestion, but that’s the best advice I have. I went through these issues in January when we moved to new server. Couple of crappy old plugins simply no longer worked with WP 3.9 at all, and was not a theme or speedbooster related issue.
Hi Guys,
Need your advise and knowledge.
I am unsure if I should create my website using custom (static) pages with the pagebuilder OR leave te pagebuilding to WordPress and use it’s category (archive) pages that are automatically generated?
What are the pro’s and con’s of these two different approaches? What is better for SEO, speed, possibilities etc?
Is there maybe a combination of the two possible, best of both worlds?
Hope you can give me some good advise.
Thanks 🙂
‘Speed Booster Options’ has slowed my website down, adding an extra 2-3seconds loading time.
What options would be ticked? At the moment it’s ‘Compression level: 90’ and all the boxes are selected.
Is this correct?
Thanks 🙂
Hi
When I upload images to my website I always save them for the web , by compressing the image and make progressive using Photoshop.
When I run tests on my website, pagespeed is picking up that the thumbnails generated for the theme are neither progressive or compressed!
Any way I can automatically set these from the script that is run when images added to the website?
@manual
best bet for my stuff, is go “backwards” from here as the stuff for htaccess file still good, for Apache/Linux. I’m only running nginx for some stuff on our server, we use Apache for compatibility with 20 years of content and some stuff not practical to reinvent at this time.
mod_pagespeed … I am running kind of a moderate number of things with defaults on server wide, then htaccess for local per site/folder controls/over-rides or “off.” With nginx I think you have to use a config file.
Anyway…. here’s my htaccess minus the 301 stuff:
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters move_css_to_head
ModPagespeedEnableFilters combine_css
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>
# start WordPress
(removed; might be diff for other setups :-)
# END WordPress
AddType text/javascript .js
# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>
# END Expire headers
# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</IfModule>
# END Cache-Control Headers
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>
Here’s my robots.txt file (again, your needs may vary)
User-agent: *
Disallow: /cgi-bin
Disallow: /cgi-bin/
Disallow: /wp-admin
Disallow: /wp-admin/
Disallow: /wp-includes
Disallow: /wp-includes/
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/themes
Disallow: /wp-content/upgrade
Disallow: /wp-content/backup-*
Disallow: /aff/
Disallow: /search/*/*
Disallow: /trackback
Disallow: */trackback
Disallow: /trackback/
We’re currently not running things off our Amazon CDN for the WP sites, in favor of using the horsepower of the dedicated server with high-speed switch, APC, mod_pagespeed, etc. Not finding it super beneficial to load those 1kb sprites off the CDN, frankly. (Brand new web server Dec. 2013). And for us tweaking is simpler when it’s all using one system, and letting mod_pagespeed fix some stuff.
I was manually minifying the style.css file and couple other things. Have not done that with latest version (just updated last weekend). Simple to do … some of my posts on here reference the websites like css minifier where you can copy/paste your code, make new file and over-write the theme css file to solve that issue (takes 5 minutes).
I had too many issues with the caching plugins so not using right now.
Take Google’s PageSpeed Insights with major grain of salt.
On one of my project sites (not running WP), we have the CSS loading from external file, minified, got pagespeed score of 87 and warning about only 47% of page loading above the fold (menu wasn’t showing up), and this could be seen missing from screen capture. So, we put all the code inline, speed went to 95 desktop, 85 mobile, but warning about above the fold now says only 1% was able to be loaded, but snapshot of screen shows everything above fold loaded properly.
Similarly on our WP install running Newspaper, here’s one of their wonderful “suggestions” ….
Reduce server response time
In our test, your server responded in 0.36 seconds. There are many factors that can slow down your server response time. Please read our recommendations to learn how you can monitor and measure where your server is spending the most time.
So, apparently 0.36 seconds is considered slow?
🙂
Hi,
My website speed is horible.Mobile menu is not working.Please help me out.Give action steps need to be done.
Weblink: http://mavcure.com/
Ironically, many of the theme updates are to fix issues with added features requested by users.
Disagree with some of these:
most people don’t look at weather on websites anymore since it’s on their cellphone. 5-10 years ago this was popular… now? Not so much.
If you have your breaking news on homepage, category page, tag, right side of each post, a news ticker now is a bit gimmicky unless you have breaking news every 5-10 minutes. 99% of major news portals no longer have this.
Full search bar – many people don’t search “on” the site anymore; and MOST designs for websites have gone to the search only appearing when clicked (NY Times, LA Times, etc.)
“Readers” start on home page. Anecdotal visitors come from search engine search, not from searching on site.
Just my thoughts. All of these “bloat” elements really slow down the site, page load, pagespeed, and most have to be removed for mobile, so, not super useful to most people.
Comments based on our news portals online 15 years, updated daily. Your mileage may vary.
PERSONALLY: I would like to see an update to ensure all the underlying elements are 100% up to date and 100% solid for a newspaper theme, and would like to see the author element on by default on post pages which is industry standard practice – this is more important to us than more bbpress, woocommerce, supermenus, etc. Speed, reliability, consistency.
Speed Booster Pack
This plugin is a all in one that will give you that 95% score on Google PageSpeed, YSlow, Pingdom and GTmetrix.
The plugin comes with some great features like:
1. Moves scripts to the footer to improve page loading speed.
2. Loads javascript files from Google Libraries rather than serving them from your WordPress install directly, to reduce latency, increase parallelism and improve caching.
3. Defers parsing of javascript files to reduce the initial load time of your page.
4.Removes query strings from static resources to improve your speed scores.
5. Removes extra Font Awesome stylesheets added to your theme by certain plugins, if Font Awesome is already used in your theme.
6. Removes junk header tags to clean up your WordPress Header.
I’m using this plugin as well and it really help removed the rest of those files in render-blocking CSS and JS files.
With this plugin you will not need the other plugin ““Query Strings Remover”…
The plugin name is “Speed Booster Pack” by the author tiguan
You can download this plugin via the wordpress website @ this url
http://wordpress.org/plugins/speed-booster-pack/
Speed Booster Pack – Documentation
Here is another awesome plugin that every one should have install it’s called “Query Strings Remover” i’m using it as well and it works great.
What this plugin do is remove the query strings from your static resources like CSS and JavaScript files to help improve your cache performance and overall score in Google PageSpeed, YSlow, Pingdom and GTmetrix.
The plugin name is “Query Strings Remover” by the author Atul Kumar Pandey
You can download this plugin via the wordpress website @ this url
I just want to share with most of those people that stress over the google pagespeed score and the issue they having with the “render-blocking CSS and JS files” i’m using a awesome plugin that stop this issue and i’ll like to recommend this plugin because it works great and stop that issue with render-blocking CSS and JS files.
The plugin name is “Async JS and CSS” by the author elCHAVALdelaWEB
You can download this plugin via the wordpress website @ this url
http://wordpress.org/plugins/async-js-and-css/
Also i have another awesome plugin i used as well that removed “Leverage browser caching”
You can find that plugin also via wordpress website @ the url http://wordpress.org/plugins/leverage-browser-caching-ninjas/
I’m just trying to past on my tips that works great for my self and make my site fast etc..i have more but not sure if every one will want to hear about them…:)
@Lukao350
Hi, it’s almost impossible to fully remove all render blocking — most websites need to have some CSS load before the page … otherwise you get a flash of unstyled text – where page starts to load but is messed up, then the CSS loads and corrects – ugly.
So, with full optimization, you typically you will end up with one main CSS file, and one main JS file, as well as the other render blocking stuff will be external files (e.g., fonts from Google) that don’t load in “async” mode. The TagDiv Speed Booster plugin helps a bit – have you tried that yet ?
##EDIT## Please notice that after double checking my website could not be viewed on mobile. at least not mine so I did have to unplug it. If someone with experience here have solution then please share.
Hi all,
My first comment. I´m not a PRO so please correct me if needed.
I have been trying so many things to speed my site up and first it was only 50+.
I did make it goes to 73 on desktop today but then after research I found this magic plugin ” far future expiration plugin”
Now my site show 67 mobile AND
100 / 100Suggestions Summary for desktop
Congratulations! No issues found.
Hmn.. I´m sure if that can be true but my site is fast on my desktop at least.
Sorry I don´t want to share my link here but just try it yourself ( the plugin )
-
This reply was modified 12 years by
Thor.
Why not simply create a robots.txt file ?
Robots text file is not needed for SEO; it’s primary purpose is to identify which sections of website NOT to search for robots, and to point at your sitemap.
If you have already submitted sitemap to Google and Bing webmaster tools, it’s kind of redundant for some things.
You might look at my example robots.txt file in the SEO/pagespeed sticky thread, to see what one looks like.
A robots.txt file is intended to give directions to search bots, hence name of file. It’s not seen in Google search results, and has nothing to do with your site content SEO which is all done “on page” and “per post” on your site.
If you need one, simply create a text file: robots.txt and upload to your root area of your website; you may need to change write permissions (775 or 777) if you want something like Yoast to be able to edit the file. Some WordPress installs automatically create the file now, with exceptions to inform robots/spiders to skip the wp-admin folder, etc.
wp settings > reading
Further: if you put the WRONG entries in your robots.txt file like saying “ignore my posts directory” then nothing will be seen by Google. The robots.txt file is often used to tell Google your site is under construction… if you have such a setting “hide from search engines” in your wp settings > reading … then that may be your issue.
Robots.txt is *NOT* part of the theme.
@fabriciosahdo
I don’t work here, just trying to be helpful.
No theme can help you optimize your hosting, or web server setup. No theme can optimize the content you’re uploading automatically. No theme can customize the settings needed for your htaccess or nginx config file. These are things YOU need to do in optimizing your or any WordPress-based website.
Just like the demo shows an example of how your site might look, YOU still have to configure it to your needs.
A theme is only a set of content styles running on top of your WordPress install, which is running on top of your domain account, which is running on top of the web server setup.
You should contact the theme developer for any refund issues.
You may want to hire a WordPress developer if many of the elements of managing a WordPress site are new to you. You should definitely explore how PageSpeed works for a better understanding of what is involved, as you will need to optimize your system with *any* theme you choose to use.
-
This reply was modified 12 years by
simchris.
you need to optimize your site for optimized images, caching, use the tagdiv speed booster plugin, expires headers, etc. The theme cannot fix your content or your website or hosting, these are things you need to do.
See the documentation, and also read through this entire thread to get a better understanding on how you can improve your site performance.
why we have these differences? I have same problem. How can do my website performance like on demo page?
check my website stats:
Thanks.
-
This reply was modified 12 years by
maxu.
Hi, thanks for the answer, I’m gonna read that topic.
kadininrehberi.net here is my website
I guess the fonts are these.
<link rel='stylesheet' id='google-font-opensans-css' href='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.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-ubuntu-css' href='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.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-pt-sans-css' href='http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic&subset=latin%2Ccyrillic-ext%2Clatin-ext%2Ccyrillic&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-oswald-css' href='http://fonts.googleapis.com/css?family=Oswald%3A400%2C300%2C700&subset=latin%2Clatin-ext&ver=3.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-roboto-cond-css' href='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.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-fonts-style-css' href='http://fonts.googleapis.com/css?family=Droid+Serif%3A400%2C700%7COswald%3A400%2C700%7CJosefin+Sans%3A400%2C700&ver=3.9.1' type='text/css' media='all' />
But I only want to move these, for js and css I am using another plugin, so I don’t want speedbooster to interfere in anything except google fonts.
If all browsers were the same then yes, you might be right. But since the different browsers do work differently behind all the pretty colors and sounds, I’m gonna go with those differences being more than just coincidence.
Now back to the topic at hand. How are you implementing your background color and image? Your site shows neither the color or image in Firefox.
How are you implementing your CDN? There may be a compatibility issue with Could Flare and Newspaper. And before you get snarky again these incompatibilities can occur without you doing anything messing up what worked before.
Chances are you need one of the dev team members to login and find the issue. Plugin conflict is still the most likely, next would be custom CSS error/lack of cross browser compatibility.
The 404 error you get is saying that you’re using inline images encoded in Base64 – a not-so-reliable way of reducing HTTP requests when loading images that is known to cause issues to websites, not themes or software, but websites of all types. Are you running any compression, caching or other website speed-up plugins?
tagDiv speed booster is still in beta! Currently it is affecting the theme customizer and probably some plugins.
This plugin is for advanced users only. We are still working on it.~ Radu
That’s from the “WARNING – readme” file in the theme. It’s experimental.
Disable speed booster and have fun!
If i enable TagDiv Speed Booster my website load good but it only shows blank space, if I disable Speed Booster works good…
Hello,
After the update of the template (version 3.8) I have had a problem with “register/log in” button via tagDiv Login Form. I mean when you insert the username and password and subsequently click “log in” there is no response. Previously I’ve also had the problem because of this plugin, and still I can’t register. Do you have any suggestions? In addition, my website doesn’t have many plugins which could possibly cause such errors. I use e.g. ( WordPress SEO, Plugin Organizer, tagDiv Speedbooster, tagDiv Social Counter, Regenerate Thumbnails, WpProQuiz, Compact Audio Player, bbPress, Wp Super Cache, JetPack, Aksiment).
What’s more, this plugin has caused many “artificial attempts” to log in which naturally didn’t take place and due to that my hosting provider blocked my IP for some time. Is there any good solution so that my users could register/log in with the use of this plugin? I’d be more than grateful for your help 🙂
It’s in the main zip file with ALL the content for theme, which you download from themeforest, the same folder with psd files, documentation, etc. — note the folder “plugins”…
This is in the zip file you download, not on your web server. These should be in your project folder on your computer.
Newspaper-tf > plugins > td-speed-booster.zip
always good idea to “explore” the folders and files you download after purchase before upload to your own website.
Thanks for all the kind words @OTIS and @AJ – and all. I’ve been happy to help out. Glad it’s been useful to some folks with the page speed stuff, image stuff, customizations, general wordpress WTF stuff, etc.
@snowwatchGB
Um. Because it’s a nice thing to do? Sorry that’s an alien concept to you, based on your post. Something to look into down the road perhaps.
Nothing better to do? I run a business which was an Inc. 5000 listed company, blah blah.
I’ve been an award winning graphic designer since a teenager in the 70s, have design award from Apple (!), widely interviewed in the press (Entrepreneur, Chicago Sun Times, etc), used to write monthly column on web design a decade ago for Digital Imaging, Micro Publishing News, Graphic Artist Guild; started building websites 1995, SEO and ecom 1996, built Oprah Winfrey’s ecom solution (and hosted it) for her “Begin with Love” video series; CEO of a design and publishing company, webdev, seo, PR, marketing, etc. Was on annual judging panel for PRSA “Excellence in Tech Journalism” awards. My websites generate 10 million page views per month. Some stories have gotten one million views for ONE story, in one week. Most sites have been online for 15+ years.
So, upshot my time is very valuable and I work huge hours and am involved with thousands of pages of content at any given time (google ‘Neotrope’ or ‘Send2Press’ to see what I mean).
But since you asked:
I often multi-task on my two 23-inch Apple cinema displays; and during the day I often have to do multiple things at once, like waiting for a bunch of things to FTP, waiting for mailing list system to run, run ecom system optimizations and backup, wait for client reply to do a same day project. Talk on phone to clients, etc.
So, I often have some “free time” where I check in on technical issues which may impact my business, from Heartbleed bug, PCI-DSS compliance, or support forums for the various commercial products I use.
Or as I stated to begin with:
....offering some help to others to pay forward all the help I’ve gotten over the years on stuff where I was pulling my hair out.
This means that I’ve been lucky to get help from many others over the years on stuff simple and complex and unsolvable without a forum poster saying ‘go look at this dummy’ and then I figure it out. A LOT OF WEB STUFF HAS CRAP DOCUMENTATION. There are whole websites in the webdev world just for this kind of thing …and I’ve had numerous issues with my ecom platform (NOT woocommerce), or issues with our dedicated servers which I would never have been able to sort out without help form somebody on a forum when the company tech support was clueless.
So, the time I’ve put in here has been to HELP others … to pay back the help I’ve gotten from so many over the years. I also pop in to the forum for my ecom software, have provided feedback to Yoast on bugs in his programs (e.g., beta of the news addon, issue with the twitter account field, etc.), and various other arcane things related to the web dev world.
For the average joe running a blog, that person doesn’t often have time or inclination, or sometimes the braincells to FIGURE IT OUT, which some of us do as matter of course. So, folks like me who post back some tips, tricks, or stuff that tagDiv might not even know, is useful. I’ve been managing WordPress sites daily since Jan 2006. I’ve learned more than a few things.
So, this is where the term “paying it forward” came from.
Pay it forward is an expression for describing the beneficiary of a good deed repaying it to others instead of to the original benefactor.
In any case …. happy earth day to all, and to all a good night! 🙂