Slipcase: z výkonnostného skóre 46 na 91 vďaka obrázkom
SEO tím Slipcase chcel rýchlejšie stránky. Obrázky tvorili 60–70 % každého sťahovania, tak sme pred ne nasadili FileJet — našu službu na optimalizáciu obrázkov a assetov. Čas do interaktivity klesol zo 16,3 s na 4,2 s v jednom vydaní.
- Služba
- Vývoj softvéru
- Odvetvie
- Poisťovacie médiá
- Klient
- Slipcase ↗
- Rok
- 2019
Slipcase, spravodajská platforma pre (zaisťovací) poisťovací sektor, je zámerne web plný obrázkov — veľké fotografické hlavičky na každej stránke, aj na mobiloch. Obrázky tvorili 60–70 % veľkosti sťahovania a aj s bežnou CDN a predspracovanými assetmi mala domovská stránka skóre 46 v Google výkonnostnom audite a interaktívnou sa stala až po 16,3 sekundy.
Pred web sme nasadili FileJet, asset proxy od Everlution. FileJet číta hlavičky, ktoré posiela každý prehliadač a zariadenie, konvertuje každý obrázok do najlepšieho formátu a veľkosti, ktoré dané zariadenie podporuje, a servíruje ho z najbližšej z vyše 240 edge lokalít. Ostatné assety sme v tom istom vydaní minifikovali a komprimovali; dizajnu sme sa nedotkli.
Merané Google audit nástrojom a FileJet inšpektorom s odstupom štyroch dní — výkon domovskej stránky 46 → 91, prístupnosť 67 → 94, best practices 93 → 100, SEO 90 → 100, čas do interaktivity 16,3 s → 4,2 s, váha obrázkov 2,41 MB → 0,7 MB. Stránky publikácií a článkov stratili viac ako polovicu celkovej váhy.
Situácia
Slipcase prináša správy, analýzy a pohľady ľuďom naprieč (zaisťovacím) poisťovacím sektorom a podľa toho aj vyzerá: každá stránka sa otvára veľkou, kvalitnou fotografickou hlavičkou. Tie hlavičky sú značka — a boli aj problém. Obrázky tvorili 60–70 % sťahovania stránky a SEO tím žiadal zrýchlenie, aby sa zlepšilo hodnotenie vo vyhľadávačoch. Slipcase už používal bežnú CDN a obrázky predspracovával; ľahké riešenia boli vyčerpané.
Čo robí FileJet
FileJet je asset proxy, ktorú postavil Everlution. Sedí medzi webom a návštevníkom, číta hlavičky každého prehliadača a zariadenia a vracia každý obrázok v ideálnom formáte a veľkosti pre dané zariadenie — koniec obrázkov veľkosti billboardu posielaných do telefónu. Assety sa servírujú z najbližšej z vyše 240 edge lokalít, aby bola latencia minimálna. Integrácia je zmena URL, nie redizajn.
Pred a po
Merané Google audit nástrojom (v anonymnom režime) a FileJet inšpektorom, pred 9. apríla 2019 a po 13. apríla 2019.
Domovská stránka
| Pred | Po | Zmena | |
|---|---|---|---|
| Výkon | 46 | 91 | +45 |
| Prístupnosť | 67 | 94 | +27 |
| Best practices | 93 | 100 | +7 |
| SEO | 90 | 100 | +10 |
| Čas do interaktivity | 16,3 s | 4,2 s | −12,1 s |
| Váha obrázkov (obrazovky 1600 px+) | 2,41 MB | 0,7 MB | −1,71 MB |
Stránka publikácií — celková váha 2,7 MB → 1,08 MB; váha obrázkov 1,81 MB → 0,38 MB; podiel obrázkov na načítaní 67 % → 35 %.
Zobrazenie článku — celková váha 2,45 MB → 1,1 MB; váha obrázkov 1,54 MB → 0,40 MB; podiel obrázkov 63 % → 36 %.
Časť zlepšenia SEO skóre môže pochádzať z menších zmien v tom istom vydaní; čísla o výkone a váhe sú obrázky.
Prečo na tom záleží
Dizajn sa nezmenil, práca redakcie sa nezmenila a web sa stal štvornásobne rýchlejší na interakciu. Presne takto v praxi vyzerá „odozvy pod kontrolou“.
Konzultácia priamo s naším inžinierom
Napíšte, čo riešite. Do dvoch pracovných dní dostanete konkrétny návrh s rozsahom a cenou.
- Odpovedá senior inžinier alebo lead audítor, nie account manažér
- Pevný rozsah a cena skôr, než sa začne pracovať
- Procesy certifikované podľa ISO 9001 a ISO 27001, NDA na požiadanie