tips for optimizing wordpress performance and usability
DESCRIPTION
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.TRANSCRIPT
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 1
Tips for Optimizing WordPress Performance
Puneet Sahalot
http://icustomizethesis.com/
http://twitter.com/puneetsahalot/
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 2
Topics to be coveredPerformance definitionImportance of PerformancePerformance optimizationWordPress Plugins TipsWordPress Themes TipsUseful Tools
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 3
What is Performance ? manner or quality of functioning:
a machine's performance
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 4
Why should you care ? Slow site = loss of visitorsLoss of visitors = loss of leadsLoss of leads = loss of profitAll of the above = loss of efforts + loss
of money + loss of timeSave on Server and Hosting costs.
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 5
Performance OptimizationFour 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
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 6
Solutions: CodingAdopting the correct coding
techniques can help you reduce the load time considerably. ◦Minimze HTTP requests◦Re-position CSS and JS files◦Optimized Images
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 7
Solutions: Minimizing HTTP RequestsCombining CSS files and
JavaScript files. Using CSS sprites:
http://spriteme.org/Image maps
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 8
Solutions: Repositioning CSS and JS filesCSS: At the top of the document
in <head> sectionJS: 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
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 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/
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 10
Solutions: Gzip CompressionCompress HTML, CSS, JS.Reduce file size by 70%-90%Reduce page weightAccelerate user experience
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 11
Solutions: CachingPage CacheMinificationDatabase CacheObject CacheBrowser Cache
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 12
Solutions: WP Caching Plugins
W3 Total CacheWP Super Cache
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 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.
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 14
WordPress Plugins TipsUse 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.
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 15
Must Install PluginsAkismet to prevent spam commentsYoast SEO for WordPressFeedBurner / FeedSmithW3 Total Cache / WP Super CacheWP DB-ManagerWP Smush.itWP Touch for Mobile version of site.Contact Form 7 / Cforms II rtSocial for social sharing
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 16
WordPress ThemesUse fast loading themesCheck no. of CSS and JS files
used by themeCheck if theme uses CSS sprite
and other techniques efficiently.Avoid themes which use Cufon
fonts
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 17
Recommended ThemesPremium Themes
◦ Genesis by StudioPress◦ Thesis by DIYThemes◦ Woo Themes
Free Themes◦ Twenty Eleven◦ Theme Hybrid ◦ Swift Theme◦ rtPanel
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 18
Useful Tools CSS Sprites: http://spriteme.orgImage Editing:
◦Photoshop ◦Picasa ◦Picnik◦Pixlr
Page Speed :◦Pingdom tools◦Firebug / Page Speed ◦Yslow
WordCamp Jabalpur |http://twitter.com/puneetsahalot/ 19
Thank you!
Shoot me a mail : [email protected] me on twitter : @puneetsahalot