Result PageSpeed 77 – 100 (desktop)
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2F50.97.105.190%2F~cidad259%2F&tab=desktop
URL – http://50.97.105.190/~cidad259/
Example code .htaccess
# BEGIN W3TC Browser Cache
<IfModule mod_deflate.c>
<IfModule mod_headers.c>
Header append Vary User-Agent env=!dont-vary
</IfModule>
AddOutputFilterByType DEFLATE text/css text/x-component application/x-javascript application/javascript text/javascript text/x-js text/html text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image/x-icon application/json
<IfModule mod_mime.c>
# DEFLATE by extension
AddOutputFilter DEFLATE js css htm html xml
</IfModule>
</IfModule>
# END W3TC Browser Cache
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /~cidad259/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /~cidad259/index.php [L]
</IfModule>
# END WordPress
<IfModule mod_rewrite.c>
ExpiresActive On
# Favicon (cannot be renamed)
ExpiresByType image/x-icon "access plus 1 week"
# Media: images, video, audio
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/ogg "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"
# CSS and JavaScript
ExpiresByType application/x-javascript "access plus 1 week"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/javascript "access plus 1 week"
# Webfonts
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
ExpiresByType application/x-font-ttf "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
</IfModule>
What is missing to get to 90?
vidapropria
1) reduce image sizes either by running compression plugin and/or adding compression factor to your functions file
2) faster server account, if you keep seeing “slow response from server” error — that was a [!] item on your last report speed check — nothing can be done about that with the theme, or in WP; that is how fast the account you have and your hosting provider is responding to ping/start showing the page. For example if you have a $5/month account, upgrade to $10/month account (I’m just using that as example). Low cost accounts are usually on a machine or VPS being shared with 1,000+ other sites. Slightly more costly hosting accounts give more resources to each site, by sharing the resource pool with fewer domains.
Verify deflate/gzip working; remember this only serves up faster versions of your content, but doesn’t optimize them prior to that. I think I saw a 100K image file in your last report … that is waaaaaaaaay too big. Try using smushit plugin and regenerate thumbnails to see if that helps? (Backup images first as changes to images on server will be destructive — meaning they are changed and cannot be unchanged).
Also, for testing if you’re using a child theme, be sure to try NOT using a child theme to see if that gains you a point.
However RECOMMENDED:
1) optimize images before/after upload
2) look at better hosting – if you keep getting “slow to respond” error from Google — no way around that on your side.
3) test without using DISQUS, as this does slow things down. We stopped using it for that reason. We’re leaning toward phasing out comments on most sites, per industry practice now that most comments tend to be trolls and arguments (see: CNN for example). Any comments plugin really slows stuff down on WP. Unless you gain ad revenue from 10,000 visitors per day, it’s not really an essential plugin, and more of a glamour thing (in my opinion).
4) turn off all jetpack stuff for speed test — anything that connects to the WP/Automattic mothership adds latency.
Hope that helped 🙂
————–
as an aside on pagespeed errors:
I’m actually dealing with even more arcane stuff like how to enqueue the parent Theme’s style sheet in the child Theme’s functions.php, to bypass the annoying @import not recommended error from Google which the Automattic folks seem to think is a non-issue. I will post my efforts on THAT noise if anybody cares.
[ UPDATED ]
I just ran your GPS test, and saw you’re up to 82/100 desktop. So, looks like you’re making progress. The images issue is the next thing you need to resolve. You’ll have several points for that, as reducing the footprint of your images speeds up page (e.g., if you go from 300K to 150KB; that’s 50% less time loading images!).
For the minification stuff… note you would need to use a plugin for that (WPminify) although this has some issues; -or- you need to manually minify SOME resources which are not already reduced in size. RADU doesn’t minify all the code as developers have a hard time modifying code if they can’t read it.
So, if you knew there were a couple of large CSS/JS files you might want to minify, you can easily do that using an online tool (I use this one, although it won’t work with IE11/Win7 properly … use Chrome or similar: http://refresh-sf.com/yui/ )
Basically, “minification” of CSS and Java/js files removes the extra spaces, comments, and line breaks to make file “more compact” … so if you had a 125Kb CSS file, by removing all the spaces, line breaks, comments, it might end up being 100Kb, which is the kind of reduction that PageSpeed looks at — the idea being if you had 5 files being loaded on page and you reduced all of them by 20kb – well, that’s 100Kb and is larger than what website developers like me used for the entire page and graphics 10 years ago (we used to shoot for 50kb max page load, if you can imagine that!) …
@Radu – thanks for font info – I’ll give it a try. As far as fonts go, I like web safe fonts – more of a design practice/preference than technical argument though.
@vidapropria – with images – I got in the habit of using GIMP to compress my images before I post them – the utility is free and I found it by reading the following Google best practices doc (I am not sure what the rules are in this forum about posting links – but I figure a Google best practices link is OK)
for blogs – of course the images need to look good – but certainly don’t need to be over – say – 50k in most cases for featured images – I try to keep them under 30k as a general rule…(again – just my 2 cents)
here’s the Google link
https://developers.google.com/speed/docs/best-practices/payload#CompressImages
@Christopher @Radu
Hi Guys,
Is there anyone who is willing to help me with my site optimization?
I use Google Speed Service but i’m getting very bad speed results 🙁
59/100 mobile and 76/100 desktop
We moved to VPS2 sever but still results are very bad!
Can anyone help me to optimize my site?
Url: http://www.boreddaddy.com
Thanks in advance,
Alex
CEO & Co-founder
Bored Daddy
Hey BoredDaddy…
I will be offering this as a service again next year (WP optimization service) once we revamp our sites (ongoing); in midst of deploying new web server right now and sorting our memcache + eAccerlator + Google’s mod_pagespeed at server level. In midst of new server, and migrating our sites over, blah blah. The really arcane stuff is having mod_pagespeed convert images to Google’s new “in house” image format to load faster where it has a built-in image pyramid, with what we used to do for lowsrc (b/w image) to load as a progressive layer while the color image loads in. Wild stuff.
But to answer your question:
If you follow Radu’s little shortlist, that is a good “starting point” to get your site ramped up. His plugin does bunch of the stuff, and if you use that, turn off any whacky “phone home” plugins which are resource hogs, check your htaccess file for expiration headers, optimize your site images, and whatnot, you’ll be in good shape.
Use GTmetrix as a slightly more friendly and forgiving starting point for PageSpeed test, as it will actually tell you HOW to fix stuff. The Google version seems to be a little off, especially their latest version which catches all their own code as errors (!).
Hi I have 87/100 and I get these recommendations:
Suggestions Summary
Consider Fixing:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 2 blocking script resources and 9 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Remove render-blocking JavaScript:
http://smashinbeauty.com/…-includes/js/jquery/jquery.js?ver=1.10.2
http://smashinbeauty.com/…s/jquery/jquery-migrate.min.js?ver=1.2.1
Optimize CSS Delivery of the following:
http://fonts.googleapis.com/…ietnamese%2Clatin-ext%2Ccyrillic&ver=3.8
http://fonts.googleapis.com/…t%2Cgreek%2Clatin-ext%2Ccyrillic&ver=3.8
http://fonts.googleapis.com/…illic-ext%2Clatin-ext%2Ccyrillic&ver=3.8
http://fonts.googleapis.com/…0%2C700&subset=latin%2Clatin-ext&ver=3.8
http://fonts.googleapis.com/…ietnamese%2Clatin-ext%2Ccyrillic&ver=3.8
http://smashinbeauty.com/…aper/external/td-bootstrap.css?ver=1.7.1
http://smashinbeauty.com/…ent/themes/Newspaper/style.css?ver=1.7.1
http://smashinbeauty.com/…k/modules/sharedaddy/sharing.css?ver=2.7
http://widgets.digg.com/css/buttons3.css
any help or?
See the threads on page speed. Follow Radu’s recommendations for how he got the demo theme to be 90+.
REF: https://forum.tagdiv.com/how-to-make-the-site-faster/ .
To save you having to read Everything on the forum:
Fonts can’t be optimized on your side or by the theme, as they live on Google’s website. Digg buttons are loading from Digg’s website. No way to optimize that. I don’t think sharedaddy is part of theme. You either have to load the font stuff locally and optimize CSS since Google “dings” their own stuff in PageSpeed (!) or switch to web-safe fonts (see my and other comments above on this topic).
For styles, you need to either minify if you don’t intend to modify for your site; or use a WP minify plugin. See my link to the site I use to minify my css and js code.
WP by default loads elements in the head and “enqueues” them to render the page. All WP sites will have a “render blocking code” in head error. For javascript (.js files) You would need to try the optimization plugin included with theme, or a WP plugin which moves the js to footer “elegantly.”
Hope that helped. 87 is a great starting point and that means you’re in the “zone of safety” as I like to call it. 85 or below is “bad” 87-89 is okay. 90+ is rockin’. 😉
Chris
Hello,
Installed the great template “Newspaper” and BAMMMM, SpeedPage is very bad:
Here a post: http://bit.ly/194FvaX
I am not an expert in changing Javascripts or CSS etc, so who can help me solve this problem?
Thank you..
tarquisti:
see – ask your hosting provider to set caching for your site: https://developers.google.com/speed/docs/insights/LeverageBrowserCaching
try using my expiration header settings in your .htaccess file
https://forum.tagdiv.com/topic/what-is-your-googlespeed-value/
try using an image optimization plugin for wordpress to make images smaller in size (compression) and then use the thumbnail redo plugin recommended by Radu
just a fun thing to try for those who don’t want to go through either Radu’s recommendations for optimization as well as my various notes in this forum, you might try Google’s currently free while in beta (basically it is free now, and may be free for years, or might be free for personal sites in 3 years but paid for commercial purposes)…. upshot you can have Google re-render your pages on the fly with their mod_pagespeed module in the cloud for your website for free:
see if this might be an option for some of you
https://developers.google.com/speed/pagespeed/service
this same system is used by the various “custom wordpress high speed hosting” companies out there (and I’m literally right now testing it on our new web server!).
If at some point in future Google charges for this, it might be something like $100 per year based on what they charge for their custom search tool for websites.
However, they have a neat tool to compare your site now vs what their system would do for you. Pretty cool stuff, really. An option for those unable to wrangle their own site properly. 🙂
ALSO:
take some of Google’s “recommendations” with a grain of salt….
for a test page,
http://ga-ga.com/1277/12-songs-christmas-surprising-secrets-seasons-popular-tunes/
here is one of their ‘errors’ – note the page response time … 0.32 seconds (okay, we have a server response time of 1/3 of a second … oh no…… so sloooow!!) <LOL>
[!] Reduce server response time
In our test, your server responded in 0.32 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.
Hello Christopher,
I read all forum messages already and still do have some problems:
1. WP Total Cache: the widget NEXT PREV AJAX ain’t working, so I installed WP Super Cache
2. Where can I put the .htaccess code into my WordPress? I can not find the .htaccess file.
3. Aks my provider for caching: whats the differences between WP Super Cache and asking them?
4. I use Bulk Smush.it to minimize the pictures size. Its ok?
HI,
if you’re using a cache plugin with “page cache” on that should work.
Many hosting providers also run caching software of varying kinds, but not all websites may have that function depending on plan and how they setup VPS or containers for different customer classes. eacclerator, optcache, memcache, etc.
The .htaccess file goes in the root of your public document area (e.g., httpdocs/yoursitename/public – same place that wp-content lives), and is more easily seen with an FTP application that can show hidden files ( .htaccess is the file name – the dot makes it hidden ). Or, if you’re using something like YOAST SEO, there is an “edit files” option to make additions to the file (which is what I do). It is there, as WordPress writes it’s “rewrite” rules to that file. In your web hosting account there may be a “file manager” which would let you edit it, also.
Smush.it is the popular choice, however it only works on new files not existing ones. I think “regenerate thumbnails” may work when smushit is on, but check the help support on that for those plugins.
What amazes me are the problems you and I can’t do much about
a) issues with Google AdSense
b) issues with social media elements
c) issues with recaptcha (I just turned this off); powered by Google
d) issues with Disqus or any comment platform including the one from automatic
The most hilarious issue is that we installed Google’s “mod_pagespeed” system on our web server, and now it’s saying that there is a PageSpeed error since PageSpeed inserted three 1×1 pixel graphics and isn’t specifying their height and width.
Seriously?
So, basically from my experience wrangling this the past few months, if you want to know your real pagespeed run it with
1) ads off ! You will get pagespeed errors from Google ads.
2) social media off – you will get error from twitter
3) if you use Addthis, as we do – you need to hack the plugin to add the #async=1 option at end of javascript string.
It’s a process that will end up being frustrating at some point. No way around issues with Google’s own products generating errors. SO, they penalize page speed for using their services. Crazy.
hey guys! my site is not doing good in speed!! I don’t knw why? but can anyone help me? thanks. my site is: http://www.techierevive.com
check out the spped: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Ftechierevive.com&tab=desktop
mehedi,
see how Radu got the demo to the pagespeed
https://forum.tagdiv.com/how-to-make-the-site-faster/
“speed” is a process which requires many tools to accomplish, no one theme “magically” has high pagespeed. YOU need to research and implement many things separate from the theme to achieve a high pagespeed ranking, including NOT using various things like adsense, or plugins which “dial out” to get resources. But, if you follow the link above, Radu explains how they optimized the demo site.
You should also read through this thread, as you may need to update your htacess file for expiration headers, optimize your images, etc.
hi! Christopher!
I want to know, where can I download the plugin “tagDiv speed booster”?
thanks
HI
it’s in the folder with your theme when you downloaded “all files” off themeforest.
I think it’s
newspaper-tf/plugins/td-speed-booster.zip
disclaimer:
“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”
Holiday PageSpeed Fun Report Update!
Just as a pagespeed comment, I was testing mod_pagespeed, vs your tagdiv cache experimental, and W3 with page cache on, and found that mod_pagespeed on server with memcache, optcache and eaccelerator, seem to be about the same effect. What this means for most WordPress folks is quite simple: use a hosting provider that supports mod_pagespeed (e.g., GoDaddy now supports it with htaccess local config options — NOT an advert for them, just anecdotal) may be better option than messing around with all the various plugins that try to replicate that server-side functionality.
To Radu and all … who are wondering about the “render blocking blah blah” errors, this was one of the suggested solutions for WP (note the issue is common to ALL WP themes frankly due to the way the header works for most themes based on “traditional” HTML practice, 2 years ago nobody really cared about this issue!):
(QUOTED from WordPress.org discussion, “wpgeekster”)
The reason you are getting render blocking message from google is because your javascript is being called in the header. In your wp_register_script() function and in your wp_enqueue_script() function you must include true for the $in_footer argument. If you include the $in_footer argument, you must also include all the other arguments.
See:
http://wp.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins/
http://codex.wordpress.org/Function_Reference/wp_enqueue_script
http://codex.wordpress.org/Function_Reference/wp_register_script
(END QUOTE)
From same discussion:
(QUOTED from “manuelkuhs”)
Here’s what I figured out about how to eliminate all render-blocking JS & CSS:
Install W3 Total Cache
Go to Minify
Use the “help” wizard that you can see as a button near the top
Accept the suggestions without making changes. This will combine all your CSS files into 1, and all your JS files into 1, 2 or 3, depending where you load them (if you load all in the same area, e.g. in the <head>, you’ll only get 1 combined file).
Set all JS to “Non-blocking using Async”.
Now test your site. If everything works, the only blocking CSS/JS file left should be your combined CSS file, and nothing else.
Most likely some JS functions won’t work properly anymore. If this is the case, it gets a bit more complicated.
In this case, try the following:
Remove all the JS files in the Minify settings of W3
Open the source of your functioning page where no JS files are combined and manually add to W3 Minify ONLY the JS files found in the header (since these are the ones “above the fold”) and IN THE ORDER that they exist in your source file. Try this. If it works, try moving them all into the <body> or just before the </body> using the Minify JS settings.
In my case, I had a strange issue whereby combining jquery.js with the other JS files broke many js functions that depend on jquery even though they loaded after. To get around this I made jquery.js load on its own after <body>, and made all the others load combined just before </body>, with everything set to load using async.
Using this method, the only “above the fold” problem I have is the combined CSS sheet.
If your combined CSS is small, you can try inlining the entire thing.
If not, the only way around this that I currently know is to manually inline only the relevant parts of this combined CSS, and then to load the combined CSS in the footer using JS.
(END QUOTE)
Hi there,
Just to let you know how wonderful and helpful I found this thread. It gave me lots of tips in optimizing the pagespeed of my website.
Thank you all.
Hi, @evdb
glad all the rambling helped 🙂
For those who are trying to work with the “step up” on speed from caching, such as using mod_pagespeed and then an optimized .htaccess code block, I found this article super helpful, and is somebody else who is a couple steps ahead of my efforts with the whole “make the server do the work, not a plugin” mentality.
http://customerhelp.co.za/wordpress/optimizing-linux-apache-for-wordpress-blogs-memcached-mod_pagespeed-expires-headers-mod_deflate-gzip.html
were using w3 cache / div tag speed boost and MaxCDN – 685ms load time is the result
http://postimg.org/image/pl24nqilb/
fix image sizes etc with pixlr.com – save to 80% or lossless / lossy with kraken.io and stay away from facebook plugins that load faces.
Our next step https://www.cloudflare.com/railgun
and not to brag but 98/100 mobile and 98/100 desktop
http://developers.google.com/speed/pagespeed/insights/?url=twoversion.com
ooooh, ahhhhh 🙂
I’m suffering trying to do as much on our high speed server with local caching, mod_pagespeed, common stuff cached to RAM and 1GIG dedicated switch to server in SoftLayer with 7 inbound pipes. Pain in butt. Getting there. 🙂
I read this interesting topic and decided to do a check myself.
I use wp smushit, wp minify and total cache (page cache as per tagdiv’s instruction)
Google Pagespeed: 88/100 (desktop) and 73/100 (mobile)
GTMetrix: 93 Pagespeed, 76 Yslow.
Historically I always received a much lower grade with Yslow. Guess they don’t like my site 🙂
Now I will experiment with Christopher’s tip with the .htcaccess.
And one tip to others: don’t get obsessed with getting high grades… I’ve been there a couple of months ago… for 2 days I slept at 4 AM trying to figure it out :/ It became an obsession. Spend your time in the nice things of your website 🙂
And for peace of mind, check your pagespeed with adsense off and social media links off to see your “true score” as it were.
Hello,
someone use W3 Total Cache, Minify option?
I am trying to optimize my site using the Minify option, but is not about simple. Any option break the layout, so I trying to use “Manual” minify, and add what “js” and “css” minify and combine.
Someone who use this method, can tell me how files optimize?
Thanks!
