The world’s longest WordPress deployment

Looka (formerly Logojoy)
Looka Engineering
Published in
5 min readJun 14, 2018

WordPress is famous for its 5-minute install. Turns out it takes a little longer when deploying with kubernetes. So why did put ourselves through this?

Sections:

Since it’s 2018 and we all hate reading (and this isn’t an audio blog), the choose-your-own-adventure outline is below so you can jump to where you want to read.

  1. The Story Behind the Problem
  2. The Solution to the Problem
  3. The Kubernetes Configuration

The Story Behind the Problem

We’re all about efficiency and empowering everyone on any team to complete their work with minimal bottlenecks. We put our marketing site together using WordPress so that our marketing team could make changes to copy and pages without having to request dev support.

Our core application is a completely agnostic front-end build using React and Redux, so we can hijack WordPress’ routing engine to forward all app-specific URLs to a single page that loads the application (woo, no subdomains). It’s also supported by a fair chunk of microservices, seriously.. we have like 20 repo’s running the logo maker alone (post about that coming soon):

As a result, we ran our WordPress build on its own instance, all by its lonesome. This setup was fine since it mostly worked as a hand-off to the application, where the real server loads existed.

However, a unique experience forced us to rethink our lax approach to WordPress. One day we awoke at 5 AM to messages about our site being down. But the site wasn’t down, and traffic wasn’t higher than usual, so why weren’t pages loading?

Well, something was different: we had an unusually high number of visitors from China, and these users displaced our usual North America traffic distribution. In a nutshell, here was the problem.

The Solution to the Problem

We got super popular on Weibo, and everyone and their best friend behind the great firewall was trying to get onto our site to make a logo.

We use caching, but we don’t cache the page that loads the React app, so that we can bump the version for continuous deployment. For this reason, a request to that page would require the server to do some work in fetching the page.

Each page request needs a server worker to fetch the page (even though the application’s JavaScript comes from our CDN). As we upped the number of apache workers, our website still didn’t load faster, and the number of users on the site kept climbing.

We eventually reached over 20,000 workers on a 16GB 4xCore instance, and still more and more users…but the website was still inconsistently loading. The problem here was obvious: on one side of the internet, there was an unknown number of users from China trying to get onto the site. They were requesting all the available resources we kept adding, and consuming them before users from our core markets could.

We could up the workers all day long and watch the users continue to climb with absolutely no hope in knowing where the end was. So we solved it by blocking all IPs coming from China to stop them from even reaching the server. What a horrible solution. But we had to do it — we had no load balancer in place, a poor caching strategy for WordPress, and no auto scaling.

This led to some new thoughts on a solution:

1) Improve our caching and leverage CloudFront better. Admittedly, we were pretty lazy setting it up for the Wordpress page because our app resources were a bigger request problem. It’s also expensive compared to using some of the really great WordPress caching tools, which are free.

2) Have an auto scaling strategy in place for our marketing site. Why? Because WordPress caching and auto scaling is cheaper than CloudFront, and we don’t want to have to ask CloudFront to clear a cache for every single continuous deployment we do.

3) Manage all of our microservices and servers from one location.

The Kubernetes Configuration

Here’s how we planned on putting a solution in place:

  1. Create a docker image for the WordPress deployment and MySQL database.
  2. Create the kubernetes deployment and service for WordPress, as well as a persistent volume for the database.
  3. Make sure we have SSL and set up autoscaling for a dedicated node using affinity and anti-affinity rules.

Our WordPress deployment is the easiest thing ever. Since day one, we’ve been using docker’s WordPress image, so all we had to do was build a custom theme for our site.

Below are some images of our docker files and screenshots to affirm my convictions:

You’ll notice we have two docker files: one for the WordPress service and the other for the database. Before this, we only had the one docker file, and we would just load up an empty MySQL image for the database.

To prepare for the persistent volume, we made our own image based on the mysql:5.7 image. Then we updated the service to use this image instead. The LJ folder contains our theme. How easy is this?

Step two was to get these images onto AWS’s Elastic Container Repository. A little Makefile helps nicely with this flow.

Step three involved configuring kubernetes. I’ll spare the long-winded explanations and just show you the configuration files. Overall there are 7 configuration files:

- namespace config
- 1 persistent volume config
- 2 deployment configs (MySQL + WordPress)
- 2 service configs (MySQL + WordPress)
- 1 ingress config

The big thing to pay attention to here is the node affinity spec. WordPress is quite a resource-intensive process compared to the rest of our microservices, which just dispatch JSON. So it’s dedicated to its own node labeled for WordPress so it can avoid the other microservices. On first launch, this ended up on the same node as our API and it really slowed things down. Assigning pods to nodes documentation here

So there you go — services + deployment configs for the database and the WordPress build. Sprinkle in an Ingress with SSL from Let’s Encrypt, and you’re done (if you want to learn about nginx-ingress + cert manager, check out this post).

You can add horizontal autoscaling through a YML file or use the kubectl CLI to do it. Either way, you can read more about it here.

--

--

Looka (formerly Logojoy)
Looka Engineering

Looka’s AI-powered design platform lets you create a logo, make a website, and build a brand you love.