Performance

Sometimes you want to share a Youtube video on your website, instead of just pasting a link. The prob...

Your may not think it, but your 404 page is an important part of your potential user journey. You should test its web performance as it can have a big impact...

HTTP cache headers can significantly improve the user experience of web applications. Understand their use and in what scenarios to employ them.

Social networks are everywhere online. Share, like and tweet buttons are popping up on a lot of webpages these days.The social buttons however have a big impact on the performance of a website. They load a ton of resources and slow down websites.In this post I'll tell you why I hate these social buttons so much. I'll also walk you through the ...

Gathering data about third-parties using free and open-source tooling

Data on third party entities and their impact on the web. - patrickhulce/third-party-web: Data on third party entities and their impact on the web.

In the spirit of reddit's /r/explainlikeimfive let me try to summarize the art and craft of web performance optimization for the uninitiated reader. The word "performance" can be misunderstood, so let's define it first. Say you have work to do. Your performance would be measured by how quickly you

While the practice of web performance has been around for a while and the ability to study and debug JavaScript (JS) errors has improved over the years, we've never really looked at the impact errors have on performance. JavaScript errors are among the more complex metrics collected by Akamai's Rea

Import any kind of server logs in Matomo for powerful log analytics. Universal log file parsing and reporting. - matomo-org/matomo-log-analytics: Import any kind of server logs in Matomo for powerf...

A tool for finding memory leaks in web apps. Contribute to nolanlawson/fuite development by creating an account on GitHub.

How browsers schedule and execute scripts can impact the performance of web pages. While techniques like script defer, link rel=preload (and ...

Patrick Stox explains how page speed works, and what actions to take for your site.

Image optimization is hard and automation is the key to success.

Web Workers are a simple means for web content to run scripts in background threads. The worker thread can perform tasks without interfering with the user interface. In addition, they can perform I/O using XMLHttpRequest (although the responseXML and channel attributes are always null) or fetch (with no such restrictions). Once created, a worker can send messages to the JavaScript code that created it by posting messages to an event handler specified by that code (and vice versa).

Priority Hints provide developers a way to indicate a resource's relative importance to the browser, allowing more control over the order resources are loaded.

Responsive landing page hero videos are increasingly popular, here we show how to make them as fast as possible.

Check if your site meets the Core Web Vitals assessment in one click.

I recently gave a talk on “Making Sense of Performance Metrics” at the Web Unleashed Conference, and it was suggested that I turn the breakdown of all the performance metrics into a cheatsheet; so here it is! The full cheatsheet, including a downloadable PDF version, are at the bottom of

A post by Zach Leatherman (zachleat)

Images are a central part of the web. Beautiful imagery draws customers deeper into the story that your webpage is attempting to tell – whether it is news, entertainment, or e-commerce. And as important as images are – the (potentially) large size of images can hurt the load time of the same pages, leading to customer abandonment. In fact, the HTTP Archive shows that the average mobile website is ~50% images (in KB): This percentage has held relatively constant for a number of years, but at...

What headers to enable, how resource lifecycle looks, and more

A detailed breakdown of how best to optimize images for the web, a new tool to test a webpage's image performance, and explanation of how Cloudflare Images can help to improve your website's image experience.

WebPageTest waterfall charts are a very powerful web performance tool, but can sometimes be a little confusing. Maybe this post can change that.

Builder.io is excited to announce that our homepage now achieves a 100/100 score on PageSpeed Insights even on mobile, since we adopted Qwik.

Having worked primarily on website performance, the chance to work on Readle's native mobile apps was a new challenge. Here's how we improved app speed and delivered greater user satisfaction.

Responsive Images as a Service

Headless Chromium-based web performance metrics collector and monitoring tool - macbre/phantomas: Headless Chromium-based web performance metrics collector and monitoring tool

Is your website mobile ready? mobiReady, a DeviceAtlas Limited product.

Let’s make 2021... fast! An annual front-end performance checklist, with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.

In this post I'll outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the...