speed up wordpress, wordpress horsepower

80
Wordpress Horsepower Ways to speed up Wordpress

Upload: ross-johnson

Post on 08-May-2015

2.932 views

Category:

Technology


4 download

DESCRIPTION

My improved presentation on how to speed up Wordpress and optimize it's performance. Also covers why we still need to care about page load time.

TRANSCRIPT

Page 1: Speed Up Wordpress, Wordpress Horsepower

Wordpress HorsepowerWays to speed up Wordpress

Page 2: Speed Up Wordpress, Wordpress Horsepower

I am Ross Johnson@3pointRoss

Page 3: Speed Up Wordpress, Wordpress Horsepower
Page 4: Speed Up Wordpress, Wordpress Horsepower
Page 5: Speed Up Wordpress, Wordpress Horsepower
Page 6: Speed Up Wordpress, Wordpress Horsepower
Page 7: Speed Up Wordpress, Wordpress Horsepower
Page 8: Speed Up Wordpress, Wordpress Horsepower
Page 9: Speed Up Wordpress, Wordpress Horsepower
Page 10: Speed Up Wordpress, Wordpress Horsepower
Page 11: Speed Up Wordpress, Wordpress Horsepower

SPEED

Page 12: Speed Up Wordpress, Wordpress Horsepower
Page 13: Speed Up Wordpress, Wordpress Horsepower

Should We Care?

Page 14: Speed Up Wordpress, Wordpress Horsepower

YES

Page 15: Speed Up Wordpress, Wordpress Horsepower

moving on...

Page 16: Speed Up Wordpress, Wordpress Horsepower

5% Still on Dial Up

Source: http://www.websiteoptimization.com/bw/1008/

Page 17: Speed Up Wordpress, Wordpress Horsepower

Mobile Browsing is Gaining Popularity

Page 18: Speed Up Wordpress, Wordpress Horsepower

We are less patient

Page 19: Speed Up Wordpress, Wordpress Horsepower

“ ”53% of DVR subscribers use their DVR to skip commercials

Page 20: Speed Up Wordpress, Wordpress Horsepower

Instant Media is Growing Rapidly...

Page 21: Speed Up Wordpress, Wordpress Horsepower
Page 22: Speed Up Wordpress, Wordpress Horsepower

There is no excuse!

Page 23: Speed Up Wordpress, 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 24: Speed Up Wordpress, Wordpress Horsepower

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

- Amazon, 2007 ”

Page 25: Speed Up Wordpress, 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 26: Speed Up Wordpress, Wordpress Horsepower

Google is incorporating site speed as one of the over 200 signals that we use in determining search rankings.

- Matt Cutts, Google 2010

“”

Page 27: Speed Up Wordpress, Wordpress Horsepower

...tolerable wait times have decreased to just two seconds.

- Fui-Hoon, University of Nebraska“ ”

Page 28: Speed Up Wordpress, Wordpress Horsepower

A 2-second delay resulted in a 3.8% decrease in user satisfaction and 4.3% decrease in revenue.

- Microsoft Study, 2010

“ ”

Page 30: Speed Up Wordpress, Wordpress Horsepower

Adding Horsepower

Page 31: Speed Up Wordpress, Wordpress Horsepower

AREA 1YOUR THEME

Page 32: Speed Up Wordpress, Wordpress Horsepower
Page 33: Speed Up Wordpress, Wordpress Horsepower

Improve Theme Coding

Page 34: Speed Up Wordpress, Wordpress Horsepower

ROSS’ CODING TIPS

no table based layout all semantic HTML

Page 35: Speed Up Wordpress, Wordpress Horsepower

ROSS’ CODING TIPS

use CSS shorthand margin-top: 10px;margin-bottom: 20px;margin-left: 0;margin-right: 40px;

margin: 10px 40px 20px 0;

Page 36: Speed Up Wordpress, Wordpress Horsepower

ROSS’ CODING TIPS

Javascript at the bottom</div> <!--/#pagewidth-->

<script type=”text/javascript”></script>

</body></html>

Page 37: Speed Up Wordpress, Wordpress Horsepower

ROSS’ CODING TIPS

Compress Javascript

Javascript Compressor

Page 38: Speed Up Wordpress, 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

Compress your imageshttp://toki-woki.net/p/Shrink-O-Matic/

Tools for Optimization

Page 39: Speed Up Wordpress, Wordpress Horsepower

Reduce Server Requests

Page 40: Speed Up Wordpress, Wordpress Horsepower
Page 41: Speed Up Wordpress, Wordpress Horsepower
Page 42: Speed Up Wordpress, Wordpress Horsepower

DNS Lookup

Hello Server!

Page 43: Speed Up Wordpress, Wordpress Horsepower

Hello Computer!

Page 44: Speed Up Wordpress, Wordpress Horsepower

Can I have this file?

Page 45: Speed Up Wordpress, Wordpress Horsepower

Here you go!

Page 46: Speed Up Wordpress, Wordpress Horsepower

Often takes longer than download the file!

Page 47: Speed Up Wordpress, Wordpress Horsepower

Two at a time

Page 48: Speed Up Wordpress, Wordpress Horsepower

LESS = MORE

Page 49: Speed Up Wordpress, Wordpress Horsepower

Combine Files

Page 50: Speed Up Wordpress, Wordpress Horsepower

CSS Files

Page 51: Speed Up Wordpress, Wordpress Horsepower

Javascript Files

Page 52: Speed Up Wordpress, Wordpress Horsepower

Image Files(use sprits)

Page 53: Speed Up Wordpress, Wordpress Horsepower
Page 54: Speed Up Wordpress, 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 55: Speed Up Wordpress, Wordpress Horsepower

AREA 2YOUR WORDPRESS SETUP

Page 56: Speed Up Wordpress, Wordpress Horsepower

Database & Scripting

Page 57: Speed Up Wordpress, Wordpress Horsepower

in order to see this...

Page 58: Speed Up Wordpress, Wordpress Horsepower

Template file(s) with code thatneeds to be processed

Page is renderedand displayed

Page 59: Speed Up Wordpress, Wordpress Horsepower

This takes time...

Page 60: Speed Up Wordpress, Wordpress Horsepower

Use Caching

Page 61: Speed Up Wordpress, Wordpress Horsepower

Page is renderedand displayed

Creates astatic page

Page 62: Speed Up Wordpress, Wordpress Horsepower

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

Page 63: Speed Up Wordpress, Wordpress Horsepower

ContentDeliveryNetwork

Page 64: Speed Up Wordpress, Wordpress Horsepower
Page 65: Speed Up Wordpress, Wordpress Horsepower

Servers to send files to the user are selected by

ProximityLatencyNetwork

Page 66: Speed Up Wordpress, 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 68: Speed Up Wordpress, Wordpress Horsepower

PreventSpam

Page 69: Speed Up Wordpress, Wordpress Horsepower
Page 70: Speed Up Wordpress, 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 71: Speed Up Wordpress, Wordpress Horsepower

AREA 3YOUR HOSTING

Page 72: Speed Up Wordpress, Wordpress Horsepower

Three Common Options

Page 73: Speed Up Wordpress, Wordpress Horsepower

Shared

One server hosts many websites

Page 74: Speed Up Wordpress, Wordpress Horsepower

Virtual Private

You get dedicated memory other sitescan’t use...

Page 75: Speed Up Wordpress, Wordpress Horsepower

Dedicated

Server is all yours!

Page 76: Speed Up Wordpress, Wordpress Horsepower

Server Tweaks

Page 77: Speed Up Wordpress, Wordpress Horsepower

Compress all files with GZIP

Page 78: Speed Up Wordpress, Wordpress Horsepower

GZIP Enablehttp://wordpress.org/extend/plugins/gzip-enable/

GZIP Outputhttp://wordpress.org/extend/plugins/gzip-pages/

Gzippyhttp://wordpress.org/extend/plugins/gzippy/

GZIP TOOLS

Page 79: Speed Up Wordpress, Wordpress Horsepower

Virtual Domains

css.domain.com

images.domain.com

videos.domain.com

Page 80: Speed Up Wordpress, Wordpress Horsepower

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