webperf - KeyCDN

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

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

How to Seamlessly Integrate Brotli Compression with webpack

When talking about web performance it's always interesting to hear about new ways to make the process simpler and more efficient. Brotli and webpack are two technologies that have a proven track record of achieving both of these things. That's why in this article, we're going to explore how developers can use Brotli with webpack in order to further simplify the process of reducing the size of compressible assets. What is webpack?

February 15, 2018 Read more

Blog/webperf