From dcfb172704f3afb68a30425029ec834be2883274 Mon Sep 17 00:00:00 2001 From: bt Date: Sat, 8 Jun 2024 13:22:19 -0400 Subject: More content porting, on-going markdown changes for lowdown support --- .../performance-focused-wordpress-theme/index.html | 86 ++++++++++++++-------- 1 file changed, 55 insertions(+), 31 deletions(-) (limited to 'build/performance-focused-wordpress-theme/index.html') diff --git a/build/performance-focused-wordpress-theme/index.html b/build/performance-focused-wordpress-theme/index.html index a482f76..d7ee28d 100644 --- a/build/performance-focused-wordpress-theme/index.html +++ b/build/performance-focused-wordpress-theme/index.html @@ -1,72 +1,96 @@ - + Create a Performance-Focused WordPress Blog - - + + +
-

Create a Performance-Focused WordPress Blog

+

Create a Performance-Focused WordPress Blog

+

2021-09-08

-

With my recent switch back to WordPress, and having read Kev Quirk’s latest post about Core Web Vitals, I wanted to make sure my blog still prioritized speed and performance above all else. I’m happy to say that I have closely replicated the same speed of my original static Jekyll-based version of this blog.

-

And I've achieved this with barely any effort at all. All that's needed is:

+ +

With my recent switch back to WordPress, and having read Kev Quirk’s latest post about Core Web Vitals, I wanted to make sure my blog still prioritized speed and performance above all else. I’m happy to say that I have closely replicated the same speed of my original static Jekyll-based version of this blog.

+ +

And I’ve achieved this with barely any effort at all. All that’s needed is:

+ +

Let me breakdown each component so those of you interested can do the same without hitting any roadblocks.

-

Choosing Your WordPress Theme

+ +

Choosing Your WordPress Theme

+

Selecting an existing theme or trying to build your own can be a daunting experience. For my needs, I forced myself to find an existing theme and just run with it. This gives me more time to focus on writing instead of constantly tweaking the blog’s visuals.

+

I would suggest either using the default starter theme (as of this writing: Twenty Twenty One theme by Automattic) or looking for specific “lightweight” themes across the web. I highly recommend checking out Anders Norén’s theme collection. Others can be found on the official wordpress.org website.

-

Two Simple Plugins

-

Once you have decided on a theme, you'll also want to be sure to install two very important plugins that greatly help with performance:

+ +

Two Simple Plugins

+ +

Once you have decided on a theme, you’ll also want to be sure to install two very important plugins that greatly help with performance:

+
    -
  1. Jetpack Boost – wordpress.org/plugins/jetpack-boost/
    2. -
  2. Yoast SEO – wordpress.org/plugins/wordpress-seo/
    3. +
  3. Jetpack Boost – wordpress.org/plugins/jetpack-boost/
    4. +
  4. Yoast SEO – wordpress.org/plugins/wordpress-seo/
-

Jetpack Boost

+ +

Jetpack Boost

+

This plugin is fantastic. Not only will it run a proper audit (based off Google’s Lighthouse tool) but also gives you the ability to activate optimized CSS, lazy image loading and deferring non-essential JavaScript (if applicable). All of this is done in a super-clean user interface directly inside your WordPress admin.

+

Check out my own testing site metrics below:

-

- Jetpack boost numbers -
The Jetpack Boost metrics for this website (and yes, that 99 score for mobile kills me)
-

-

Yoast SEO

+ +

Yoast SEO

+

If you’ve worked with WordPress at all you have surely heard of Yoast. Adding this plugin to your site is really a no-brainer. The automatic generation of meta data and SEO tags can save you a lot of time while also improving your overall Lighthouse score.

+

Here is the Lighthouse audit for the test WordPress website:

-

- Lighthouse audit -
It might not be perfect, but it’s pretty damn close!
-

+

Those scores were achieved without any custom work on my end – I simply activated the plugin and let it work it’s magic. Great stuff.

-

Host Everything on EasyWP

+ +

Host Everything on EasyWP

+

Up to this point we haven’t spent a single penny. Unfortunately, web hosting isn’t free and you’re going to need it if you actually want your website to have a home on the interwebs!

+

I know – I can hear your collective voices shouting out:

-

Isn't web hosting a little expensive just for my simple hobby blog/site?

-

-- Some of you

+ +
+

Isn’t web hosting a little expensive just for my simple hobby blog/site?

+ +

– Some of you

-

I host this test blog for just $3.88/month and the service is actually good. Unreal, right? That’s the price of a medium coffee, so I’m pretty sure it won’t break the bank.

-

This “cheap” hosting is through EasyWP and the Starter plan ($3.88/month) comes with the following:

+ +

I host this test blog for just $3.88/month and the service is actually good. Unreal, right? That’s the price of a medium coffee, so I’m pretty sure it won’t break the bank.

+ +

This “cheap” hosting is through EasyWP and the Starter plan ($3.88/month) comes with the following:

+
  • 10 GB SSD storage
    • -
  • 50k visitors/month
    • +
  • 50k visitors/month
  • Unlimited bandwidth
  • Backups (though not automatic)
  • SFTP access
    • -
  • EasyWP Cache plugin (and it's actually good!)
    • +
  • EasyWP Cache plugin (and it’s actually good!)
+

You will need to snag your own SSL certificate though, but this is easily obtained with something like letsencrypt.org.

+

Best of all, if in the future you require more features the next pricing tier is still only $7.88. Not too shabby!

-

Try Yourself

+ +

Try Yourself

+

The fact that EasyWP gives you a free month trial, there really is no reason not to try spinning up your own blog or online store or whatever the heck you want to build. The more people with personal spaces on the web the better.