Blog - KeyCDN

Canonicalization Explained

Canonicalization can be defined as, "A process for converting data that has more than one possible representation into one standard and approved format." What that means is that every resource on a given website should have a single URL (Uniform Resource Locator) rather than multiple URLs hosting identical content. When websites have more than one URL, they rank lower in search engines and their content may not be as accessible or as popular as it otherwise could be.

December 12, 2019 Read more

Image Processing Supports Focal Point Crop

We've extended our Image Processing service with a new focal point crop feature! It adds to our exisiting crop operation by allowing an image crop and an optional zoom at certain coordinates of the image. The coordinates can be absolute or relative to the image dimensions. An extra debug parameter displays the coordinates on the image in order to find the right position for the crop. Any image processing operation can be used in combination with focal point crop.

December 5, 2019 Read more

Image Processing Supports Watermark

We've extended our Image Processing service with a new watermark feature! This new operation allows an image to be placed on top of another image. It seamlessly integrates into our existing service. The image overlay process consists of two parts, the base image and the overlay image. The base image can still be transformed and optimized with any image processing parameter. Once the base image has been modified, the overlay image is added on top.

November 7, 2019 Read more

Chrome DevTools - 20+ Tips and Tricks

Google Chrome is currently one of the most popular web browsers used by developers today. According to StatCounter, as of September 2019, Google Chrome holds 63.72% browser market share across the globe. The Chrome DevTools can greatly improve your workflow by helping you develop, test, and debug your websites right within your browser. Many of you probably use Chrome DevTools on a regular basis, but check out these additional tips and tricks to enhance your productivity.

October 31, 2019 Read more

AV1 Image File Format (AVIF)

The major application for high quality compression of photos is Internet speed. While bandwidth does continue to increase each year, so does the quality and size of most Internet media. What that means is that even though data can be transferred more quickly, the need for compressing media into smaller files without losing visual quality has not gone away. In fact, the need for an effective compressing tool may have even grown.

October 17, 2019 Read more

QUIC - Faster Content Delivery on Layer 4

After HTTP/2, the next come up is QUIC, a new transport network protocol. At the beginning this protocol was designed by Jim Roskind at Google. It was publicly released in 2013 after the implementation and experimentation in 2012. Originally being an acronym for Quick UDP Internet Connections, the Internet Engineering Task Force (IETF) has stated it’s the name of the protocol and not an acronym. Google has been working for quite some time to speed up network protocols in order to optimize network response times.

October 3, 2019 Read more

Optimize Images for Web

When it comes to marketing your website, there are a lot of different aspects to consider, such as speed, SEO, conversation rates, bounce rate, and many others. We normally focus solely on the performance aspect, but today we want to dive into additional ways you can optimize images for the web. The file size of your images of course is very important, but SEO and social media also play an important part in helping your website perform and convert better.

September 12, 2019 Read more

Google PageSpeed Insights - Scoring 100/100 with WordPress

Running speed tests with tools like Google PageSpeed Insights, WebPageTest, or KeyCDN's Website Speed Test are always a good way to help gauge your website's performance. While these metrics can be very helpful it is also important to keep this data in perspective. While they can provide valuable information to help optimize your website, don't forget about perceived performance, specifically the user's experience. With that being said, see how we easily achieved a 100/100 score with WordPress and Google PageSpeed Insights.

August 29, 2019 Read more

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