Performance

---

Tools to use to improve performance

---

➡ webpagetest: Run a free website speed test from multiple locations around the globe

➡ Page Speed Insights from google

➡ GTmetrix: See how your site performs, reveal why it’s slow, and discover optimization opportunities.

Images

---

Image file format

---

Learn about images file format and how they differ

???? Les formats des fichiers graphiques : tout ce que vous avez toujours voulu savoir (sans jamais oser le demander)

???? See How Images Affect Your Page Speed

???? GIF, PNG, JPG, or SVG. Which One To Use?

Image Optimizations

http://jpeg-optimizer.com/

https://tinypng.com/

https://imagecompressor.com/

???? To remove image metadata

https://www.verexif.com/en/

Delivery optimization

---

Max parallel http connections in a browser?

Critical Rendering Path

---

1️⃣ CRP: MDN web docs

2️⃣ CRP: Understanding the Critical Rendering Path CSS-Tricks

3️⃣ CRP: Understanding the critical rendering path, rendering pages in 1 second

Useful links

---

Web UI Performance — Behind The Scenes