Kódolja képeit a base64 Bellami-ba
A képek kódolása az base64-ben az egyik jó weboptimalizálási gyakorlatok. Ez a kódolás egy képfájlt karaktersorrá alakít át. Ez lehetővé teszi jelentősen csökkenti a kérelmek számát a böngésző a webkiszolgálóra küldi. De ezt az elvet nem lehet minden képre általánosítani, tudnia kell, hogyan kell takarékosan használni.
Hogyan kell kódolni az base64-ben
Általában egy weboldalon megjelenő kép a weboldalon kívüli képfájl. Például ennek az oldalnak a forráskódjában megtalálhatja a következő kódot: Ez azt jelenti, hogy amikor a böngésző letölti a weboldalt, akkor valamikor kérni fogja a képfájl letöltését. A böngésző ezért kérést küld a webszervernek, amely ezt követően eljuttatja a képet a böngészőhöz. A teljes képmegjelenítési idő tehát a kérés válaszidejének és a kép letöltési idejének összege. A kép kódolása az base64-ben lesz törölje ezt a kérést mivel a képet alkotó karaktereket HTML formátumban illesztik be a weboldalba a következő módon: A weboldal már nem használ külső fájlt, tegye ezt a 10 képhívás, és körülbelül 1 másodpercet takarít meg az oldaladon betöltődik! Nyereség korántsem elhanyagolható.
Az Base64 kódolás CSS-ben is használható, így minden tartalma és tervképe profitálhat belőle.
A base64 kódolás hiányosságai
A base64 kódolás hibája, hogy a teljes képtömeg átlagosan 50% -kal nő. Mivel egy kérés ideje nagyon rövid, átlagosan 100 ms körül van, csak az alacsony súlyú képeket szabad átalakítani base64-re a teljesítmény javítása érdekében.