For almost the past decade my go-to tool for building a website has been WordPress. WordPress is an amazing platform for building websites with a diverse ecosystem of themes & plugins along with a vibrant community. A few months ago I started to experiment with Static Site Generators (SSGs). I really enjoyed working with them. I have since moved several of my personal and professional sites over to Hugo and plan on relying on them much more moving forward.
Challenges & Limitations with WordPress
While WordPress is great, there are definitely a lot of challenges and frustrations that I have with the platform.
Out of the box, WordPress is not very performant. Every single page is completely dynamic requiring a server to run PHP, make dozens of queries to a database, generate HTML, then send it back to the visitor. As you add more complexities to your site (plugins and other dynamic features) it will slow down your performance, especially when there are multiple visitors on your site.
Of course the logical solution to this is caching. There are several great caching plugins with varying levels of complexity to set up, but they all measurably help performance.Caching in a nutshell will save previously ran dynamic queries for a period of time so they don’t need to be ran on every page load. This performance boost, however, comes at a tradeoff; your site is no longer dynamic.
The other performance issue is that your site is limited by the geographic proximity to the server. When i’m on my computer here in Philadelphia and I go to load a site that is hosted in Texas (a popular location for datacenters) that information has to travel over a thousand miles to go from the server to my computer. While most of the network backbone is on fiber optic (and thus travels at the speed of light) there are network hops that occur that can add a delay to your request. This is known as latency. While it may only be a few hundred milliseconds across the United States, what if the visitor is in Autrailia or in a developing country that doesn’t have an advanced network infrastructure?
Updates & Security
WordPress is constantly getting updates for both new features and to plug security vulnerabilities. Realisitcally this means that you should be updating your site at least weekly. If there is a security vulnerability it is your responsibility to know that it exists and that there is a patch available to fix it. WordPress does have support for things like auto-updating minor releases, which helps, but it isn’t the answer to all the issues. What if this update breaks the site?
The benefits of a Static Site Generator
Static sites by nature are static which means there is no need to run PHP or a backing database. This also means that the entire site can easily be distributed to a CDN for a speed boost.
A common issue with WordPress sites is something that I call “The Shark Tank Effect”. It’s very common when a company is featured on Shark Tank that the site gets innundated with traffic and will crash. This is much less likely to happen with a static site because you’re only serving static files.
A static site is extremely secure because there is nothing for attackers to exploit. Things like plugin and core vulnerabilities simply do not exist.
Use with a CMS (When needed)
One of the biggest issues that critics have with SSGs is the that it is harder to manage content. For a non-developer, I can definitely sympathize with that logic. As a developer myself, I actually prefer writing in markdown as it takes away a lot of the business of a CMS. There are now a few tools out there that give you the functionality of a CMS within a Static Site Generator. This gives you the best of both worlds. Two popular options are:
Hosting with Netlify
The best thing that I discovered about hosting static websites is Netlify. They are a hosting company that specializes in hosting static websites. Out of the box Netlify will distribute your website to their ultra-fast global CDN for the fastest speed possible. In my tests, it means this website loads in well under a second from anywhere in the world.
Along with blazing speeds here are other things I love about Netlify:
Deep Git Integration with Automatic Deploys: This is by far my favorite feature. When creating a site, you connect it to a Git repository (GitHub, GitLab or BitBucket). Whenever you push to that repository, it will trigger Netlify to automatically rebuild and deploy your changes.
Useful Dynamic Features: Netlify includes a bunch of really useful dynamic features that are simple to bake into your site. Things like Forms, Identity (login), and even functions via AWS Lambda.
Branch Deploys: Branch deploys allow you to commit your changes to a separate branch and preview them on a separate website (like
A/B Testing: Similar to branch deploys, Netlify’s A/B testing allows you to split your traffic between two different branches. You can even control what percentage of traffic goes to what branch.
It’s Free: There is no catch. Everything mentioned above is provided to you at no charge. All of the dynamic features do have a paid tier, but their free version should be more than enough for most websites. Reading the fine print their “Unlimited” traffic is a 100GB soft limit, which is several thousand times what any normal site will realistically use.
Seriously go check out Netlify they are awesome (note: I am not affiliated with Netlify in any way, I just love their services).