Optimizing Your WordPress Site
- 1. OptimizingYour WordPress site Ozzy Rodriguez Twitter: @OzzyR http://ozzyrodriguez.com WordPress Bay Area FoothillsGroup July 16, 2014
- 2. Hosting Matters! Most shared hosts have the following on one of their large servers: β’ 2500 users β’ 5000-7000 sites β’ About 1000 of these are WordPress sites β’ WordPress is aVERY HEAVY load on servers β’ Because of this and the fact that WordPress is becoming more and more popular, more and more hosts are creatingWordPress-specific hosting β’ Good hosting costs money β’ Easiest way to make your website faster
- 3. Tools you need to optimize! 1. PageSpeed for Chrome or Firefox 2. Pingdom
- 4. Queries are different than HTTP Requests WordPress Queries β’ WordPress queries is information that goes between the site and the database β’ What you enter into the backend of your site is stored in the database β’ The information is retrieved from the database by asking the database for it (plugins/themes) HTTP Requests β’ These are requests made by the website β’ Include javascript, css, images, etc. β’ Using sprites for images, combining css and combining javascript files will lower the requests made
- 5. CheckYourQueries β’ WordPress runs off a database β’ Each query adds extra time β’ Query Monitor
- 6. WP Smush.it β’ UsesYahoo Smush.it API β’ Makes your images smaller in size, maintains quality β’ Install the plugin when you start work on a site, run it once and itβll run every time you add a new image
- 7. Install W3Total Cache β’ I use it for ease of use and functionality β’ Works great with MaxCDN and other CDN providers β’ Install after youβve optimized everything else
- 8. Very quickly and easily, increase speed β’ Enable Page Cache β’ Minify Enable (leave defaults) a) THIS MAY OR MAY NOT BE GOOD FOR YOUR SITE!CHECK WITH OR WITHOUT! β’ Enable Object Cache β’ Enable Browser Cache β’ Play around with other settings as even settings within these settings. Performance increase depends on server and other factors
- 9. Performance Difference BeforeW3Total Cache AfterW3Total Cache
- 10. YAY! SO HAPPYTHATTHE SITE IS FASTER AND HAS SEEN A PERFORMANCE BOOST! Photo Credit: Paul L Dineen
- 11. Why use a CDN? β’ Content Delivery Network β’ Takes your files and serves them from servers around the world β’ Content is delivered from servers closest to your visitors (reduced latency, fast experience) β’ MaxCDN, CloudFlare are big ones (Work with W3TC very easily)
- 12. MaxCDN Setup Inside W3TC β’ Set up your pull zone at MaxCDN β’ Follow instructions inside W3TC β’ EASY!
- 13. With andWithout a CDN Without CDN With CDN
- 14. Now the client is REALLY HAPPY! Photo Credit: Steve Corey
- 15. OptimizingYourWordPress site Ozzy Rodriguez Twitter: @OzzyR http://ozzyrodriguez.com WordPress Bay Area Foothills Group July 16, 2014