4 greșeli mici care distrug în secret performanța aplicației tale

Te-ai întors din vacanță? Perfect, dar aplicația ta poate că a acumulat între timp un bagaj de greșeli mici, dar perfide, care îi distrug performanța încetul cu încetul. Ca un Wi-Fi de la bunica — parcă merge, dar viteza te face să-ți amintești de vremurile dial-up-ului.

Dezvoltatoarea Sylwia Lask a adunat patru astfel de „ucigași tăcuți”: de la rerendări inutile în React până la abonamente uitate la Observable în Angular. Durere cunoscută? Mai ales când după un setInterval în componentă începi să suspectezi că browserul se răzbună pentru toate deploy-urile de noapte.

Iată pe scurt ce merită verificat:

• Rerendări inutile — când componenta se redesenează mai des decât pică CI-ul tău vinerea seara.
• Memory leaks — abonamente uitate și timeruri necurățate care trăiesc viața lor, ca un board JIRA cu 47 de coloane.
• Calcule grele în randare — dacă componenta ta calculează factorial la fiecare strănut, e timpul să te gândești la memoizare.
• Liste neoptimizate — să renderizezi o mie de elemente fără virtualizare e ca și cum ai încerca să bagi în căruță ce nu intră.

Comentariul studioului METABYTE: Și noi am trecut prin asta — mai ales când clientul spune „pare că merge”, iar tu vezi în consolă 5000 de avertismente. Dacă vrei ca aplicația ta să zboare, nu să se târască, scrie-ne — strângem șuruburile.