wordpress horsepower

42
Wordpress Horsepower 10 Ways to speed up Wordpress

Upload: ross-johnson

Post on 08-May-2015

1.661 views

Category:

Documents


0 download

DESCRIPTION

10 Ways to Speed Up Wordpress

TRANSCRIPT

Page 1: Wordpress horsepower

Wordpress Horsepower10 Ways to speed up Wordpress

Page 2: Wordpress horsepower
Page 3: Wordpress horsepower

Who am I?Ross JohnsonCEO & JANITOR OF 3.7 DESIGNS

http://www.twitter.com/3PointRoss

Page 4: Wordpress horsepower

Why?We all have schweet computers and fast interwebs, right?

Page 5: Wordpress horsepower
Page 6: Wordpress horsepower

LESS PATIENT!Yes, we are actually less patient...

Page 8: Wordpress horsepower

You could lose up to 33% of your visitors if your page took more than 4 seconds to load on a broadband connection.

- Akamai, 2006

Page 9: Wordpress horsepower

For every 100ms increase in load time, sales would decrease 1%.

- Amazon 2007

Page 10: Wordpress horsepower

Going from 10 to 30 results per page increased load time by a mere 0.5 seconds, but resulted in a 20% drop in traffic.

- Google 2006

Page 11: Wordpress horsepower

Problems?There are some common problems you are likely to run into...

Page 12: Wordpress horsepower

Code Bloat<div><div><span><div><table><thead><div>

Page 13: Wordpress horsepower

Large MediaOptimize dat shiz!

Page 14: Wordpress horsepower

Database QueriesShall we take MySQL or YourSQL?

Page 15: Wordpress horsepower

Server ProcessingLike food processing, but totally different...

Page 16: Wordpress horsepower

Server CallsHere server, come here boy!

Page 17: Wordpress horsepower
Page 18: Wordpress horsepower

Sh*t ServerSmelly...

Page 19: Wordpress horsepower

Lets UPGRADEVroom Vroom yo!

Page 20: Wordpress horsepower

1. Improve your Coderemove extra <div>’s, no more tables, strip unnecessary CSS, etc...

Page 21: Wordpress horsepower

Compress your Javascripthttp://javascriptcompressor.com

Clean up your HTMLhttp://tidy.sourceforge.net

Compress and Clean your CSShttp://www.cleancss.comhttp://www.csscompressor.com

Page 22: Wordpress horsepower

2. OptimizeOptimize your images...

Shrink O Matic - http://toki-woki.net/p/Shrink-O-Matic/

Page 23: Wordpress horsepower

3. Reduce Server CallsGet off the phone!

Page 24: Wordpress horsepower

Combine Your Fileshttp://wordpress.org/extend/plugins/scripts-gziphttp://halmatferello.com/lab/wp-css/http://halmatferello.com/lab/wp-js/http://code.google.com/p/minify/

Use Spriteshttp://www.csssprites.com

Share the Wealthhttp://code.google.com/apis/libraries

Page 25: Wordpress horsepower

4. Cache I make it rain...

Page 26: Wordpress horsepower

Top Caching Plugins•WP Super Cache•Hyper Cache•DB Cache•WP Widget Cache•W3 Total Cache

Page 27: Wordpress horsepower

5. CompressI don’t have any good jokes for this one.

Page 28: Wordpress horsepower

GZIP OutputIf your friend!

Force Gzip - http://wordpress.org/extend/plugins/force-gzipWP Compressor - http://wordpress.org/extend/plugins/wpcompressor

Page 29: Wordpress horsepower

6. CDN4 Words... Content Delivery Network, Awesome

Page 30: Wordpress horsepower

Browsers limit number of connections to the same server...

As low as TWO connections

Page 31: Wordpress horsepower

Intelligent delivery...EFFICIENT&

Page 32: Wordpress horsepower

CDN PluginsMy CDNhttp://wordpress.org/extend/plugins/my-cdn

W3 Total Cachehttp://wordpress.org/extend/plugins/w3-total-cache

CDN Toolshttp://wordpress.org/extend/plugins/cdn-tools

Free CDNhttp://wordpress.org/extend/plugins/free-cdn

Page 34: Wordpress horsepower

7. Server UpgradeWith our power combined, we become...

Page 35: Wordpress horsepower

Shared vs VPS

Dedicated Server

~or~

Page 36: Wordpress horsepower

8. Improve your DatabaseData is in the eye of the beholder...

Page 37: Wordpress horsepower

OptimizationA Clean Database is a Happy Database

WP-Optimize - http://wordpress.org/extend/plugins/wp-optimize

Page 38: Wordpress horsepower

9.htaccess

Page 39: Wordpress horsepower

# BEGIN WordPressRewriteEngine on## Unless you have set a different RewriteBase preceding this# point, you may delete or comment-out the following# RewriteBase directive:RewriteBase /## if this request is for "/" or has already been rewritten to WPRewriteCond $1 ^(index\.php)?$ [OR]# or if request is for image, css, or js fileRewriteCond $1 \.(gif|jpg|css|js|ico)$ [NC,OR]# or if URL resolves to existing fileRewriteCond %{REQUEST_FILENAME} -f [OR]# or if URL resolves to existing directoryRewriteCond %{REQUEST_FILENAME} -d# then skip the rewrite to WPRewriteRule ^(.*)$ - [S=1]# else rewrite the request to WPRewriteRule . /index.php [L]## END wordpress

Page 40: Wordpress horsepower

10. SpamburgerDoes a blogger bad...

Page 41: Wordpress horsepower

TacticsCaptchaRecaptcha - http://wordpress.org/extend/plugins/wp-optimize

PluginsAkismat - http://wordpress.org/extend/plugins/wp-optimizeWP-Spam Free - http://wordpress.org/extend/plugins/wp-optimize

OtherBad Behavior - http://wordpress.org/extend/plugins/bad-behavior

Page 42: Wordpress horsepower

Thank ya!http://www.37designs.comhttp://3.7crea.tvhttp://stylizedweb.comhttp://workshop.37designs.com@3PointRoss