Speed Up Wordpress, Wordpress Horsepower

4,012 views
3,882 views

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
4,012
On SlideShare
0
From Embeds
0
Number of Embeds
520
Actions
Shares
0
Downloads
46
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

×