webperf - KeyCDN

The Benefits of Usability Testing Explained

Creating an intuitive application or website takes time. What may seem intuitive to one person may not be to the next. Developers often improve the usability of their application or website through trial and error as well as user feedback. What your users are saying about your product is very important because without them the business can't survive. That's why in this article we're going to discuss usability testing and explore what it is and how to perform a usability test to evaluate a product.

April 25, 2019 Read more

Exploring Differences Between HTTP Preload vs HTTP/2 Push

HTTP Preload and HTTP/2's feature "Server Push" are both methods that can be used to improve the loading efficiency of your web application. Although there are similarities between Push and Preload, they are two distinct features and each serve their own purpose. In this article, we'll go over the similarities and differences between HTTP Preload vs HTTP/2 Push and discuss when it makes sense to use each. What is HTTP/2 Push?

February 27, 2019 Read more

How to Speed up GIF Videos

The graphics interchange format, better known as GIF, has been around for longer than the World Wide Web itself. Thanks to their simplicity and widespread support, GIF files remain wildly popular despite the dozens of other image and video formats available today. That said, GIFs can drag down a web page's performance, especially if not optimized. Let's cover some ways to speed up GIF animations on your website and look at some alternative formats that you should consider.

February 14, 2019 Read more

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

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 is 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? First things first, what exactly is the RAIL performance 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

Blog/webperf