Kijan pou m fè yon app ki pa depanse twòp done mobil itilizatè yo?

Question

Anpil moun peye done mobil yo pa MB. Mwen vle app web mwen an itilize pi piti done posib. Kisa pou m fè?

Accepted 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.

1 Repons