CSS és JS kód felesleg eltávolítása a PurgeCSS segítségével

Kód eltávolítása magánügyfeleknek

A Kód eltávolítása akkor fontos, amikor egy weboldal, webáruház vagy online rendszer lassú, nehezen kezelhető, vagy tele van régi, már nem használt megoldásokkal. Ilyenkor egy magánszakember átnézi a meglévő állományokat, bővítményeket, sablonokat, parancsfájlokat és beállításokat, majd kiszedi azt, ami nem kell a működéshez. A cél nem az, hogy minden rövidebb legyen. A cél az, hogy a rendszer tisztábban, gyorsabban és biztonságosabban működjön.

Én azt látom, hogy sok ügyfél csak akkor gondol a felesleges kód törlésére, amikor már érezhetően lassú az oldal. Pedig a probléma gyakran korábban kezdődik. Egy régi sablonrész bent marad. Egy korábban kipróbált mérőkód tovább fut. Egy bővítmény törölve van, de a nyoma megmarad. És ezek együtt már mérhető terhelést adnak. Egy tapasztalt fejlesztő ilyenkor nem találgat, hanem mentést készít, ellenőrzi a függőségeket, majd lépésenként végzi a tisztítást.

A Qjob.hu felületén a magánügyfél olyan szabadúszót kereshet, aki távoli munkában vállal weboldal ellenőrzést, kódtisztítást, hibajavítást és teljesítményjavítást. Ez különösen hasznos, ha nincs szükség nagy fejlesztőcsapatra, csak egy konkrét feladat pontos elvégzésére.

Felesleges kód törlése online munkában

A felesleges kód törlése távolról is jól végezhető, ha a hozzáférések és a feladatleírás rendben vannak. A szakember általában nem személyes találkozóval kezd, hanem rövid egyeztetéssel. Megnézi, milyen rendszer működik az oldalon, milyen hibák láthatók, milyen sebességi gondok vannak, és milyen korábbi módosítások történtek. Ezután javaslatot ad arra, mit érdemes törölni, mit kell meghagyni, és mi igényel külön tesztelést.

Szerintem ennél a munkánál a legnagyobb érték a nyugodt, óvatos haladás. A törlés gyors mozdulatnak tűnik, de egy rosszul kivett rész elronthat űrlapot, menüt, fizetési folyamatot vagy adatküldést. Ezért a jó szabadúszó nem csak azt nézi, hogy mi tűnik feleslegesnek, hanem azt is, hogy valami rejtve használatban van-e. Sok régi weboldalon vannak olyan elemek, amelyek csak bizonyos oldalakon, bizonyos eszközön vagy bizonyos felhasználói művelet után jelennek meg.

Volt olyan eset, amikor egy ügyfél azt kérte, hogy a régi hirdetési kódokat egyszerűen törölje valaki. A fejlesztő viszont először ellenőrizte, melyik kód kapcsolódik analitikához, melyik űrlapkövetéshez, és melyik már valóban elavult. Végül csak a tényleg szükségtelen elemek kerültek ki. Az oldal gyorsabb lett, de az adatgyűjtés nem sérült. Ez a különbség a kapkodó törlés és a szakmai kódtisztítás között.

Kód eltávolítása árak és munkadíjak

A Kód eltávolítása ára attól függ, mennyire összetett a rendszer, mennyi állományt kell átnézni, és szükség van-e tesztkörnyezetre. Egy egyszerű ellenőrzés olcsóbb, mint egy több sablonból, bővítményből és egyedi parancsfájlból álló oldal tisztítása. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert a szakember kihagyhatja a mentést, a tesztelést vagy a dokumentálást.

Tapasztalatom szerint a reális ár nem csak a törlés darabszámáról szól. A szakember idejét az elemzés, a biztonsági mentés, a próba, a visszaellenőrzés és a rövid magyarázat is kiteszi. Egy jó ajánlatban látszik, hogy mi tartozik bele a munkába. Ha csak annyi szerepel benne, hogy kód törlése, az kevés. Jobb, ha benne van az ellenőrzés módja, a várható határidő, a visszaállítás lehetősége és az átadott eredmény formája.

Szakember választása kódtisztításhoz

A szakember választása akkor lesz könnyebb, ha az ügyfél nem csak árat kér, hanem konkrét munkamódszert is. Egy megbízható fejlesztő rákérdez a rendszerre, a hozzáférésekre, a korábbi módosításokra, a hibákra és arra, hogy pontosan mi a cél. Más munka kell akkor, ha az oldal gyorsítása a cél, és más akkor, ha régi, kockázatos részek eltávolítása a fontos.

Sokan ott hibáznak, hogy csak azt írják le, hogy lassú az oldal, törölni kellene a felesleges részeket. Ez érthető, de túl kevés. A szabadúszó akkor tud pontosabban dolgozni, ha kap linket, képernyőképet, mérési eredményt, adminisztrációs hozzáférési módot, és röviden azt is, hogy mitől fél az ügyfél. Például attól, hogy elromlik a rendelési folyamat, eltűnik egy űrlap, vagy elveszik egy korábbi követés.

Érdemes portfóliót vagy korábbi hasonló munkát kérni. Nem mindig látványos munka ez, mert a jó eredmény sokszor az, hogy kevesebb hiba van és gyorsabb az oldal. De a fejlesztő tudhat példát mondani arra, hogyan takarított ki régi állományokat, hogyan mérte a változást, és hogyan adta át az eredményt. A jó jel az, ha nem ígér mindent azonnal, hanem előbb felmérést kér.

A munka menete és az eredmény átadása

A kódtisztítás általában rövid felméréssel indul. A szakember megnézi a rendszert, majd jelzi, milyen részeket érdemes eltávolítani. Ezután jön a mentés. Ezt nem jó kihagyni. Ha bármilyen váratlan hiba történik, a korábbi állapot visszaállítható. Csak ezután következik a tényleges munka.

Online együttműködésnél fontos a tiszta kommunikáció. Az ügyfélnek tudnia kell, mikor dolgozik a fejlesztő, milyen hozzáférés kell, lesz-e rövid leállás, és mikor kap visszajelzést. A kész eredmény átadása lehet rövid üzenetben, táblázatban vagy egyszerű leírásban. Nem kell túl bonyolítani, de legyen érthető. Mi került ki. Mi maradt bent. Milyen mérések változtak. Van-e még javasolt következő lépés.

Az is fontos, hogy a módosítás ne csak a nyitóoldalon legyen ellenőrizve. A fejlesztőnek érdemes megnézni több aloldalt, űrlapot, menüt, keresőt és mobilnézetet is. Egy weboldal sokszor nem egyetlen sablonból áll. Lehet, hogy egy kódrész egy rejtettebb oldalon még szerepet játszik. Ezért a lépésenkénti munka biztonságosabb, mint az egyszerre végzett nagy törlés.

Tipikus hibák Kód eltávolítása közben

A Kód eltávolítása közben az egyik leggyakoribb hiba az, hogy valaki csak a látható részek alapján dönt. Ha egy állomány neve régi, attól még lehet használatban. Ha egy stílus nem látszik az első oldalon, attól még egy belső nézetben szükséges lehet. Ha egy mérőkód nem hoz adatot azonnal, attól még lehet, hogy ritkább eseményhez kapcsolódik.

Másik gond a mentés hiánya. Ez egyszerű, de komoly hiba. Egy magánügyfél sokszor nem tudja megítélni, mennyire kockázatos egy változtatás. A szakember feladata, hogy ne csak végrehajtsa a kérést, hanem jelezze a kockázatot is. Tapasztalatom szerint azok a munkák sikerülnek jobban, ahol a fejlesztő előre leírja, mit nem fog törölni külön jóváhagyás nélkül.

Hiba lehet az is, ha az ügyfél csak a pontszámokra figyel. A sebességmérő eszközök hasznosak, de nem minden. Fontos a valódi használhatóság is. Egy oldal lehet jobb pontszámú, mégis rosszabb, ha közben eltűnik egy fontos funkció. A jó kódtisztítás nem verseny egy számmal. Inkább rendrakás, amely után a rendszer stabilabb és átláthatóbb lesz.

Elvárások és minőség távoli kódrendezésnél

A távoli kódrendezés akkor működik jól, ha az ügyfél nem csak végeredményt vár, hanem pontos visszajelzést is. Nem kell technikai szakértőnek lennie. Elég, ha leírja, mi zavarja, mit szeretne gyorsítani, milyen részeket nem szabad kockáztatni, és milyen határidő fontos számára. A többit a szakember fordítja le technikai lépésekre.

Szerintem a jó minőség itt csendes eredményt jelent. Az oldal betöltődik. Kevesebb felesleges kérés fut. A forrás tisztább. A karbantartás könnyebb. Az ügyfél pedig nem kap hosszú, érthetetlen magyarázatot, hanem rövid, használható összefoglalót. Ez magánügyfélként különösen fontos, mert nem mindenki akar fejlesztési részletekben elmélyedni.

Az utolsó ellenőrzésnél érdemes a legfontosabb felhasználói útvonalakat megnézni. Űrlap elküldése, kosárba tétel, gombok, menük, képek, mérés, mobilnézet. Ha ezek rendben vannak, a felesleges kód eltávolítása valóban segíthet. Nem látványos munka, de sokszor ettől lesz egy oldal könnyebben kezelhető és hosszabb távon fenntartható.