Maximizing Performance and Speeding Up WordPress

  • 5,363 views
Uploaded on

Syed Balkhi shows how to speed up your slow WordPress. …

Syed Balkhi shows how to speed up your slow WordPress.

Talk delivered May 21st at WordCamp Raleigh.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
5,363
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
97
Comments
1
Likes
9

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1.  
  • 2. So let’s speed it up
  • 3. I’m Syed Balkhi
    • Founder of WPBeginner, Uzzz Productions, Awesome Motive Inc., and more to come .
  • 4. Why Performance Matters
    • Decreases Bounce Rate
    • Increase Time Spent on the Page
    • Often increases pageviews
    • SEO Benefits
      • Increases Indexing Rate
  • 5. Our #1 Problem
    • Hosting Providers
      • Memory Usage Limits on Shared Hosts
      • Potential of Account Termination if you exceed limits.
      • Most importantly site crashes during peak times (such as hitting front page of Digg or other social media networks) thus hurting your brand’s reputation.
  • 6. Solution(s)??
    • Getting a better and more reliable webhost
    • Install Caching Methods
    • Content Delivery Networks (CDN)
    • Minify
    • Database Maintenance
    • Limiting HTTP Queries
    • Proper 3rd Party Integrations
  • 7.  
  • 8.  
  • 9.  
  • 10.  
  • 11.  
  • 12. I recommend MaxCDN They were kind enough to give a 25% coupon code: wpbeginner
  • 13.  
  • 14. Best Caching Plugin is: W3 Total Cache
  • 15. Decrease Page Size
    • Use Excerpts instead of Full Posts.
    • Show a maximum of 10 posts per page.
    • User smaller images (optimize them) - use Smush.it
  • 16. Database Maintenance
  • 17.  
  • 18.  
  • 19. Limiting HTTP requests
  • 20. Plugins are Great, But...
    • They can increase your site’s load time when they add custom stylesheet(s) and JavaScript(s).
    • One or two plugin does not mater, but when you have 8 plugins, each adding a CSS and JS file, you got yourself 16 HTTP requests which can/should be limited.
  • 21.  
  • 22. Oops, the theme is broken
  • 23. Yes, I know so lets FIX it.
  • 24. Merging CSS Files
    • Copy the plugin’s CSS file, and paste it in your theme’s style.css file.
    • So in this case, we will copy “cleaner-gallery.css” file and paste it into our theme’s style.css file.
    • Repeat this STEP for all plugins that are adding additional CSS files.
  • 25. In a Perfect World
  • 26.  
  • 27.  
  • 28. Proper 3rd Party Integrations
  • 29. Facebook the right way
  • 30. Enable XFBML Support http://wordpress.org/extend/plugins/facebook-open-graph-meta-in-wordpress/
  • 31. Asynchronous Loading < body > < div id = &quot;fb-embed&quot; ></ div > < script > window.fbAsyncInit = function() { FB.init({appId: 'XXXXXXXXXXXXXXX', status: true, cookie: true, xfbml: true}); }; (function() {      var e = document.createElement('script'); e.async = true;      e.src = document.location.protocol +      '//connect.facebook.net/en_US/all.js';      document.getElementById('fb-embed').appendChild(e);      }()); </ script >
  • 32. Analytics the right way
  • 33. Asynchronous Loading < body > < script > var _gaq = _gaq || []; _gaq.push(      ['_setAccount', 'UA-XXXXX-X'],      ['_setDomainName', 'domain.com'],      ['_trackPageview'] ); (function() {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? ' https://ssl ' : ' http://www ' ) + '.goog le-analytics.com/ga.js';document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);})(); </ script >
  • 34. Don’t forget the BASICS
  • 35. Add scripts in the footer
  • 36. Update Core & Plugins REGULARLY
  • 37. Tools to check Performance
    • Yahoo YSlow
    • Google Page Speed
    • Pingdom Tools
  • 38. Additional Resources
    • http://www.wpbeginner.com/wp-tutorials/how-wordpress-plugins-affect-your-sites-load-time/
    • http://codex.wordpress.org/Conditional_Tags
    • http://www.wpbeginner.com/plugins/how-to-install-and-setup-w3-total-cache-for-beginners/
    • http://www.tutorial9.net/web-tutorials/wordpress-caching-whats-the-best-caching-plugin/
    • http://www.wpbeginner.com/wp-tutorials/18-useful-tricks-to-speed-up-wordpress-boost-performance/
    • http://line25.com/articles/wordpress-fat-loss-diet-to-speed-up-ease-load
    • http://www.hongkiat.com/blog/ultimate-guide-to-web-optimization-tips-best-practices/
    • http://www.w3-edge.com/weblog/2011/02/optimize-social-media-button-performance/
  • 39. I’m Syed Balkhi
    • Founder of WPBeginner, Uzzz Productions, Awesome Motive Inc., and more to come.
    • Twitter: @wpbeginner / @syedbalkhi
    • Facebook: http://facebook.com/wpbeginner
    • Email: [email_address]