Blog/webperf

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?

Complete Guide - 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.

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.

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’s 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.

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.