Tips for optimizing WordPress performance and usability
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Tips for optimizing WordPress performance and usability

on

  • 767 views

Tips for optimizing loading time of a WP site/blog. + Tips for selecting best plugins and themes + List of "Must install" plugins for your blog/site.

Tips for optimizing loading time of a WP site/blog. + Tips for selecting best plugins and themes + List of "Must install" plugins for your blog/site.

Statistics

Views

Total Views
767
Views on SlideShare
767
Embed Views
0

Actions

Likes
0
Downloads
12
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Tips for optimizing WordPress performance and usability Presentation Transcript

  • 1. Tips for Optimizing WordPress Performance Puneet Sahalot http://icustomizethesis.com/ http://twitter.com/puneetsahalot/ puneet@iampuneet.comhttp://twitter.com/puneetsahalot/ WordCamp Jabalpur | 1
  • 2. Topics to be covered  Performance definition  Importance of Performance  Performance optimization  WordPress Plugins Tips  WordPress Themes Tips  Useful Toolshttp://twitter.com/puneetsahalot/ WordCamp Jabalpur | 2
  • 3. What is Performance ?  manner or quality of functioning: a machines performancehttp://twitter.com/puneetsahalot/ WordCamp Jabalpur | 3
  • 4. Why should you care ?  Slow site = loss of visitors  Loss of visitors = loss of leads  Loss of leads = loss of profit  All of the above = loss of efforts + loss of money + loss of time  Save on Server and Hosting costs.http://twitter.com/puneetsahalot/ WordCamp Jabalpur | 4
  • 5. Performance Optimization  Four simple ways of speeding up a WordPress blog/site are : ◦ Coding ◦ Compression (Gzip) ◦ Caching ◦ Content Delivery Network Useful link : http://developer.yahoo.com/performance/rules.htmlhttp://twitter.com/puneetsahalot/ WordCamp Jabalpur | 5
  • 6. Solutions: Coding  Adopting the correct coding techniques can help you reduce the load time considerably. ◦ Minimze HTTP requests ◦ Re-position CSS and JS files ◦ Optimized Imageshttp://twitter.com/puneetsahalot/ WordCamp Jabalpur | 6
  • 7. Solutions: Minimizing HTTP Requests  Combining CSS files and JavaScript files.  Using CSS sprites: http://spriteme.org/  Image mapshttp://twitter.com/puneetsahalot/ WordCamp Jabalpur | 7
  • 8. Solutions: Repositioning CSS and JS files  CSS: At the top of the document in <head> section  JS: At the bottom of the document.  Make CSS and JS external Useful plugin : http://wordpress.org/extend/plugins/footer-javascript/ Reference : http://www.w3.org/TR/html4/struct/links.html#h-12.3http://twitter.com/puneetsahalot/ WordCamp Jabalpur | 8
  • 9. Solutions: Optimized Images  JPG: good for gradients, photos etc.  PNG: good for vector graphics, line drawings.  Don’t scale images in HTML.  Use “save for web” option in Photoshop. Useful Plugin : http://wordpress.org/extend/plugins/wp-smushit/http://twitter.com/puneetsahalot/ WordCamp Jabalpur | 9
  • 10. Solutions: Gzip Compression  Compress HTML, CSS, JS.  Reduce file size by 70%-90%  Reduce page weight  Accelerate user experiencehttp://twitter.com/puneetsahalot/ WordCamp Jabalpur | 10
  • 11. Solutions: Caching  Page Cache  Minification  Database Cache  Object Cache  Browser Cachehttp://twitter.com/puneetsahalot/ WordCamp Jabalpur | 11
  • 12. Solutions: WP Caching Plugins  W3 Total Cache  WP Super Cachehttp://twitter.com/puneetsahalot/ WordCamp Jabalpur | 12
  • 13. Solutions: CDN  CDN: Content Delivery Network  CDN can be used to deliver static files to your site like CSS, JS, images, sprites, downloadable objects etc.  Good for reducing bandwidth load on the hosting server.http://twitter.com/puneetsahalot/ WordCamp Jabalpur | 13
  • 14. WordPress Plugins Tips  Use plugins which are updated regularly by the developer.  Use minimum required plugins.  Only use plugins after getting reviews.  Keep the plugins and WordPress core files updated to the latest version.  Don’t test new plugins on live site.http://twitter.com/puneetsahalot/ WordCamp Jabalpur | 14
  • 15. Must Install Plugins  Akismet to prevent spam comments  Yoast SEO for WordPress  FeedBurner / FeedSmith  W3 Total Cache / WP Super Cache  WP DB-Manager  WP Smush.it  WP Touch for Mobile version of site.  Contact Form 7 / Cforms II  rtSocial for social sharinghttp://twitter.com/puneetsahalot/ WordCamp Jabalpur | 15
  • 16. WordPress Themes  Use fast loading themes  Check no. of CSS and JS files used by theme  Check if theme uses CSS sprite and other techniques efficiently.  Avoid themes which use Cufon fontshttp://twitter.com/puneetsahalot/ WordCamp Jabalpur | 16
  • 17. Recommended Themes  Premium Themes ◦ Genesis by StudioPress ◦ Thesis by DIYThemes ◦ Woo Themes  Free Themes ◦ Twenty Eleven ◦ Theme Hybrid ◦ Swift Theme ◦ rtPanelhttp://twitter.com/puneetsahalot/ WordCamp Jabalpur | 17
  • 18. Useful Tools  CSS Sprites: http://spriteme.org  Image Editing: ◦ Photoshop ◦ Picasa ◦ Picnik ◦ Pixlr  Page Speed : ◦ Pingdom tools ◦ Firebug / Page Speed ◦ Yslowhttp://twitter.com/puneetsahalot/ WordCamp Jabalpur | 18
  • 19. Thank you!  Shoot me a mail : puneet@iampuneet.com Follow me on twitter : @puneetsahalothttp://twitter.com/puneetsahalot/ WordCamp Jabalpur | 19