webperf - KeyCDN

Performance Testing - Tools, Steps, and Best Practices

Web performance is a broad subject, and you'll find no shortage of performance testing tips and tutorials all over the web. Before you begin tuning your website or application, you must first figure out which metrics matter most to your users and establish some achievable benchmarks. What is performance testing? In the context of web development, performance testing entails using software tools to simulate how an application runs under specific circumstances.

August 15, 2019 Read more

Responsive Images - Serve Scaled Images

Responsive image techniques, such as the srcset, sizes, and media HTML attributes, allow different scaled images to be delivered based on the size and resolution of the accessing device. This allows you to further optimize your image delivery to improve the overall performance of your website or application. Instead of taking a single image and only making it responsive with CSS, which is then delivered to all devices, you can deliver completely different images based on the requesting device.

August 8, 2019 Read more

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

Blog/webperf