Kijan pou m fè yon app ki pa depanse twòp done mobil itilizatè yo?
asked a month ago164 viewsht
Anpil moun peye done mobil yo pa MB. Mwen vle app web mwen an itilize pi piti done posib. Kisa pou m fè?
AI diagnosis
AI-generated. Not an answer — the community below confirms or corrects it. Always verify before relying on it.
1 Answer
Men bagay ki fè pi gwo diferans:
1. Imaj (souvan 60–80% pwa paj la) - Fòma WebP/AVIF, gwosè ki koresponn ak ekran an (srcset), loading="lazy" pou imaj ki pa parèt touswit. - Pa voye yon foto 4000px pou yon ti vignette.
2. JavaScript - Mwens bibliyotèk. Chak depandans ajoute KB. Verifye ak npx vite-bundle-visualizer oswa @next/bundle-analyzer. - Code splitting: chaje kòd yon paj sèlman lè moun ale sou li.
3. Konpresyon ak kach - Aktive Brotli/gzip sou sèvè a. - Mete bon header Cache-Control pou fichye estatik yo (immutable ak non ki gen hash): yo telechaje yon sèl fwa. - Yon service worker pou kach app la (PWA).
4. Done API - Retounen sèlman chan ou bezwen yo, ak paginasyon (pa 1000 rezilta alafwa). - Evite *polling* chak 2 segond. Itilize SSE oswa rafrechi lè itilizatè a mande.
5. Polis ak videyo - Itilize polis sistèm nan oswa yon sèl polis an WOFF2. Pa gen videyo ki jwe otomatikman.
6. Bay itilizatè a kontwòl: yon opsyon "mòd ekonomi done" (imaj ba kalite, pa gen avatar). Ou ka respekte navigator.connection.saveData si navigatè a sipòte l.
Mezire: nan DevTools → Network, gade kantite KB transfere sou premye vizit ak sou vizit ki vin apre.
Sign in to tell others whether this worked.
Sign in and verify your email to post an answer.