Vaperina szülinapi tuning: UI ráncfelvarrás és sebességoptimalizálás! 🚀

Sziasztok :waving_hand:

Az elmúlt napokban alaposan felturbóztuk a Vaperinát a szülinapjára, és most mindent összefoglalok nektek, mert jócskán akadt tennivaló… :vaperina:

Felület (UI)

Fejléc

A bal oldali rész változatlan maradt, a többi viszont alaposan átalakult:

  • Középpontban a keresés: Asztali gépen középről kikerültek az online felhasználók, a helyükre pedig egy fix keresősáv került, hogy bármikor gyorsan rátaláljatok a témákra. Témán belül görgetésnél, illetve kisebb kijelzőn továbbra is a jobb oldali ikonoknál jelenik meg a kereső.
  • YouTube Mini Player: Ha videót indítotok, a lejátszó mostantól diszkréten beépül a fejlécbe a Gilbert (AI) gomb mellé. Így böngészés közben is követhetitek a tartalmat.
  • Online felhasználók: Átköltöztek a jobb oldalsávba, közvetlenül a profilkártyátok alá.
  • Születésnapok: A jobb oldalsávból eltávolítottuk a tortanapos felhasználók listáját, így csak a szülinaposok maradtak az online felhasználók alatt – ezzel is rövidítettük az oldalsávot.
  • Kvíz!: A gomb megmaradt a jobb oldalon, de kapott egy új, letisztultabb dizájnt.
  • Nyelvválasztó: A fejlécből levettük, és a bal oldalsáv bal alsó sarkába költöztettük (a sötét mód kapcsolója mellé).
  • Vaperina Hívás: Mobilon a telefon ikon lekerült a navigációs sávba a többi kapcsolatfelvételi pont mellé.

Kategóriák és címkék

A kategóriarendszert is alaposan gatyába ráztuk, hogy átláthatóbb legyen és gyorsabb az oldalbetöltés:

  • Laposabb szerkezet: Megszüntettük a többszintű (alkategória alkategóriája) mélységet. Ilyen a OFF-Topik > Piactér kategórián belül volt. Mostantól maximum két szinttel találkoztok, így nem kell egy labirintusban bolyonganotok a témákért.
  • Kevesebb kategória, több pörgés: Az alacsony forgalmú kategóriákat összevontuk. Például az OFF-topik alatt a korábbi 16 alkategória helyett már csak a legfontosabbak maradtak meg.
  • Címkék: A különálló kategóriák helyett (mint pl. a Gasztro, Filmek, Gamer, Humor) mostantól az OFF-Topik > Általános kategórián belül találjátok meg ezeket a témákat, színes címkékkel jelölve. Létrehoztunk egy új OFF-Topik > Életmód kategóriát az olyan alkategóriák helyettesítésére mint a korábbi (Egészség, Állatbarátaink, Munka). Itt is címkékkel oldottuk meg.
  • Piactér: Itt is egyszerűsítettünk: a sok alkategória helyett kötelező címkékkel (pl. elektronika divat-ruhazat stb.) jelölhetitek a hirdetéseiteket, amikre így sokkal könnyebb rákeresni vagy szűrni.

Ezekkel a módosításokkal a motorháztető alatt hatalmasat gyorsultunk: a szerver válaszideje is csökkent, így az oldalbetöltés is sokkal simább élmény lesz mindenkinek. :rocket:


Adatbázis- és sebességoptimalizálás

Nemcsak a felszínen, hanem a „gépházban” is komoly finomhangolást végeztünk. A cél az volt, hogy Vaperinát a szülinapjára egy lomha teherautóból versenyautóvá alakítsuk :sweat_smile: :

  • Drasztikus sebességnövekedés: A méréseink alapján a főoldal válaszideje a korábbi 900–1400 ms-ról 350–400 ms környékére csökkent. Ez több mint 65%-os átlagos gyorsulást jelent, de a leglassabb betöltésekhez képest akár 75%-os is lehet a különbség!
  • Újrahangolt memória: Optimalizáltuk az adatbázis (PostgreSQL) kezelését, így a legtöbb adat már nem a lassabb lemezről, hanem közvetlenül a villámgyors RAM-ból töltődik be.
  • Hatékonyabb háttérfolyamatok: Finomhangoltuk a Ruby motort, ami az oldal lelkét adja. Ez kevesebb várakozást és simább görgetést jelent, különösen akkor, ha egyszerre sokan vagyunk online.
  • Adatbázis-takarítás: Az indexek optimalizálásával és a felesleges lekérdezések (pl. a 3. szintű alkategóriák) kiiktatásával elértük, hogy a szervernek tizedannyi erőfeszítésbe kerüljön kiszolgálni egy-egy kérést.
  • Profilok betöltése: A felhasználói összegzés oldal betöltése volt az egyik legkritikusabb pont: korábban előfordultak 5 másodperc feletti várakozások is, mire megjelent egy profil. A takarítás és a hangolás után ez mostantól stabilan 200 ms alatt maradt, így ezek az oldalak is szinte azonnal, várakozás nélkül jelennek meg.
  • Hatékonyabb adatkezelés: Megszüntettük azokat a technikai hibákat is, amik miatt egy-egy kattintásnál a rendszernek korábban sokszor több millió adatsort kellett átfésülnie a háttérben. Az új szerkezettel és az adatbázis újrahangolásával ez a brutális terhelés megszűnt. A szervernek már csak a töredékét kell feldolgoznia, és azt is a villámgyors RAM-ból teszi.

Mit jelent ez a gyakorlatban? Azt, hogy a rendszerünk mostantól a legtöbb helyen több mint 2x, a korábban problémás pontokon (például a profiloknál) pedig akár 25x gyorsabb, mint korábban volt. Stabilabb működés, kevesebb akadás és villámgyors betöltés. :high_voltage:


Reméljük, nektek is feltűnik majd a különbség! :heart:
Ha bármi furcsaságot észleltek az új struktúrában, vagy van ötletetek, írjátok meg nyugodtan – együtt csináljuk még jobbá a Vaperinát!

Köszönjük, hogy velünk vagytok! :tada:

13 kedvelés

Megköszönném, de 3 perce tölt….:roll_eyes::thinking:..

.

.

.

:joy:Viccvót, köszi :ok_hand:lehet hogy rá is fért

5 kedvelés

Hamarosan még jobb lesz a helyzet…:rocket::rocket::rocket:

5 kedvelés

Még egy update mára, mert ennek is már ideje volt…
Lecseréltük az alap betűtípusunkat a régi Arialról a modernebb Interre. :hugs: