Blog/webperf

Insights and advice for improving web performance.

What Are Client Hints and Are They Worth Implementing

What Are Client Hints and Are They Worth Implementing

The concept of responsive web design has been around for a while, but all of the kinks have yet to be ironed out. The exponential proliferation of connected devices with varying software and technical capabilities has made it more and more difficult to cater web content to every single user. Furthermore, trying to accommodate everyone often leads to cluttered markup that negatively impacts performance. Client hints were created to streamline the process of resource selection so that developers can build better responsive web apps more efficiently.

January 17, 2019 Read more
How to Remove Unused CSS for Leaner CSS Files

How to Remove Unused CSS for Leaner CSS Files

It's no secret that leaner websites run faster than bloated ones. Don't let unnecessary CSS weigh down your web projects; use the tools and techniques described below to help you remove unused CSS and improve your website's overall performance. What is unused CSS? No matter how experienced you are as a developer, there's a good chance that your website contains CSS that have no impact on current page elements. For example, frameworks like Bootstrap come with dozens of CSS styles that you probably don't need.

November 15, 2018 Read more

Tips for Improving CSS and JS Animation Performance

Custom animations can help a website stand out among the competition, but poorly optimized assets can lead to performance issues that ultimately drive away users. If any of your animations render at less than 60 frames per second, then your visitors will notice, and the user experience will suffer. This guide explains how to keep your CSS and JavaScript animations running smoothly for everyone. CSS animations vs JavaScript animations Animations made with JavaScript are sometimes called imperative animations, and those made with CSS are called declarative animations.

August 23, 2018 Read more

18 Tips on How to Speed up WordPress

WordPress is an amazing CMS platform, but it can also be quite slow if not optimized correctly. In this guide, we will show you how to speed up WordPress by sharing our web performance strategies and recommendations. Businesses all over the world rely on WordPress to power their websites. It is used by over half of those that use a content management system and according to ManageWP, that is over 74 million websites that are currently using WordPress.

August 16, 2018 Read more

8 Video Optimization Tips for Faster Loading Times

Adding videos to your website can sometimes be a double-edged sword. Web users love high-resolution videos, but if your website isn't optimized to handle them, such content can cause performance problems. This guide to video optimization explains how to make sure your multimedia content is increasing conversions instead of driving away users. Why is video optimization important? Offering multimedia content is a great way to keep users engaged, which is why more developers are adding videos to their websites.

July 26, 2018 Read more

What Are Service Workers and How They Help Improve Performance

Service workers allow developers to manage resource caching more efficiently so that users don't experience interruptions even if they disconnect from the internet. This guide will explain how a service worker can propel your web app's performance to new heights. What are service workers? A service worker is a specific type of JavaScript worker, which is a script that runs in the background of the user's browser. Service workers are like proxy servers stationed between your app, the user's browser and the network.

July 12, 2018 Read more

An Overview of the RAIL Performance Model

How do you measure web performance? Whether you care more about speed or image quality, you should always consider multiple metrics when optimizing your web apps. Fortunately, the RAIL model provides an accurate and comprehensive way to evaluate the user experience so that you can make meaningful improvements. What is the RAIL model? While getting your initial page load time down is essential to reducing bounce rates, that's only half of the battle.

June 28, 2018 Read more

15+ Experts Share Their Web Performance Advice for 2018

A couple of years ago we reached out to a number of web performance experts in the community and asked them two questions about which performance tip they would recommend focussing on and what are some common performance mistakes. The web performance advice they provided was top notch and extremely useful to the rest of the performance-driven community. That's why, we wanted to reach out to these web performance experts again and get their updated insights for 2018.

June 7, 2018 Read more

HTTP Cache Headers - A Complete Guide

This article highlights important information on HTTP caching headers and associated CDN behavior. In case you are looking for in-depth information on the role of HTTP cache headers in the modern web, here's everything you need to know. HTTP cache headers explained Caches work with content mainly through freshness and validation. A fresh representation is available instantly from a cache while a validated representation rarely sends the entire representation again if it hasn't changed.

May 24, 2018 Read more

User Timing API - Measuring User Experience Performance

Page load time, start render time and speed index are all used to quantify a web application's performance, but these metrics provide a very limited perspective of the user experience. Such numbers only tell you when everything on a page is finished loading; they don't take into account which content is most important to the user. Another way to measure an app's performance is to pick out the most important design elements on each page and record timestamps to determine how long users are waiting to see the content that matters most.

May 10, 2018 Read more
KeyCDN uses cookies to make its website easier to use. Learn more about cookies.