webperf - KeyCDN

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

15+ Experts Share Their Web Performance Advice

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.

June 7, 2018 Read more

HTTP Cache Headers - A Complete Guide

As a website owner, you want your website to be fast, efficient, and accessible to as many users as possible. One of the best ways to achieve this is by using HTTP caching headers. These headers tell web browsers and other HTTP clients how to cache and serve content from your website. 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.

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

Fix Leverage Browser Caching Warning

At some point in time when you are running speed tests with your website you will most likely encounter the all popular "leverage browser caching" warning in Google PageSpeed Insights. In this post, we are going to show you how to leverage browser caching in general as well as a couple of options on how to easily setup local analytics to fix this warning originating from Google's analytics.js. We have also included a new way to more easily do this for those of you running WordPress.

May 3, 2018 Read more

7 Tricks for Improving CSS Performance

Cascading style sheets can turn boring HTML documents into dynamic webpages, but haphazard use of CSS can cripple a website before it even starts rendering. This guide will cover some quick and easy ways to fine tune your website's CSS performance so that you can deliver content more quickly to your users. What is CSS? Cascading style sheets, or CSS, is the language used to define a website's visual presentation based on the content provided in a markup language document.

April 26, 2018 Read more

KeyCDN Launches HTTP/2 Push Support

The ability to push assets to a browser before it even knows that it needs them was one of the abilities that HTTP/2 introduced. This is known as HTTP/2 Server Push, which can be quite useful in minimizing the number of round trips, and thus overall wait time, incurred by a visitor. Today, we're excited to announce that KeyCDN now supports HTTP/2 Push. This will allow users to configure their origin server in a way that defines which assets should be pushed along with the initial HTML document.

April 5, 2018 Read more

Optimizing Third Party Scripts - Ways You Can Enhance Their Performance

Many budding web developers loathe third party scripts because of the security and performance issues that they can create. Some people prefer to avoid them altogether. After all, developers don't have any control over the third party scripts they use, right? In fact, there are a few ways to keep third party scripts from slowing you down. Considering that third party scripts often play a pivotal role in analytics and monetization, all working developers need to know some tricks to help speed them up.

March 29, 2018 Read more

An Overview of Image Metadata - How It Affects Web Performance and Security

If your website's images are taking forever to load, the data dwelling behind them could be partially to blame. Even worse, this data could contain sensitive information that you don't want visitors to know. This guide will explain how to make sure your image metadata isn't weighing down your applications and leaving them vulnerable to exploitation. What is metadata? Metadata is any auxiliary information stored within a file, which may include when the file was created and last edited.

March 22, 2018 Read more

Optimizing React Performance - 12 Tools and Tips

Many frontend developers love React because it streamlines the process of performing UI updates, but React apps of substantial size can sometimes become laggy. Sadly, adding a frontend library such as React doesn't instantly improve an app's performance. React must be properly configured. That said, if you know how to effectively measure and optimize how your app's components render, you can make substantial improvements to how fast your React app, well, reacts.

March 1, 2018 Read more

Blog/webperf