Knowing how to inline and defer CSS on your WordPress site is a vital part of improving the viewer experience. While it doesn’t improve your page load time, it makes a huge difference to how the user perceives the page to load. Normally, all externally linked CSS stylesheets are render-blocking. Which means that the browser […]
The RIGHT Way To Load Javascript In WordPress (Without A Plugin)
Continuing on with our series on how to make your site faster, this article will show you how to load all Javascript in WordPress until after the page has finished parsing. In an earlier tutorial, I’d shown you how to correctly load jQuery from a CDN – usually Google. If you’ve read that, then you […]
Why You Should Avoid Adding CSS In The Theme Customizer In WordPress
In October 2016, the guys working at WordPress decided to include a CSS customer in the theme customization options. Previously this functionality was available only to Jetpack users, and it was one of the reasons why I used to recommend Jetpack to everyone. Before this, users needed to find a 3rd party plugin for their […]
Benefits Of The Jetpack Site Accelerator In WordPress
On the 6th of November, Automattic released a new version of Jetpack with an exciting new feature – “Site Acceleration”. I generally hold off for a week or so before installing a new plugin update, just to wait for any potential bugs to be worked out. But once I had it installed, I got a […]
The RIGHT Way To Load jQuery From A CDN In WordPress
jQuery is a staple feature of almost all websites on the web. If a site has Javascript, it probably has jQuery. Unfortunately, this success has brought some problems with it, as explained below. While there’s no easy solution, one step towards mitigating it is to load jQuery from a CDN. There are lots of tutorials […]
How To Force Cloudflare To Cache Resources
I’ve spent the weekend speeding up my site with Cloudflare. At the end of the day, here are my pagespeed results from Google’s Lighthouse tool: As you can see, I’ve scored in the green for everything, and I already know what I have to do to reach 100%. And all of this was due to […]
How To Include Pages In WordPress Tag Queries
WordPress’s taxonomy can be pretty confusing. First, we have the default separation between “posts” and “pages”. Then we have categories and tags. In addition, we can have custom post types which opens the door to an endless number of variations. Figuring out the interactions between the taxonomies can be tricky. For example, by default, “pages” […]
How To Build Responsive Tables In WordPress
For a content platform built around articles and posts, WordPress does a pretty lousy job when it comes to displaying tables. Granted, they’re not usually part of standard articles and posts, but they add so much more to content, that there really should be a dedicated widget for them in the default editor. Perhaps it’s […]
How To Show A List of Pages In A WordPress Post
Sometimes you need to display a list of pages in a WordPress post. Perhaps you’re designing a 404 landing page and want to show the user all the pages on your site so they can navigate wherever they want. Or maybe you’re creating a knowledgebase of your site and want to create a user-friendly “sitemap” […]
How To Copy CSS Rules From A Website
Often while browsing, we see a site or a design that make us go “Wow, I want that on MY site”! In my earlier tutorial on how to change the font color in WordPress, we used Chrome “Inspect Element” tool to preview various CSS changes. And for simple modifications like font color, the inspection tool […]
