Performance

What is Compression? Compression is a technique used to reduce the data size as reducing the data size means that data is smaller and smaller data will travel over the internet faster improving site response times. Most of the websites/web-servers these days should use compression – and it is truly mind-boggling that according to the ... Read more

Why it occurs, and what is the impact on web performance?

Independent website speed and performance consultant / specialist, Core Web Vitals included

A little history of web performance improvement for Leroy Merlin france website

We explain why some people feel incentivised to cheat the metrics. We also walk through common techniques the bad actors use so you can identify and remove them. Finally, we outline the steps we took to make performance ecosystem safer for everyone.

You want a quick web performance win at work that’s sure to get you a promotion? Want it to only take five minutes? Then I got you. Capo.js is a tool to get your head in order. It’s based o…

The LEGO home page is lean and quick to start render, but it still suffers from a slow Largest Contentful Paint time. Here are some quick fixes.

We rank industry-leading websites based on how fast their pages appear to load, from a user’s perspective.

A curated list of snippets to get Web Performance metrics to use in the browser console or as snippets on Chrome DevTools by Joan León

Yellow Lab Tools is a free online web performance analyzer. It audits a webpage for performance and front-end quality issues. And it's open-source!

Les meilleures pratiques en matière de performances web sont consensuelles et largement acceptées, mais comment les valoriser d'un point de vue commercial ?J...

Due to their effects on performance, it's critical to understand how memory leaks in your Node.js apps occur, how to debug them, and how to prevent them.

Comparing two identically designed websites, their weight, amount of HTML and CSS, rendering speed, and best practices.

24 jours de web : Le calendrier de l'avent des gens qui font le web d'après.

Chrome DevTools lets you slow down your website to observe and inspect how it loads.

TL;DR: If your font file is significantly larger than 20K you may ask yourself "How did I get here?".For images I think we (web developers) have a sense of how many bytes we can expect an image we see on a page to be. A JPEG photo? 100-ish K is ok for a decent quality. Less is nice. How about 200K?

An introduction to memory debugging, from identifying causes to fixing leaks, using Chrome DevTools, and illustrated by simple examples

A collection of bad practices in HTML, copied from real websites.

We know we should do it, but do we know how?

If you're reading this, you probably already know that Interaction to Next Paint (INP) will become the new Core Web Vital metric for responsiveness in March 2024. INP has already been talked about a few times in this year's Perf Calendar by Brian, Ivailo, and Sander, so if you need a refresher on wh

24 jours de web : Le calendrier de l'avent des gens qui font le web d'après.

Fast loading web apps can be a key success factor in terms of user experience. However, improving the performance of a web app is not trivial, since i…

Follow Ryan on Mastodon @ https://webperf.social/@ryantownsend hr / For the past 10+ years, JavaScript frameworks and Single Page Applications have been marketed as the solution to all our performance, robustness and productivity problems, but things haven’t worked out the way we’d all hoped, have they? * Simple marketing and ecommerce sites are still getting heavier and slower. * Features fail in weird and wonderful ways meaning we need an ever-increasing array of tooling to monitor and debug problems. * Teams armed with the latest Apple Silicon Macs, expensive CI tooling and complex build pipelines still can’t ship effectively. But it’s not all doom-and-gloom: we live in a time of unprecedented opportunity to give our users a fantastic experience – the web platform has never been more capable than it is today. Let’s look at what we can achieve by simplifying our web architecture, utilising new and upcoming Web Platform APIs and getting back to building fast, maintainable, user-friendly front-ends.

When it comes to repeatable SVGs, most people would create a component and reuse it anywhere they want. There's a high chance, that you would be missing some performance freebies. If you're striving for that bang-for-the-buck kind of performance, this article might be interesting for you.

Learn how web performance impacts your bottom line.

Learn how to optimize your pages for instant loads when using the browser's back and forward buttons.

[et_pb_section fb_built=”1″ _builder_version=”4.18.0″ _module_preset=”default” custom_padding=”0px||2px|||” global_colors_info=”{}”][et_pb_row admin_label=”Intro” _builder_version=”4.19.2″ _module_preset=”default” custom_padding=”2px||0px|||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.2″ _module_preset=”default” text_text_color=”#26358C” text_font_size=”20px” text_line_height=”1.55em” custom_margin=”0px||||false|false” custom_padding=”||19px|||” global_colors_info=”{}”] In recent years we have observed a major change that has shaken up many assumptions. Indeed, the advent of Smartphones and video streaming solutions applied to social networks (Youtube, Tik Tok, Whatsapp, […]