Hi Guys,
Just want to share my two cents, I am a non-coder so couldn’t do any technical stuff. When I installed Newspaper, my pagespeed score on GTMetrix was 43. I realized there was some hack in my php files, so cleaned them up bu the speed reached only around 48.
I changed host from Site5 to KnownHost with SSD drive and extra RAM. The reading did reach 75-80 with that.
Following this I installed P3 Plugin Profiler and found out that Jetpack and Yoast SEO (1.5.x.x) was eating 90% of the total plugin resources. I unisntalled Jestpack; it was useful plugin but not indispensable.
I also removed Yoast SEO. The decision was easy as I felt it didn’t improve my SEO. Yes, I said it! I know how big a name Yoast is, but it didn’t work for me. May be I didn’t use it the right way but hell I would rather not use what I don’t know how to use and the cost opportunity was too high as speed was important to me.
And her is the result:
Good job 🙂
Yes, we’ve had a *LOT* of trouble with Yoast SEO 1.5x due to their adding new features for bulk content changes, connectivity to Google Analytics. We are now looking for a more simple SEO tool, as we used to have an inhouse plugin to simply put all the social media and OG tags, custom field stuff in the head, without some of the other shenanigans now included, and adding more complexity and PROBLEMS. With Yoast SEO properly configured with all the extra crap turned off it does help manage a lot of things, and should not hurt pagespeed in the sense that nothing should be loaded externally or custom CSS, etc.
Jetpack however is a dog for speed even though cloud based. And many would disagree, but NOT using it unless you have to speeds up site tremendously. For bloggers it is awesome to add new features, for high content/traffic sites, not so much (in my opinion).
We’re looking at alternatives for a “simpler” SEO tool again, without the intrusive stuff they have been doing. No way to turn off the stoplight on right side of posts, broken google news features in 1.5, etc. Perhaps time to move on …. I will update as I move forward on this topic. 🙂
Update for those using mod_pagespeed – either on hosting service using .htaccess or self-hosted and using .htaccess to control on/off stuff.
UPDATE for Newspaper 3.5:
do not use these as they break the slide out recommended posts widget.
ModPagespeedEnableFilters move_css_to_head
ModPagespeedEnableFilters combine_cssThese settings also appear to cause the “whiteout page” issue with the tagDiv Speed Booster 2.1 plugin, with 3.5.
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>However, these minimal settings should *NOT* cause the page to “white out” since whitespace only removes empty spaces, comments are elements best removed anyway, and images and DNS has nothing to do with the Speed Booster AFAIK.
I will have to ping Radu on this issue once they get caught up on the current update cycle to sort out conflict with the speed booster plugin and mod_pagespeed, as obviously they should be able to work together and did so just fine in the 2x theme versions.
More later …
Actually … I think this might be due to a caching issue with mod_pagespeed, but still testing. With mod_pagespeed “on” at all, I have issues with the “suggested” flyout, and the styles for the social sharing with tags box breaks.
Will update as I test this for plugin conflict, or cleaning the mod_pagespeed cache, even though it’s NOT supposed to cache anything in the wp-content/theme folder, like a stylesheet.
For those using mod_pagespeed – this is relevant, for everybody else just ignore these minor updates 🙂
Hello
why my website can be slow. Please help me
i used plugin
w3 total cache
my website: ddekor.com
gtmetrix Latest Performance: Page Speed Grade: A (91%) YSlow Grade: C (74%)
PageSpeed Insights : mobile: 72/100 desktop: 84/100
What is problem? Thank you
Hello please help me
After using newspaper theme when i try to use another wordpress theme or my old existing theme my site load blank page. when i use Ctrl+u keys i see page source code perfectly but nothing is displayed in normal mode i mean all page is blank, i can only access to site admin panel. sorry for bad english please help me. Newspepar theme give blank page one mobile device so i would like to use another them.
PS: i use latest version of wordpress
Hi, #emre
you should read through all of the thread for info on adding elements to your .htaccess file, making sure you optimize images, and set images to be as small as possible, make sure your hosting provider is properly service pages as efficiently as possible, and limit use of plugins and anything that makes external calls … anything like social media buttons with “number of likes” or AdSense ads, or JetPack will all slow down the page.
Hi there,
I have a problem with my web page speed. I have wallpapers website it contains thousands of images but on home page it not contain thousands of images but my webpage speed is seriously low check this
Kindly help me to optimize my website i’m loosing serious traffic. Kindly tell me how to optimize my wallpapers website I will be very thankful to you and also tell me i want to show links ads under home menu so tell me how can I do this??
Regards,
Saad
UPDATE ON MOD_PAGESPEED with NEWSPAPER THEME and TAGDIV SPEED BOOSTER.
Okay, seems to work fine with Newspaper 3.6 – some oddity with 3.5.
So far, only real weirdness in 3.6, is on the iPad Air/Retina iOS 7.1 in vertical mode, the < > arrows for previous and next article below post disappear. Can’t figure that one out yet. Might need to replace those with » if I can’t sort it.
i try to read all of these posts.
-Firstly, i set w3 cache and i activate only page cache, and result;
http://yadi.sk/d/vnE9hP73MJ5N4 What do i do wrong ?
-Second problem is that i didnt understand what i need to add .htaccess
-Also, although i installed “GZIP Output”, gzip is 57 point in page speed, 0 points in Yslow in gtmetrix. plz help me
gzip/deflate is managed at the web server level – it needs to be running for your hosting account. This allows the web server to automatically compress everything sent by the web server from your site to the web browser. This alone is good for 20+ points. This is the #1 thing which should be addressed. Ideally your web host should have this on for your account. If they won’t enable it, move to another host who will!
If you look at my posts there is an example of the .htaccess settings that I used for
the “expiration headers”
For images:
1) you need to use a compression plugin, like smush.it or similar (see comments from others in the thread); this will optimize all the thumbs created by WP and the theme
2) upload well compressed images (e.g., 25-40kb max, not 150kb or 700kb — unless you’re doing some kind of photo/portfolio site where quality is first concern)
3) consider changing the compression level by default in WP, which is done in the functions.php file at bottom using the code I’ve suggested in my posts — setting it to something like “60” vs the default “90” (I think), will cut the size of the thumbs by a huge amount.
For my particular brand of magic, try putting this at the end of your .htaccess file:
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>
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>NOTE: if you use pingback or post by email, don’t put in that last 3 lines, as I do this to keep spammers from posting comments via pingback even when comments are off (!).
The above assumes your web host is running Apache, and not IIS, or nginx or other. If so, you might have to tweak those for your particular host. Apache is the most common, however.
Also: make backup, via FTP, or your hosting panel fileManager of your .htaccess file first; then if your site doesn’t load with the new elements, put back your original version.
Hope that helped.
I’m using a host that has their own cache and CDN so I have no cache plugin installed and I’m getting 95/100 perf grade! Can’t complain. I’m sure there’s more I can do as the load time is around 3 seconds but for now I’m happy. I’d like to see this forum have a topic for members sites!
I try all yours advices and my page speed grade is 97/100. I’m happy with that thanks @Christopher for all your tips and tricks 😉
https://developers.google.com/speed/pagespeed/insights/?url=gettinenglish.com
Cheers.
@Christopher Have I done this right? My performance grade is now only 78/100
This is my htaccess code below:
# BEGIN 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>
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>
# END WordPress
Sorry for silly question but at the end = after # END WordPress or just before?
All that should go *after* the normal #END WordPress elements …
example (from one of my sites; using custom permalinks – don’t copy the elements for #wordpress or the mod_pagespeed 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>
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# 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>ALSO: don’t include the last three lines if you are allowing trackback/pingbacks or using email to post via XMLRPC.
Don’t forget you need to have gzip/deflate running on your server also, which alone is good for 20 points!
And if you’re curious here’s my robots.txt file
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/
I bought this theme few days ago and after removing a lot of the crap plugins i had before changing to this theme that already came with this theme my site is faster then ever before.
To make your site fast try to use less plugins and add your site to cloudflare where will boost your site grade also.
Where do I finde this “tagDiv speed booster” plugin people are talking about everywhere?
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.
My page speed result for telsetnews.com is Mobile/Cellular = 75 and Desktop = 90. Im quite happy with desktop result, but i want to speed up my mobile result. do you have any suggestion? Btw, Google recommend me to optimise several thing, such as :
http://telsetnews.com/…/subscriptions/subscriptions.css?ver=3.9
http://telsetnews.com/…modules/widgets/widgets.css?ver=20121003
http://telsetnews.com/…widgets/widget-grid-and-list.css?ver=3.9
http://telsetnews.com/…s/contact-form-7/includes/css/styles.css
http://telsetnews.com/…ootstrap/td-bootstrap-980-responsive.css
http://telsetnews.com/wp-content/themes/Newspaper/style.css
But i don’t know how. Anybody can help me. Or is there any option to speed up my mobile page speed.
Thanks
Nur
If you want speed on mobile then you should used cloudFlare
Or, Amazon CloudFront.
To fully “optimize” the .css files, you would need to learn how to “minify” them to make them smaller, if Google is suggesting that.
One trick is to use GTMetrix to scan your site for speed rating, as they can then give you optimized versions of your CSS files (downside, you would need to do this for every time the theme is updated… but this is part of the ongoing admin process for speed).
See the tips and info for your page here:
http://gtmetrix.com/reports/telsetnews.com/Upm34LMy
