Up to now, we’ve mentioned how WordPress squares up with different fashionable content material control programs like Drupal, Joomla, or even Squarespace. However what should you’re seeking to make a decision between WordPress vs static HTML on your site?

At a elementary point, this is more or less a basic debate between the usage of a database-driven content material control device (like WordPress) or writing the entire HTML/CSS your self at the side of in all probability the usage of a framework.

That will help you make your choice, we’ll provide an explanation for what those phrases imply after which bounce into one of the most execs and cons of each and every means.

Distinction Between WordPress and Static HTML

In any case, the whole lot comes out as HTML at the frontend. This is, your website’s code goes to seem one thing like this regardless of should you’re the usage of WordPress or a static HTML site:

WordPress html

Regardless of which manner you select, your code will nonetheless appear to be this

The essential distinction is in how that HTML comes into lifestyles.

With static HTML, that tale is lovely easy. You, or your developer, writes the code (together with your content material). Then, as soon as it’s at the server, it’s all the time like that. There’s no background processing occurring – your website is all the time proper there in its completed shape.

WordPress, then again, is a content material control device that makes use of PHP and a database. In easy phrases, that implies that when any person visits your WordPress website, your server “assembles” your website by way of:

  • Executing the PHP code to place in combination the HTML model of your website
  • Querying your database to get the content material to insert into that HTML

What Is a Content material Control Device, Then?

Above, we instructed you that WordPress is a content material control device, however we didn’t in point of fact provide an explanation for what that suggests. A content management system, steadily abbreviated as CMS, is tool that is helping you create, set up, and regulate content material on a site with no need to engage without delay with the code.

As an example, as a substitute of desiring to manually upload your content material by way of formatting it with HTML like you can for a static HTML site, you’ll be able to simply enter your content material the usage of the WordPress editor and WordPress will maintain exhibiting it in your website:

The WordPress editor interface

The WordPress editor interface

In a similar way, should you ever sought after to edit that content material at a later date, you should simply pass in and edit it the usage of that very same editor, moderately than desiring to without delay edit the static HTML document in your server.

Professionals and Cons of WordPress

We’ll get into one of the most execs and cons of a static HTML site in a 2d, however let’s get started with one of the most causes that over 30% of the entire Internet is now the usage of WordPress.

Code-Unfastened Content material Control

The most important good thing about WordPress is that it could possibly virtually totally do away with code from the daily control of your site. As an alternative, many of the movements that you simply’ll wish to take can also be carried out the usage of a graphic interface.

With this graphic interface, you’ll be able to:

  • Create new content material
  • Alternate how your website seems to be
  • Alternate how your website purposes
  • Configure essential search engine marketing settings
  • Carry out quite a lot of different essential movements

Except you are living and breathe HTML/CSS (and most certainly although you do), this means goes to make it so much more straightforward to control each facet of your site.

Simple to Alternate How Your Web page Seems

Each and every WordPress website wishes one thing known as a theme. Your theme determines how your website seems to be at the frontend. To put in a brand new theme, you mainly click on a button or add a unmarried document and your website straight away adopts that styling:

wordpress themes

The way you upload a brand new WordPress theme

Alternatively, with a static HTML website, you keep watch over how your website seems to be the usage of your personal CSS. Now not best is that this time-consuming to arrange within the first position, it’ll be in a similar fashion time-consuming should you ever wish to transform how your static HTML website seems to be at some point. Sure, there are CSS frameworks you’ll be able to use to hurry this procedure up, however it nonetheless calls for extra paintings and experience so to set up.

We all know this primary hand because of the truth that a majority of the Kinsta site used to be created with just right ole Github commits. Sure, we make the most of a WordPress theme and framework, and our code is wrapped in WordPress purposes, however maximum of what you notice on our website used to be created by way of our group. This may on occasion permit for larger flexibility, however it additionally calls for having builders on body of workers. If you wish to save time and don’t have full-time builders, going with a pre-built WordPress theme can tremendously accelerate your workflow.

WordPress theme

WordPress theme

Moreover, you want to fret about making your entire CSS responsive (AKA glance just right on cell), while virtually each unmarried WordPress theme is responsive by way of default at the moment.

Simple to Upload New Capability

WordPress additionally gives one thing known as plugins that mean you can simply prolong the capability of your website. Wish to add a contact form for your website? With static HTML, you’ll want to take care of validation and what occurs with the information {that a} person submits. With WordPress, you simply set up a plugin…

How you add a new WordPress plugin

The way you upload a brand new WordPress plugin

The trouble hole will get even larger with higher options. Wish to add a forum to your site? Just right success doing that by yourself. However with WordPress, you simply want to set up a discussion board plugin.

You’ll even briefly tack on eCommerce or social community capability.

Fast Building and Adjustments

The mix of topics and plugins, at the side of WordPress’ basic capability as a content material control device, imply that you’ll be able to briefly spin up even sophisticated web sites.

Static HTML can also be fast for an excessively elementary website with only some pages… but when you want any non-standard capability, WordPress is nearly definitely going to assist you to construct a website quicker.

Need extra benefits? Take a look at those 10 just right causes why you should use WordPress.

Are There Any Cons to The use of WordPress?

You’ll in finding some other people pronouncing such things as “static HTML web sites load quicker” or “static HTML web sites rank higher in Google.” However a few of this will have to be occupied with a grain of salt. Whilst it’s true that PHP and a database introduces further load time and delays, it’s no longer that tough to get WordPress load times under one second – which is masses rapid.

You will have to ask your self, is having a fairly quicker static website value giving up the benefits WordPress has to provide? Additionally, PHP efficiency has stepped forward tremendously during the last 5 years. In our contemporary PHP benchmark tests, we concluded that PHP 7.2 can maintain 3x as many requests (transactions) in line with 2d to that of PHP 5.6. ?

WordPress benchmarks

WordPress benchmarks

There also are techniques you’ll be able to simply negate PHP and database delays by way of the usage of caching to serve static HTML variations of your pages. This implies each web page load can necessarily load lightning rapid, simply as it will with a static HTML website.

How a lot does caching affect a WordPress website? Here’s a fast check on a WordPress weblog prior to and after cache.

With out Cache

We first ran a check with cache disabled at the WordPress weblog.

WordPress site without cache

WordPress website with out cache (Pingdom test)

As you’ll be able to see there’s a important prolong within the first HTML DOC load. That is because of it no longer serving from cache at the server.

Without cache delay

With out cache prolong

With Cache

We then ran a check with cache enabled at the WordPress weblog. Not anything else used to be modified.

WordPress site with cache

WordPress website with cache (Pingdom test)

As you’ll be able to see there’s a large growth. If truth be told, merely serving up the preliminary web page from cache at the server diminished the burden time by way of 32.2%.

With cache

With cache

Kinsta routinely handles caching on the server-level for all WordPress internet hosting shoppers. This implies you don’t have to trouble with third-party caching plugins.

On the subject of the rating rumors it’s possible you’ll listen, there are great WordPress SEO plugins that assist you to keep watch over each facet of your site’s technical and on-page SEO. If WordPress websites in point of fact carried out worse than static HTML websites within the seek scores, you wouldn’t see it being utilized by large platforms like The Wirecutter or TechCrunch.

There are a couple of small disadvantages, regardless that, and the primary is upkeep. Whilst opting for high quality managed WordPress hosting can do away with a lot of the worst upkeep, you’ll nonetheless be answerable for ensuring that the WordPress core tool, plugins, and topics are up to date and suitable. That is slightly simple at the moment, however it’s one thing that you simply don’t want to do with a static HTML site.

The second one drawback would most certainly be high quality. Because of the extraordinary acclaim for WordPress, there are numerous dangerous plugins and topics available in the market. And loose answers on occasion simply drop off the map solely. Sorting in the course of the dangerous to search out the nice can also be time-consuming.

Professionals and Cons of a Static HTML Website online

You heard from WordPress – however now let’s dig into one of the most execs and cons of a static HTML site.

There’s No Underlying Device to Care for

We more or less mentioned this a 2d in the past, however let’s rehash it briefly right here as it is without doubt one of the primary advantages of static HTML.

While you use WordPress and topics/plugins, you’re answerable for updating all that underlying code and ensuring there aren’t any compatibility problems. Whilst that is lovely easy (you normally simply want to click on a button), it’s one thing that you want to do to stay your site protected and functioning.

Alternatively, should you’ve written blank static HTML, you will have to be capable of just about depart issues by myself and not concern about updates.

More uncomplicated Get entry to to the Underlying Code

Whilst WordPress allows you to get entry to all of the underlying code for your website, a static HTML site will make it just a little more effective to enter positive kinds of markup. As an alternative of desiring to take care of theme template recordsdata and the WordPress loop, the whole lot is true there in entrance of you.

As an example, whilst there are schema plugins for WordPress, you’ll be able to extra simply keep watch over schema markup on a static HTML site.

What Are the Disadvantages of Making a Static HTML Website online?

Whilst a static HTML site is definitely nice for a elementary site, the primary problems come about whilst you attempt to scale up, both on the subject of the volume of content material or capability.

A lot of these disadvantages are merely the other of WordPress’ benefits. Particularly:

  • Including or enhancing content material isn’t user-friendly since you’ll want to dig into the code.
  • Including new capability calls for that you simply code it your self.
  • Converting how your website seems to be calls for rewriting your CSS.

Moreover, except you if truth be told know HTML/CSS your self, all of these items will even require paying a developer, while WordPress would assist you to do them your self, for essentially the most phase.

Use WordPress as a Static Website online Generator

Static site turbines fluctuate from the above two choices fairly as they take a content material control device’s content material, comparable to WordPress, mix it with a theme and generate static HTML pages. Jekyll is without doubt one of the hottest ones, which you’ll be able to use to host all of your site or weblog on GitHub Pages and push your new content material with one command. The disadvantage? It’s no longer simple (to mention the least) to set it up, or even for builders, it may be time-consuming.

You probably have a loose afternoon to be told extra about Jekyll then have a look at this article by Mike Neumegen. On the other hand, a flat-file CMS like Grav can come up with more straightforward content material control whilst nonetheless keeping off the will for a database.

When you’re technically savvy, it’s even conceivable to get the most efficient of each worlds and use WordPress as a static HTML site generator. On the other hand, you simply must needless to say should you use WordPress on this approach, you’ll must make sacrifices:

  • There gained’t be any “real-time” dynamic content material in your website, in any respect.
  • No really helpful articles for you or widgets that adjust for each and every customer.
  • You’ll’t use WordPress’s integrated commenting device.

Necessarily, the whole lot this is server-side (PHP) generated will transform static and up to date manually. Static site turbines will create an entire HTML web page in response to your content material and as soon as it’s finished, regardless of what number of people seek advice from your website, it gained’t be regenerated; no longer except you kind in a selected command in your laptop.

Builders remedy the commenting “drawback” by way of both no longer the usage of it in any respect or switching to JavaScript-based answers, the most well liked being Disqus or Fb feedback.

There are a few WordPress caching plugins that you’ll be able to use to create static HTML recordsdata of your posts and pages, however if you’re using Nginx as your web server (should you aren’t, you in point of fact will have to, however that’s an issue for any other article) you’ll be able to simply turn the total web page caching transfer on and set it to run out in an afternoon or per week. The longer duration you’ll be able to “find the money for” to set it to, the easier.

What occurs subsequent is that the primary customer could have the server generate your entire, cached HTML recordsdata and any consecutive guests throughout the predefined expiration duration gets served the ones recordsdata. Right here a Kinsta, our servers use the nginx fastcgi cache module for web page caching. Methods to set it up, you ask? Smartly should you set up your personal servers here’s an extremely detailed guide by way of DigitalOcean that you’ll be able to observe.

When you’re a Kinsta shopper, that is automated for each WordPress website and the cache by way of default expires each one hour. You’ll, alternatively, open up a price ticket with our give a boost to group inside your MyKinsta dashboard and request an extended cache period. Simply please remember to totally perceive the effects of doing so.

Cloudflare Complete Web page Cache

You’ll additionally make the most of Cloudflare web page laws with WordPress and serve your whole website from cache. WP Bullet has an excellent information on how to set up Cloudflare cache on your WordPress posts and pages.

It is extremely recommended for websites which might be launching an match or predict an enormous surge of site visitors. Bear in mind regardless that, if you’re serving solely from cache, you are going to perhaps run into problems with WooCommerce checkout, your WordPress admin toolbar, and different quite a lot of issues that you simply’ll want to both repair or in finding workarounds.

We Give you the Perfect of Each Worlds

We don’t typically counsel serving your whole website from cache except you’ve time to correctly check the whole lot. As an example, in relation to WooCommerce: you’ll be able to cache the “static” entrance web page, classes, product pages (should you don’t exchange them too steadily) after which sure, it’ll load virtually straight away! However once any person clicks “upload to cart” you’ll have to modify to a non-cached model differently they’ll see the cart all the time empty.

Right here at Kinsta, we have now server-level laws in position for ecommerce answers and blogs to make sure what will have to be cached is, and what shouldn’t, isn’t. ?

A couple of examples come with positive WooCommerce and EDD pages like cart, my-account, and checkout, are excluded from caching. And customers routinely bypass the cache when the woocommerce_items_in_cart cookie or edd_items_in_cart cookie is detected to make sure a easy and in-sync checkout procedure.

This offers you a fasting loading WordPress website, however with no need to fret about issues breaking.

Cache component stack

Cache part stack

Don’t wish to host your whole website with Kinsta, however wish to benefit from the dynamic capability on your WordPress weblog? You may wish to glance into loading your website over a reverse proxy. We give a boost to a lot of these setups.

WordPress or Static?

Now for the million greenback query… When you’re simply development a small site that’s not going to modify or require new content material, static HTML is a nice means. However for the rest, WordPress is nearly definitely going to be a more sensible choice. That is very true should you don’t get entry to to a developer.

Its ease of use, blended with its extensibility, are the primary the reason why it’s now powering over 30% of all of the web sites at the Web. Now over to you – would you ever construct a website with static HTML over WordPress? Or have you ever long gone down the static site generator path?

The put up WordPress vs Static HTML: How Should You Build Your Site? gave the impression first on Kinsta Managed WordPress Hosting.

WP Hosting

[ continue ]