Tips for optimizing WordPress performance and usability
Download as PPTX, PDF2 likes597 views
The document discusses optimizing WordPress performance through various techniques such as effective coding, compression, caching, and content delivery networks. It emphasizes the importance of site speed to retain visitors, leads, and profits, along with suggesting useful plugins and themes. Additionally, it recommends tools for improving performance and highlights the benefits of keeping plugins and themes updated.
Tips for optimizing WordPress performance and usability
- 1. Tips for Optimizing WordPress Performance Puneet Sahalot http://icustomizethesis.com/ http://twitter.com/puneetsahalot/ puneet@iampuneet.com http://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 Tools http://twitter.com/puneetsahalot/ WordCamp Jabalpur | 2
- 3. What is Performance ? manner or quality of functioning: a machine's performance http://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.html http://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 Images http://twitter.com/puneetsahalot/ WordCamp Jabalpur | 6
- 7. Solutions: Minimizing HTTP Requests Combining CSS files and JavaScript files. Using CSS sprites: http://spriteme.org/ Image maps http://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.3 http://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 experience http://twitter.com/puneetsahalot/ WordCamp Jabalpur | 10
- 11. Solutions: Caching Page Cache Minification Database Cache Object Cache Browser Cache http://twitter.com/puneetsahalot/ WordCamp Jabalpur | 11
- 12. Solutions: WP Caching Plugins W3 Total Cache WP Super Cache http://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 sharing http://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 fonts http://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 ◦ rtPanel http://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 ◦ Yslow http://twitter.com/puneetsahalot/ WordCamp Jabalpur | 18
- 19. Thank you! Shoot me a mail : puneet@iampuneet.com Follow me on twitter : @puneetsahalot http://twitter.com/puneetsahalot/ WordCamp Jabalpur | 19