Debugging WordPress Performance.

Using EasyEngine. by Rahul Bansal (@rahul286)

from @rtCamp

Parts1. Understanding the problem

2. Live Demo

3. Using EasyEngine

2

Part-1Understanding the problem

Let's imagine!

WordPress is a car!

And... hosting is road!

This is what you want!

But!!!

Shared hosting!

Cheap hosting!

Overloaded car!

So The Problems are...

1. Roads... i.e. Hosting/Server

2. Cars...... i.e. WordPress - Themes/Plugins

3. Both!

12

Fixing Hostingproblem!

Fixing Server Problem!ee site create example.com --wp

But there is no easy fix for overloaded site!

Because...•  Not every site can be fully cached

•  e.g. membership sites

•  e.g. e-commerce sites

•  Even when full-page cache is present...

•  a missed request will take longer or even fail

•  There is always /wp-admin that cannot be cached

16

So we need to take the harder path...1. Trial and error method

•  theme/plugin conflicts may get skipped

•  inconvenience to the users if site is live

2. Debug like a hero!

17

Part 2Live Demo!

What's included in demo•  Live WordPress site running bad codes

•  Bad codes' impact analysis using debugging tools

•  Fixing bad codes

•  Confirming performance using debugging tools

19

Part 3Using EasyEngine

EasyEngine Debug CommandMySQL Slow Query Log

ee debug --mysql --import-slow-log

PHP XDebug Profiling

ee debug example.com --php

WordPress Debug Log

ee debug example.com --wp

21

Install Web-based ToolsStart WordPress debug log

ee stack install --admin

Installs webgrind, anemometer and other tools

22

PHP Xdebug Browser Addon

Chrome Firefox Safari Opera

23

That's it!

Bring it on!

The End!Thanks :-)

Q&A

Links•  View Slides

•  Slide source-code on github

•  PHP Xdebug

•  PHP Webgrind setup

•  EasyEngine

•  Anemometer (for MySQL) setup

•  rtCamp Tutorials

27

Credits!•  Shower HTML presentation engine

•  Highway image by Alan Stark

•  "Long Drive Car" by Mariordo

•  Traffic Jam by vktkv

•  Bar road by Abang Salim Bin Abang Ali

•  Overlaoded car by khulhafizov

•  Icons in server cache image by iconsineed.com

•  Einstein image by Tai Carmen

•  "Sorry for interruption" image

•  Piggy bank by Images Money

•  Browser Icons by PixelBuddha

28