Vinay Paudel: Optimizing and Speeding up a WordPress site

30

Transcript of Vinay Paudel: Optimizing and Speeding up a WordPress site

Page 1: Vinay Paudel: Optimizing and Speeding up a WordPress site
Page 2: Vinay Paudel: Optimizing and Speeding up a WordPress site

Op#mizing  &  Speeding  Up  a  WordPress  Site  

Page 3: Vinay Paudel: Optimizing and Speeding up a WordPress site

Vinay  Paudel  tweet  @paudelvinay  

Email:  [email protected]  

Blog  :  h:p://vinayp.com.np  

Page 4: Vinay Paudel: Optimizing and Speeding up a WordPress site

Wordpress Structure

Page 5: Vinay Paudel: Optimizing and Speeding up a WordPress site

Facts/Results

•  80-­‐90%  of  the  end-­‐user  response  Dme  is  spent  downloading  all  the  components  in  the  page:  images,  stylesheets,  scripts,  Flash,  etc  

•  Site  having  loading  Dme  more  than  5  minutes  loose  50%  visitors.  

•  Less  H:p  Request,  More  fastest  the  site  

Page 6: Vinay Paudel: Optimizing and Speeding up a WordPress site

Facts/Results

Page 7: Vinay Paudel: Optimizing and Speeding up a WordPress site

Facts/Results

Page 8: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize theme

• well-coded theme. •  Find any unclose tag on theme • Check malicious/unwanted code

– Theme  AuthenDcity  Checker  (TAC)  (h:p://wordpress.org/extend/plugins/tac/)  

– Exploit  Scanner  (h:p://wordpress.org/extend/plugins/exploit-­‐scanner/)  

Page 9: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize theme •  Images

– Replace some of the images with text – Use GIF, PNG and JPEG format – Try WP-Smush

Page 10: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize theme

• Use CSS Sprites

Page 11: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize theme  

•  Combine minify and compress HTML, JS and CSS – Use compressor tools – Use Plugins

• WP Minify (http://wordpress.org/extend/plugins/wp-minify/ )

• Better WordPress Minify (http://wordpress.org/extend/plugins/bwp-minify/)

•  Put CSS on header and JavaScript on footer  

Page 12: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize theme  

• Non Persistent caching

Page 13: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize theme  

•  Persistent caching

Page 14: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize/Speed up Plugins

•  Be selective on plugins choice.

Page 15: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize/Speed up Plugins  

Page 16: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize/Speed up Plugins  

• Deactivate and delete unnecessary plugins

Page 17: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize/Speed up Plugins  

Page 18: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize/Speed up Plugins  

•  Check  plugins  performance  – P3  (Plugin  Performance  Profiler)  (h:p://wordpress.org/extend/plugins/p3-­‐profiler/)  

Page 19: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize/Speed up Plugins  

Page 20: Vinay Paudel: Optimizing and Speeding up a WordPress site

Cache Using Plugins

• Caching Plugins – W3 Total Cache (http://wordpress.org/extend/

plugins/w3-total-cache/) – WP Super Cache (http://wordpress.org/extend/

plugins/wp-super-cache/)

Page 21: Vinay Paudel: Optimizing and Speeding up a WordPress site

Apply CDN using Plugins  

• CDN (content delivery Network). – W3 Total Cache – image files, js files, css files, uploaded files

Page 22: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize using wp-config

•  define('WP_CACHE', true); •  define('WP_POST_REVISIONS', false);

OR define('WP_POST_REVISIONS', 10); •  define('EMPTY_TRASH_DAYS', 30); •  define(‘WP_HOME’,‘http://vinayp.com.np’); •  define(‘WP_SITEURL’,‘http://

vinayp.com.np’); • define('WP_ALLOW_REPAIR', true);

Page 23: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize using htaccess  

• Gzip File Compression <ifModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml application/

xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript

</ifModule>      

• Disable Etags Header unset Etag

FileETag None    

Page 24: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize using htaccess

• Use Browser Caching # BEGIN Expire headers <ifModule mod_expires.c> ExpiresActive On ExpiresDefault "access plus 5 seconds" ExpiresByType image/x-icon "access plus 2592000 seconds" ExpiresByType image/jpeg "access plus 2592000 seconds" ExpiresByType image/png "access plus 2592000 seconds" ExpiresByType image/gif "access plus 2592000 seconds" ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds" ExpiresByType text/css "access plus 604800 seconds" ExpiresByType text/javascript "access plus 216000 seconds" ExpiresByType application/javascript "access plus 216000 seconds" ExpiresByType application/x-javascript "access plus 216000 seconds" ExpiresByType text/html "access plus 600 seconds" ExpiresByType application/xhtml+xml "access plus 600 seconds" </ifModule> # END Expire headers

Page 25: Vinay Paudel: Optimizing and Speeding up a WordPress site

OpDmize  using  Server  

•  Server Caching – opcode cache like Alternative PHP Cache

(APC), XCache, Memcache, eAccelerator, etc

Page 26: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize Database

•  Try phpMyAdmin

Page 27: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize Database

• Try plugin to optimize – WP-Optimize (http://wordpress.org/extend/

plugins/wp-optimize) – OpDmize  DB  (h:p://yoast.com/wordpress/opDmize-­‐db/)  

• Automatic Database Repair – {$your_site}/wp-­‐admin/maint/repair.php

• Don’t backup your database during high traffic time

• Use Following Queries on Footer

Page 28: Vinay Paudel: Optimizing and Speeding up a WordPress site

Optimize Database

• Cache Your Database • Delete Spam Comments

Page 29: Vinay Paudel: Optimizing and Speeding up a WordPress site

References

•  h:p://codex.wordpress.org/WordPress_OpDmizaDon  

•  h:p://codex.wordpress.org/WordPress_OpDmizaDon/Caching  

•  h:p://wp.tutsplus.com/tutorials/hosDng/opDmizing-­‐wordpress-­‐loading-­‐speed-­‐with-­‐header-­‐php-­‐htaccess/  

•  h:p://wp.smashingmagazine.com/2012/06/26/diy-­‐caching-­‐methods-­‐wordpress/  

•  h:p://sixrevisions.com/css/css-­‐sprites-­‐site-­‐speed/  

Page 30: Vinay Paudel: Optimizing and Speeding up a WordPress site

Thank  You  

QuesDons?