Follow Island in the Net on WordPress.com

Fediverse Unlocked

Embracing the Fediverse with ActivityPub.

I was excited when Automattic, the parent company of WordPress.com, announced that they had acquired the popular WordPress plugin ActivityPub.

Although I had enabled the ActivityPub plugin in 2019, I hadn’t committed to using it and soon disabled it. Matthias Pfefferle’s later announcement that Automattic had enabled ActovityPub across all of WordPress.com filled me with confidence to re-enable the plug-in and commit to the fediverse.

The ActivityPub plugin for WordPress is a tool that extends the functionality of a WordPress website to make it compatible with the ActivityPub protocol. ActivityPub is a decentralised social networking protocol that allows different social media platforms to communicate and share content in a standardised way.

My WordPress site can interact with other ActivityPub-compatible platforms such as Mastodon. This means I can follow and be followed by users on other ActivityPub-compatible social networks like Mastodon, Pleroma, or Pixelfed. I can share my posts, articles, and updates from my WordPress site directly to my followers on other platforms that support ActivityPub.

ActivityPub enables interactions such as liking (favouriting), sharing (boosting), and commenting (replies) on my WordPress posts from other ActivityPub users. The plugin allows me to control the visibility of my posts, making it possible to share them publicly or restrict it to specific audiences.

Once you follow my @khurtwilliams@islandinthenet.com profile, any blog post I post will land in your Home feed on Mastodon. I receive notifications for interactions with my content, such as when someone likes, shares, or comments on my posts.

The ActivityPub plugin enhances my WordPress website's connectivity, enabling it to become a part of the larger decentralised social web. It fosters a more open and interconnected online social experience, where users on various platforms can engage with my content seamlessly.

Optimizing Website Performance

I used JetPack Boost and Google's PageSpeed Insights to optimize CSS and improve website performance.

?I’m always looking to improve the performance of my website. I’m using the free version of [JetPack Boost] and Google’s PageSpeed Insights services to check my website performance. I look at the recommendations for improvement and implement them where I can. I have turned on features in JetPack Boost to optimise CSS load and defer non-essential Javascript until after the page loads, so the important stuff loads faster. I enabled lazy image loading to load only images the user can see. Doing all of that can make the website feel snappier.

The Image CDN feature delivers images from Jetpack's Content Delivery Network (CDN). The CDN Automatically resizes your images to an appropriate size, converts them to modern, efficient formats like WebP, and serves them from a worldwide network of servers. When I have uploaded later edits of images, I have had issues with the CDN serving the old versions of images instead of the updated version. I did not enable the Image CDN feature.

JetPack Boost Config
JetPack Boost Config

However, I was only partially happy with the results. When I ran a test using PageSpeed Insights, I got a pretty shitty score with a message that the website had failed the Core Web Vitals Assessment. I wanted to do better. The cool thing about PageSpeed Insights is that it will diagnose performance issues and suggest recommendations for improvement. PageSpeed Insights recommended using a more optimised theme, an optimisation plugin, or upgrading the server.

JetPack Boost Score
JetPack Boost Score

I’m using an IndieWeb version of the Twenty Sixteen theme. It has an additional markup for microformat2, which could be causing some performance issues. However, removing that code is not an option since I need microformat2 support to use the IndieWeb plugins. I’m using a fairly robust virtual private server from Digital Ocean. I don’t see any issues in the Digital Ocean dashboard to indicate that server performance is an issue.

PageSpeed Insights
PageSpeed Insights

The other recommendation from PageSpeed Insights was to use the Performance Lab plugin to convert uploaded JPEG images into WebP automatically. The Image CDN feature of JetPack Boost does this, but as I mentioned before, I have had issues with the CDN serving the old versions of images even after new ones are uploaded.

Digital Ocean VPS Dashboard
Digital Ocean VPS Dashboard

That left me with one viable option: an optimisation plugin. The WordPress HealthCheck feature kept complaining that I had no object caching service installed. It recommended Redis. After reading How to Setup Redis Caching for WordPress with Ubuntu 20.04 and Nginx and How to Install Redis on Ubuntu 20.04 / 18.04, I installed and configured a Redis server. I also installed and configured the Redis Object Cache plugin by Till Krüss.

Configuration

As a starting point, I used the following settings from the INSTALL.md on the Redis GitHub. ** Please make sure to change the cache keys to something unique**. I used the wordpress.org salt generator to create a unique key for my installation. By default, the object cache will connect to Redis Server over TCP at 127.0.0.1:6379. For security reasons, I explicitly defined the host and port settings.

//Adjust Redis host and port if necessary ?define( 'WP_REDIS_HOST', '127.0.0.1' );?define( 'WP_REDIS_PORT', 6379 );??// Set a cache key salt and enable a persistent cache with the Redis object cache plugin?define('WP_CACHE_KEY_SALT', ’example.com');?define('WP_CACHE', true); ??// Reasonable connection and read+write timeouts?define( 'WP_REDIS_TIMEOUT', 1 ); ?define( 'WP_REDIS_READ_TIMEOUT', 1 );?

There are other Redis settings that I want to learn more about before enabling them.

Configuration constant Description
WP_REDIS_PASSWORD The password of the Redis server. Supports Redis ACLs arrays: ['user', 'password']

Since I have set the Redis server to only listen on localhost, setting WP_REDIS_SCHEME isn’t critical. However, this setting would add another layer of security.

Results and Up Next

JetPack Boost Score Worese
JetPack Boost Worse

JetPack Boost said my website performance had fallen after enabling Redis. There was a caveat message from JetPack Boost Most of the time, JetPack Boost will increase website speed, but there may be cases where the score does not increase. The JetPack Boost documentation on improving the Site Speed Score recommended using Google’s PageSpeed Insights tool. I found that suggestion humorous. I considered if there was a conflict between JetPack Boost and Redis and how JetPack Boost reports performance. I decided to rely on the results from PageSpeed Insights.

Disabling the Optimize Critical CSS Loading of JetPack boost improved the Desktop Score but worsened the Mobile Sore significantly. I’ll keep experimenting and reading and learning about Redis. I want to ensure I have optimised my website as much as possible. Seeing the word, Failed on the PageSpeed Insights test agitates me.

Jim Grey appears to be using the Yoast SEO caching plugin. I ran one of his posts through PageSpeed Insights, and his website got a Core Web Vitals Assessment: Passed. I’ll try using a caching plugin with Redis and see what happens.?