Tech

Browsers will soon be providing a better, non-hacky, way to eliminate layout jankiness during the initial loading of images.

HTTP/3 will be using QUIC as the underlying transport protocol instead of TCP. In this post, I take a look as some of the benefits that moving to QUIC will provide.

A high-level overview of what semantic HTML is, and why it's important to use when editing web content.

Although the Intersection Observer API has been a success, there are some proposed updates on the horizon.

How responsive is your site when users choose to interact with it? First Input Delay gives you real-world answers to this question.

JavaScript can help speed things up for our users. But what happens when it's not around?

With the continuing growth of mobile traffic, it’s as important as ever to ensure the mobile-friendliness of your website.

Webhint provides a useful tool for getting current best practice recommendations for accessibility, performance, and security.

Use real-time metrics to identify, and respond to, jank.

A new standard that could allow web apps to perform at native code speed.

A few recent case studies highlighting the effect of performance on the bottom line.

SQIP is an easy tool for generating smooth SVG placeholders.

Quickly and easily experiment on remote sites with Chrome's new overrides feature.

Two simple tips for optimizing the performance of 3rd-party fonts.

What do you do when the team's goals for a project seem to collide---especially when it comes to performance?

How large are mobile pages, and what targets should we aim for? Google has some answers and recommendations.

Glyphhanger provides a flexible tool to subset your fonts for the web.

WordPress has adopted the Tide project to help its users make informed decisions about plugins and themes.

The Network Information API gives valuable information about a user's connection

Google is getting ready to roll out its mobile-first indexing.

Time to Interactive, and Time to 'Consistently' Interactive, are valuable metrics to keep an eye on.

Keep lower priority tasks from slowing down performance with the requestIdleCallback() API

The Intersection Observer API provides a better way of finding the position of an element.

Keep the browser from getting overwhelmed with basic event listener throttling

Download times are important, but so is the evaluation/execution costs of any JavaScript on the page.

Passive event listeners and how they can affect scroll performance

Ways to optimize browser repaints.

Get started with remote debugging.

A handy tool to help make the most of responsive images.

Chrome Dev Tools offers a handy tool to quickly see how much of your files are actually being used.

My initial experience with Google's Guetzli, an open source JPEG encoding algorithm that promises smaller -- and better looking -- images.

If performance is important to you, having the right tools to test it is critical.

Explore a few ways to increase the flexibility and precision of the service worker cache.

The service worker cache provides an opportunity to customize how resources are handled. Learn how to set up an initial cache and then add to it incrementally as needed.

Learn how to set up a service worker, as well as the the basics of the service worker life cycle.

What are they? And why should we care? An overview of service workers.

Although not as popular as JPG and PNG, the WebP image form offers potential performance gains for those able to utilize it.

Using low quality image placeholders while lazy loading can help smooth out the user experience while still providing performance gains.

3rd party scripts can provide some benefits. But sometimes it would be nice to have a little more control.

Images can be an important part of the user experience. And so is how quickly a page loads. Lazy loading is a good way to integrate both.

At one time, if HTTPS wasn't needed on a site to protect sensitive user information, sites wouldn't use it. But that way of thinking has started to change.

AMP's Appeal To Those Who Care About Search Results

When it comes to Image Optimization, the goal is to reduce file size without sacrificing too much quality. Here are a few tools have been helpful in achieving that goal.

My goals were to 1) get the server to serve Brotli compressed files, and 2) automate the compression process so I wouldn't have to compress future files manually every time there was a change.

Both Chrome and Firefox have announced that they will be utilizing a new compression algorithm named Brotli. Learn about what Brotli is, and how will it help with web performance.

CSS filters and the other goodies that are now available can be fun to play with. But if and when we choose to use them, it’s also important to keep an eye on mobile performance to make sure that our mobile users don’t pay too high a price.

Another year has passed, and according to HTTP Archive the “average” page weight of the top 500,000 websites continues to increase.

Animations can be a nice touch to a web page, but they can also be expensive. In this post, we'll take a quick look Paul Lewis' FLIP approach, and how it can be helpful in certain animation situations.

WPO Stats is a fantastic resource for making the business case for optimizing our web pages.

Improving a site's performance can take time and resources, so for many decision-makers there will need to be a clear business case for making the investment. And to make this case, you will often need numbers and case studies.