website icon Felipe Mateus

Why I created my own WordPress theme.

Image print pagespeed

Changing a website's design after 5 years isn't just an aesthetic issue, it's a necessity. Since 2021, I've been simplifying the... felipemateus.com to reduce visual noise, but the technical structure was still stuck in patterns that I didn't fully control. WordPress.

The Problem: The "Weight" of General Topics

I used to use the Kadence, This is an excellent theme, but because it's so general, it comes with a lot of features and integrations that my website simply didn't need. This directly affected the... Core Web Vitals and it generated unnecessary CSS and JS overhead.

The Solution: Custom Theme “face-queiroz”

To solve this, I developed the face-queiroz. The idea was to "clean up" the site's database by removing the Elementor (which generated messy and cumbersome code) and replacing it with a custom implementation:

Element Replacement

The main change was the complete removal of Elementor. Therefore, I replaced the heavy widgets with pure HTML components and Tailwind CSS, eliminating the excess. divs (DOM nodes) that delayed page rendering.

In addition to removing other general-purpose plugins that were just taking up space on front-end. The website is now built with clean HTML elements, ensuring that the browser processes the information much more efficiently.

The new website layout is now free from Elementor and focused on semantic HTML code.

Plugin Changes

In addition to Elementor, I made an update to the plugin. trends, in addition to having created a new plugin for show the list of posts recent, which was a resource which was included in Elementor. The irony é that after I was banned from WordPress, I'm programming more in WordPress than before.

Initially, I had loaded recent posts using JavaScript and the WordPress API, but this could cause linking problems with Google. I created this plugin that generates a shortcode that implements the list of recent posts.

The image shows the plugin implemented on the homepage.
The image shows the plugin being used in the link listing on the "About" page.

Results: Authority and Speed

Even without the old PageSpeed screenshots, my domain's current data shows that the path is correct:

Conclusion

Finally, this change is crucial as part of my goal to stop relying on generic plugins and themes that sacrifice performance in exchange for visual appeal.

Exit mobile version