Blog/webperf

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.

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.

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.

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.

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.

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.

6 Proven Ways to Improve Your Ecommerce Conversion Rate

The world of ecommerce continues to grow year by year. As consumers want to purchase items from the comfort of their own home and have them delivered in a timely manner, the opportunities in ecommerce are ever-expanding. However, in 2019, the expectation for a good user experience is now higher than ever. Customer want to know they can trust the website they are buying from, they want to access the website fast, and they want a great offer.

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.

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?

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.