Category: Front-End Development
Defer Offscreen Images: How to Fix This Google Lighthouse Opportunity

Measuring your site’s performance has often been a hit or miss job. This is because the available tools didn’t give us a proper insight into the experience of the user relative to that site performance. However, Google Lighthouse fixes a lot of these drawbacks, and makes it so you can fit it into your development workflow. One of the ‘opportunities’ within Lighthouse is to defer offscreen images in WordPress. The good news is this is simple to achieve.
Avoid Large Layout Shifts: 4 Tactics That Actually Work

Struggling with how to avoid large layout shifts on your website?
How to Reach 100 in Google PageSpeed Insights (on WordPress)

Wouldn’t it be great if there was a tool to help you make your website faster? Well, there is! Google PageSpeed Insights is the name, and it’s a free service that’s on hand to solve your slow website woes. In this article we’ll look at what it is, how it works, and how you can reach the elusive Google PageSpeed Insights 100 / 100 score in WordPress.
Learn WordPress Development: The Basic Course

WordPress development is a hugely useful skill, but it’s also tricky to learn—especially if you learn things out-of-order and try to tackle advanced topics while remaining confused on the fundamentals.
Understanding The Loop: WordPress’s Way of Showing Posts

This article introduces one of the most important topics in WordPress development: the WordPress loop, or more commonly simply “the loop.” If you’re interested in under more of the key concepts of developing WordPress themes, check out our free course on getting started with WordPress themes.
Where to Add Custom CSS in WordPress

There will be times when you are working on a WordPress site when you want to add custom CSS.
How to Create a WordPress Theme from Scratch

When it’s time to choose a WordPress theme for your website, you have tons of options. Perhaps the most powerful is to forego the readymade themes on the market and build your own. Building your own theme puts you in complete control when it comes to looks and functionality. It can take your project up to that next level. That’s why today, we’re going to show you how to create a WordPress theme from scratch.
Understanding is_singular() in WordPress Templates

This text and video Quick Guide explains how to use is_singular(), one of the more useful WordPress template tags. We also explain the difference between the is_singular() conditional tag, and the two other related ones: is_page() and is_single().