I’ve once again updated my theme, but for good reasons. I wanted to explore two areas of front-end web development that I needed more experience in: WordPress performance in building themes, and the new CSS kid on the block — Grid. This post is a review of the strategies I used in the theme, and how you can leverage performance gains and layout options using modern technologies. If you like the theme, you can get it for free on GitHub.
WordPress Performance is Achievable
WordPress is actually very performant. Forcing server-side rendering used to be an issue, but with the WP-API almost all of the setbacks to performance are no longer forced and therefore invalid arguments. What’s more important, is that most performance issues come from bloated themes and plugins. They often times add either large-size assets to the page, or smaller-size assets in render-blocking methods.
Usually, it’s both.
With this theme, I wanted to reign in the excessive default resources that are usually coupled with modern themes and trim everything down to as small as possible. The result?
An average ~24kb page size on my homepage, and ~500ms load time. Pretty great results for what many