🧠  brain dump

Getting The Perfect Score with Wordpress

id / en

Devs |

wordpress

This post was written when I was still using WordPress. I'm no longer using it, but I think the experience is still worth sharing and still relevant.

It's been about a year since I've hosted my blog on Blogger. All I need to do is just write and publish. I don't need to worry about the configuration because it's all done for me. There is not much we can customize in Blogger either.

Because I want to be able to optimize this blog (and I really want to mess up the configs), I then bought a cheap hosting and moved the blog to WordPress.

The process is not simple, as I can expect. I spent about 5 days finishing setting up the blog on WordPress, as I'm actually new to cPanel et al.

Every day I focus on working on one aspect. The first day is setting up hosting. Then installing and setting up WordPress for the first time. After that, installing Themes. Followed by installing plugins, and finally SEO.

I spend most of my time browsing, there are lots of tools that can be used and I have to choose the best one. I prioritize the speed to be as high as possible, because I use shared hosting, so it has to be optimal.

Now I want to share some of the configurations that I use on this blog. Who knows, it might save time for people who need it. It can also be a guide for those who want to move or just want to try WordPress on their blog.

Installing WordPress #

First, what you have to do is install WordPress. Usually, hosting providers already provide Softaculous on cPanel so that you can install WordPress in one click.

But if it doesn't exist, you can install it yourself, download the files you need and upload them to your hosting via FTP. There is a complete guide on the Wordpress official website.

Installing theme #

Secondly, after installing WordPress, in my opinion, the best thing to do is to select and install a theme. There are so many choices. Some are free, some are paid. But there are a lot of free ones that are good. We just need to modify it.

The difference between free and paid themes is that they can usually be highly customized. Sometimes if there is a paid version of the theme, the free version is very limited if you want to customize it.

Make your own choice of theme depending on your individual needs. What do you want to prioritize first? For me, the important thing is that it's light (the size is small) and can be modified until I like it.

The choices at that time were Astra and Neve, but in the end, I chose Neve because it was more suitable for me.

When you modify the theme, keep in mind that everything is must be easy to read, the navigation is straightforward (users must know how to get back to Home), and the menu doesn't get crowded.

I myself deleted the menu on the right sidebar, so that when a user is reading a post, they just see the post. Then, I created a new page to display categories.

If you want, before modifying the theme, you can make a child theme first, so that when the theme is updated, your modifications will not be lost.

Installing Plugins #

Third, plugins. One of the things that makes WordPress superior to Blogger is these plugins. We can add features that don't exist in the default WordPress, without having to understand coding.

In addition to adding features, plugins are also crucial for optimizing our blog, especially in speed.

There are lots of plugins that we can install to add features to our website. But if we install a lot, the web can actually be slow, or even worse, the plugins clash with each other. Sometimes there are problems because the plugins don't match each other.

It will be better if we just use some of them, according to what we prioritize, like when we chose the theme earlier. For example, if we make this website just a landing page, we don't need to install a comment plugin like Disqus.

For blogs, I will give some recommendations for plugins that I use here. I group them according to their function.

Caching #

By default, if we access a web that uses WordPress, the server will build the web from scratch each visit. This cache provides the finished web version, so the server doesn't have to build from scratch every time we open the web.

This, of course, reduces the load on our servers because it doesn't have to do many processes to display the web in the browser.

For caching, I've tried a lot of plugins. First, I tried W3 Total Cache because they say it has the most complete features. Then I moved to WP Super Cache because the settings are simpler, minimizing the possibility of conflicts with other plugins.

But in the end, I found out that my hosting uses Litespeed Web Server, and it says that it will be more optimal if I use Litespeed Cache, so until now I'm using it.

After I explored again, there is one cooler cache plugin. It can save our cache on Cloudflare's CDN automatically. CDN is like a backup hosting that exists everywhere, so our website can be opened smoothly even by people from different continents.

Well, it's usually really complicated to set up a CDN like that. That's why I immediately installed it as soon as there was WP Cloudflare Super Page Cache. Just connect your Cloudflare account, and this plugin will do the rest.

For the setup, I followed this guide, which explains the details. Actually, it is recommended to turn off Litespeed Cache if you already use this plugin, to avoid conflict on the caching. But we can be set them up so that the local cache remains from the Litespeed plugin and then deployed to Cloudflare by the WP Cloudflare Super Page Cache. Just try it and find which works best for you.

Security #

Initially, I installed All in One WP Security, but I can't log in to the admin page. So I replaced it with Jetpack and Akismet.

The Jetpack plugin actually has a lot of features, but I only use the security features (anti-brute-force), related posts, and for commenting system. Akismet is for anti-spam.

SEO #

To increase rankings in Google Search, we can use All in One SEO. It has complete features. Just install and follow the guide.

And because my blog is also moved from Blogger, the URL that links to the old Blogger post must also be redirected so that when users still access it, they don't get a 404 error. It's crucial because your rank will drop if there are 404s on your website. I used Redirection for handling the theme.

Optimization #

Before the file is cached, it should be optimized first, especially images and static files (CSS, JavaScript) that can be minified. I use Autoptimize. This plugin is most likely will not conflict with other plugins because many people are using it.

There is actually an option to minify and optimize images in the Litespeed Cache settings, so I use both. Autoptimize to optimize HTML, CSS, JavaScript. Litespeed Cache to optimize the image.

Addition #

I also installed AMP to make the web mobile-friendly, and UpdraftPlus for backup purposes.


Done. Don't install too many plugins. They will bloat your site, and they can clash. Installing everything that I mentioned earlier is more than enough. Using them, this blog can already get a pretty good score on tests.

pagespeed test result
gtmetrix test result

But this site usually reaches the maximum results in the second test. The problem is that in the first test, sometimes the caching has not been completed. Yes, there are still many things that can be optimized. That's one of them. But I think it's enough today.



Thanks for reading to the end! Sharing this article on your favorite social media would be highly appreciated 💖! If you find something wrong (grammar or content), please send me a message.


← Previous
Don't Ask Advice from The Expert
Next →
Don't Lose