D kódolás; Base64 képek és betöltési sebesség

base64
Daniel Roch cikkét követve, amely a WordPress-téma teljesítményének optimalizálásának különféle módjairól szól, szerettem volna hozzáadni a kis szemem sót a képek néha nagyon hatékony optimalizálásához. Ez a trükk abban áll, hogy a képeket az Base64-ben kódolja.
De mi ez "64-es alap" Aymeric? Azok számára, akik nem tudják, és ha ragaszkodunk a Wikipedia definíciójához, akkor az "base64 az információk kódolása 64 karakterből áll, amelyet úgy választottak, hogy elérhető legyen a legtöbb rendszerben". Ezt a kódolást a bináris adatok szövegben való ábrázolására fogjuk használni. Elveszítettelek? már? Oké, a bevezető vége.

A szerverről hiányzik egy képfájl

Ahhoz, hogy elmagyarázzam neked a dolgokat a magam módján, és anélkül, hogy elmondanám a 2 × 6 = 8 + 4 = 12 biteket, mint a Wikipedia, egy base64 karakterláncot küldünk a felhasználónak egy URI séma segítségével (Data URI, URI = Uniform Resource Identifier). A HTML oldalon ezt a karakterláncot a böngésző dekódolja a kép megjelenítéséhez. A szövegek helyett inkább a kép URL-jét keresse meg:

Láttad? nincsenek. És ez a lényeg. De ki profitál belőle? az internet felhasználójának vagy a szervernek? - Mindkét kapitányom!

Kevesebb kérés, de több bájt

A képek megjelenítési technikájának egyik nagy előnye, hogy az korlátozza a letölthető fájlok számát és ezért a kérelmek száma, amely kevesebb válaszidőt eredményez a webszerveren.

Súlyos forgalom esetén a blogodon (például egy internetes áttekintés írását követően) felszabadítod a szervert néhány kapcsolattól is.
Ez egy plusz az internet felhasználó számára is. Tudnia kell, hogy a böngészők tartományonként néhány egyidejű kapcsolatot korlátozhatnak. Minél kevesebb lesz erőforrásokat kell egyszerre betölteni, annál gyorsabban töltődnek be az elemek az oldal megjelenítéséhez. Első pillantásra mindez pozitív, de még mindig vannak hátrányai.

1. probléma, Internet Explorer: egyes böngészők szeretik IE5, IE6 és IE7 ne támogassa az Base64 kódolást, amely még mindig kis része a tortának.