Wordpress Horsepower
Ways to speed up Wordpress
I am Ross Johnson
@3pointRoss
SPEED
Should
We Care?
YES
moving on...
5% Still on Dial Up

           Source: http://www.websiteoptimization.com/bw/1008/
Mobile Browsing is
Gaining Popularity
We are less patient
“
53% of DVR subscribers use
their DVR to skip commercials



                           ”
Instant Media is Growing Rapidly...
There is no excuse!
“You could lose up to 33% of
 your visitors if your page took
 more than 4 seconds to load on



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



                        ”
 decrease 1%.
- Amazon, 2007
“
Going from 10 to 30 results per
page increased load time by a
mere 0.5 seconds, but resulted



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



                               ”
det...
“
...tolerable wait times have
decreased to just two seconds.
- Fui-Hoon, University of Nebraska

                        ...
“
A 2-second delay resulted in a
3.8% decrease in user


                           ”
satisfaction and 4.3% decrease
in re...
http://www.pearanalytics.com/blog/2009/how-webpage-load-time-related-to-visitor-loss/
Adding Horsepower
AREA 1
YOUR THEME
Improve Theme Coding
ROSS’ CODING TIPS

no table based layout
all semantic HTML
ROSS’ CODING TIPS

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

margin: 1...
ROSS’ CODING TIPS

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

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

</body>
...
ROSS’ CODING TIPS

Compress Javascript


             Javascript Compressor
Tools for Optimization
Compress your Javascript
http://javascriptcompressor.com



Clean up your HTML
http://tidy.sourcefo...
Reduce Server Requests
DNS Lookup


Hello Server!
Hello Computer!
Can I have this file?
Here you go!
Often takes longer than
  download the file!
Two at a time
LESS = MORE
Combine Files
CSS Files
Javascript Files
Image Files
  (use sprits)
Combine Your Files
http://wordpress.org/extend/plugins/scripts-gzip
http://halmatferello.com/lab/wp-css/
http://halmatfere...
AREA 2
YOUR WORDPRESS
SETUP
Database & Scripting
in order to see this...
Template file(s) with code that
                   needs to be processed




Page is rendered
and displayed
This takes time...
Use Caching
Creates a
      static page




Page is rendered
and displayed
Top Caching Plugins
•WP Super Cache
•Hyper Cache
•DB Cache
•WP Widget Cache
•W3 Total Cache
Content
Delivery
Network
Servers to send files to
the user are selected by

Proximity
Latency
Network
CDN Plugins
My CDN
http://wordpress.org/extend/plugins/my-cdn




W3 Total Cache
http://wordpress.org/extend/plugins/w3-to...
CDN Networks
    Amazon CloudFront
•   Akamai
•   CacheFly
•   EdgeCast Networks
•   Internap
•   Level 3 Communications
•...
Prevent
  Spam
Tactics
Captcha
Recaptcha - http://wordpress.org/extend/plugins/wp-optimize



Plugins
Akismat - http://wordpress.org/exte...
AREA 3
YOUR HOSTING
Three
Common
Options
Shared

         One server hosts
         many websites
Virtual Private

         You get dedicated
         memory other sites
         can’t use...
Dedicated


      Server is all yours!
Server Tweaks
Compress all
files with GZIP
GZIP TOOLS
GZIP Enable
http://wordpress.org/extend/plugins/gzip-enable/



GZIP Output
http://wordpress.org/extend/plugins...
Virtual Domains

css.domain.com

images.domain.com

videos.domain.com
Thank ya!
http://www.37designs.com
http://3.7crea.tv
http://stylizedweb.com
http://workshop.37designs.com
@3PointRoss
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
Upcoming SlideShare
Loading in...5
×

Speed Up Wordpress, Wordpress Horsepower

3,187

Published on

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.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,187
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
44
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Speed Up Wordpress, Wordpress Horsepower"

  1. 1. Wordpress Horsepower Ways to speed up Wordpress
  2. 2. I am Ross Johnson @3pointRoss
  3. 3. SPEED
  4. 4. Should We Care?
  5. 5. YES
  6. 6. moving on...
  7. 7. 5% Still on Dial Up Source: http://www.websiteoptimization.com/bw/1008/
  8. 8. Mobile Browsing is Gaining Popularity
  9. 9. We are less patient
  10. 10. “ 53% of DVR subscribers use their DVR to skip commercials ”
  11. 11. Instant Media is Growing Rapidly...
  12. 12. There is no excuse!
  13. 13. “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
  14. 14. “For every 100ms increase in load time, sales would ” decrease 1%. - Amazon, 2007
  15. 15. “ 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
  16. 16. “ Google is incorporating site speed as one of the over 200 signals that we use in ” determining search rankings. - Matt Cutts, Google 2010
  17. 17. “ ...tolerable wait times have decreased to just two seconds. - Fui-Hoon, University of Nebraska ”
  18. 18. “ A 2-second delay resulted in a 3.8% decrease in user ” satisfaction and 4.3% decrease in revenue. - Microsoft Study, 2010
  19. 19. http://www.pearanalytics.com/blog/2009/how-webpage-load-time-related-to-visitor-loss/
  20. 20. Adding Horsepower
  21. 21. AREA 1 YOUR THEME
  22. 22. Improve Theme Coding
  23. 23. ROSS’ CODING TIPS no table based layout all semantic HTML
  24. 24. ROSS’ CODING TIPS use CSS shorthand margin-top: 10px; margin-bottom: 20px; margin-left: 0; margin-right: 40px; margin: 10px 40px 20px 0;
  25. 25. ROSS’ CODING TIPS Javascript at the bottom </div> <!--/#pagewidth--> <script type=”text/javascript”> </script> </body> </html>
  26. 26. ROSS’ CODING TIPS Compress Javascript Javascript Compressor
  27. 27. Tools for Optimization Compress your Javascript http://javascriptcompressor.com Clean up your HTML http://tidy.sourceforge.net Compress and Clean your CSS http://www.cleancss.com http://www.csscompressor.com Compress your images http://toki-woki.net/p/Shrink-O-Matic/
  28. 28. Reduce Server Requests
  29. 29. DNS Lookup Hello Server!
  30. 30. Hello Computer!
  31. 31. Can I have this file?
  32. 32. Here you go!
  33. 33. Often takes longer than download the file!
  34. 34. Two at a time
  35. 35. LESS = MORE
  36. 36. Combine Files
  37. 37. CSS Files
  38. 38. Javascript Files
  39. 39. Image Files (use sprits)
  40. 40. Combine Your Files http://wordpress.org/extend/plugins/scripts-gzip http://halmatferello.com/lab/wp-css/ http://halmatferello.com/lab/wp-js/ http://code.google.com/p/minify/ Use Sprites http://www.csssprites.com Share the Wealth http://code.google.com/apis/libraries
  41. 41. AREA 2 YOUR WORDPRESS SETUP
  42. 42. Database & Scripting
  43. 43. in order to see this...
  44. 44. Template file(s) with code that needs to be processed Page is rendered and displayed
  45. 45. This takes time...
  46. 46. Use Caching
  47. 47. Creates a static page Page is rendered and displayed
  48. 48. Top Caching Plugins •WP Super Cache •Hyper Cache •DB Cache •WP Widget Cache •W3 Total Cache
  49. 49. Content Delivery Network
  50. 50. Servers to send files to the user are selected by Proximity Latency Network
  51. 51. CDN Plugins My CDN http://wordpress.org/extend/plugins/my-cdn W3 Total Cache http://wordpress.org/extend/plugins/w3-total-cache CDN Tools http://wordpress.org/extend/plugins/cdn-tools Free CDN http://wordpress.org/extend/plugins/free-cdn
  52. 52. CDN Networks Amazon CloudFront • Akamai • CacheFly • EdgeCast Networks • Internap • Level 3 Communications • Limelight Networks
  53. 53. Prevent Spam
  54. 54. Tactics Captcha Recaptcha - http://wordpress.org/extend/plugins/wp-optimize Plugins Akismat - http://wordpress.org/extend/plugins/wp-optimize WP-Spam Free - http://wordpress.org/extend/plugins/wp-optimize Other Bad Behavior - http://wordpress.org/extend/plugins/bad-behavior
  55. 55. AREA 3 YOUR HOSTING
  56. 56. Three Common Options
  57. 57. Shared One server hosts many websites
  58. 58. Virtual Private You get dedicated memory other sites can’t use...
  59. 59. Dedicated Server is all yours!
  60. 60. Server Tweaks
  61. 61. Compress all files with GZIP
  62. 62. GZIP TOOLS GZIP Enable http://wordpress.org/extend/plugins/gzip-enable/ GZIP Output http://wordpress.org/extend/plugins/gzip-pages/ Gzippy http://wordpress.org/extend/plugins/gzippy/
  63. 63. Virtual Domains css.domain.com images.domain.com videos.domain.com
  64. 64. Thank ya! http://www.37designs.com http://3.7crea.tv http://stylizedweb.com http://workshop.37designs.com @3PointRoss
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×