responsive | Web Training Wheels

How to Make Video oEmbeds Responsive In WordPress

Today's Quick Tip comes courtesy of WordPress media expert Jason Tucker. oEmbeds allow WordPress users to easily embed content from 3rd party sites such as YouTube and Vimeo by simply…

Improve the mobile speed of your WordPress site

If you’ve ever run a PageSpeed or other speed test for the mobile version of your site, you’ve undoubtedly been horrified by the low speed and score compared to the desktop version of your site.

In this post I’ll explain:

Why mobile performance is always worse
The primary cause of slow mobile pages
How to create different mobile versions of your pages
How to remove unnecessary files from your mobile pages

How Will Google’s Core Web Vitals Affect Your WordPress Site?

Core Web Vitals are the 3 key metrics that Google believes indicate healthy performance for your web site.

Whether you agree with their selection of metrics or not, soon you will not really have a choice.

Unlike their previous PageSpeed metrics, which did not impact ranking at all, Core Web Vitals will eventually be used as a ranking signal.

In this post we’ll look at what the metrics are and how to check your site’s performance.

How To Make a WordPress Test Site In 4 Small Steps, For Free

Every time a new version of WordPress is released, some people will experience compatibility problems with their sites. These can be minor and easily resolved, or they can be more tricky to diagnose. Either way, especially for non-developers, such problems are a little scary, particularly if they make your website inaccessible or unusable. One way to ease the stress of an upgrade, or to experiment with any changes you may want to make on your site, is to create a sandbox, or testing site. The video in this post shows you how you can easily do that using free tools.

WordPress Image Positioning, Spacing & Alignment – Common Problems and Fixes

Wrestle no more with images in the WordPress editor. This guide to working with images in WordPress has now been updated to include tips for the new Gutenberg editor, released with WordPress 5.0. Don’t worry, if you haven’t updated yet just scroll down to the Classic Editor section of the guide. This tutorial shows you how to wrangle images with ease: alignment, positioning, spacing and more.

WordPress Speed Optimization Glossary

Trying to make your WordPress site faster is an already technically complex process, further obscured by all the jargon you have to understand. Here’s an overview of some commonly used site “speed up” terms. I hope it helps demystify the process!

Browser caching

Imagine your web page is like a puzzle. The puzzle pieces are CSS, JavaScript and image files. When you visit a web page, the browser has to retrieve all those puzzle pieces from the server, then assemble them correctly to make your web page.

Browser caching allows the browser to keep some of those puzzle pieces in place, that is, stored in the browser itself (on your computer), so that the next time you visit that page, it doesn’t have to fetch them again from the server.

The purpose of browser caching is to make repeat visits to the same site much faster for the visitor.