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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Tips for optimizing WordPress performance and usability

620

Published on

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.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
620
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
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. 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

×