BLOG

Here’s how to improve your site’s rating on Google’s PageSpeed by moving render-blocking jQuery to the footer. If you’ve ever tried to improve a site’s performance on Google’s PageSpeed, you’ve probably seen that one of the “Opportunities” is to “Eliminate render-blocking resources”. These resources are typically CSS and JavaScript files. Usually, it’s not easy to […]

Creating horizontal scrolling of multiple rows with display: grid is easy. CSS grid provides powerful layout options to help achieve all sorts of page layouts.

WebP is the next generation image file type. WebP images are comparatively smaller file sizes. See how you can use WebP on your website.

Sometimes you want to programmatically move a WordPress meta box to a more ideal position on the editor screen. Here’s my way, with code.

WordPress orders its comments by oldest or newest first. So how do you go about ordering nested comments by the age of respective replies?

Have you needed to apply styling to only touch devices, or only non-touch devices? Well, great news, the hover media query can ease your woes.

Pages that load under one second get more visitors. With every passing second waiting visitors lose interest and leave before ever seeing your content.

Many plugins (and themes) inject HTML comments into the page’s source code that aren’t really needed in your a live site. Here’s how to remove them.

Recently, I’ve had a couple of projects that require thumbnails for video posts. There are plugins out there to do this, but I wanted a simple, lightweight way. Good news is, this can be achieved very easily by making use of WordPress’s WP_Embed class. /** * Maybe get thumbnail from embed * * @param string […]

I’m a sucker for performance gains to the point that I’m convinced I’m actually losing time overthinking it – 🤔 A good example is CSS delivery and it’s always interesting to get others’ opinions on how important they consider styling performance to be and how they measure it. Inlining – good/bad/ugly? Good I see genuine […]