Klasičan Gejming — gaming portal na srpskom sa sopstvenim CMS-om

Klasičan Gejming je gaming portal na srpskom jeziku. Vesti iz industrije, najave novih naslova, recenzije igara, esports i hardver — sve na jednom mestu i sve pisano na srpskom, sa punim dijakritikama, što je u ovoj niši i dalje retko.

Sadržaj stoji u deset kategorija: PC igre, PlayStation, Xbox, Nintendo, Mobile, Esports, Hardware, Industrija, Recenzije i Retro. Do danas je objavljeno 159 vesti, a najveći deo nose PC igre i industrija — dve teme koje se prate svakodnevno. Čitalac koji dođe zbog jedne vesti o izlasku igre nalazi i kategoriju, i tagove, i pet srodnih tekstova ispod.

Portal nema izlog, radno vreme ni adresu; on je medij, a to menja ceo posao. Sajt ovog tipa se ne napravi jednom pa ostavi. On mora da izdrži da mu se sadržaj dodaje svakog dana, godinama, iz panela i bez programera na vezi — inače prestane da se dopunjuje, a portal koji se ne dopunjuje umire za tri meseca.

Naslovna ima tri sloja. Na vrhu je slajder sa istaknutim vestima, ispod njega mreža najnovijih tekstova, a sa strane kolona sa popularnim sadržajem te nedelje, spiskom kategorija i prijavom na newsletter. Na dnu stoji blok sa svim kategorijama i brojem članaka u svakoj, jer čitalac koji je došao zbog jedne vesti tada vidi koliko sajta ima iza nje.

Odatle idu tri pravca. Sve vesti je hronološki arhiv koji se dopunjuje sam dok se skroluje — bez paginacije i bez klika na sledeću stranu. Kategorije kao PC igre imaju svoju adresu, svoj naslov i svoj opis. Tagovi hvataju ono što ne staje u kategoriju — Steam, Epic Games, ekskluziva — i svaki tag ima svoju stranu, pa čitalac može da prati temu koja preseca sve platforme.

Uz to idu pretraga, prijava i registracija čitalaca, i četiri statične strane: o nama, kontakt, politika privatnosti i uslovi korišćenja. I one se uređuju iz panela, jer je jedina stvar gora od teksta koji niko ne održava tekst koji niko ne može da izmeni bez programera.

Slajder na vrhu naslovne prikazuje pet istaknutih vesti. Prva verzija ih je birala automatski — pet najnovijih označenih kao istaknute. To zvuči razumno dok vlasnik ne poželi da starija ali dobra vest stoji na prvom mestu; tada automatika radi protiv njega, a on nema način da je nadglasa.

Zato je redosled prebačen na ručni. U panelu postoji tabla „Istaknute vesti — redosled slajdera" u kojoj se stavke prevlače mišem ili pomeraju strelicama sa tastature, sa jasnom linijom koja pokazuje gde prestaje prvih pet, odnosno šta se uopšte vidi na sajtu. Šesta i dalje stoji, samo zatamnjena — da bude očigledno zašto se ne pojavljuje. Ceo redosled se snima jednom transakcijom: ili prođe ceo, ili ne prođe ništa. Ako se u međuvremenu spisak istaknutih promenio u drugom prozoru, snimanje se odbija sa porukom umesto da tiho prepiše tuđu izmenu.

Tu je izašao bug koji je vlasnik prijavio rečima da otkačinjanje ne radi. Nije radilo, a razlog je bio nezgodan: neoznačeno polje za potvrdu brauzer uopšte ne šalje serveru, a serverska strana je odsutnu vrednost tumačila kao uputstvo da vrednost ostane kakva je bila. Označiti vest se moglo, odznačiti nije — i to bez ijedne poruke o grešci, što je najgora vrsta kvara. Uz to je klik na vidljivi prekidač u spisku padao u prazno, jer prekidač nije bio povezan sa poljem koje menja, pa je radila samo nevidljiva kućica ispod njega.

Popravka je išla u tri sloja: obrazac sada uvek eksplicitno šalje i uključeno i isključeno stanje, server menja samo ona polja koja su stvarno stigla, a prekidač je povezan sa svojim poljem. Provereno je na živom sajtu, u oba smera, sa osvežavanjem strane između koraka.

Portal sa slikom na svakoj kartici je najgori mogući slučaj za mobilnu vezu, i to se videlo na prvim merenjima: vreme do najvećeg prikazanog elementa na telefonu bilo je preko šest sekundi. Kriva su bila tri sloja — fontovi i ikonice sa tuđih servera, dvadesetak zasebnih CSS fajlova u zaglavlju i slike u punoj veličini u mreži.

Rešavano je redom. Google fontovi i skup ikonica prebačeni su sa tuđih servera na sopstveni, čime je nestao ceo krug otvaranja veze prema trećoj strani pre nego što se bilo šta nacrta. Zatim je skup ikonica isečen na one koje se stvarno koriste: sa oko 386 KB na oko 33 KB na žici. Ikonice se prebrojavaju skriptom koja je ostala u projektu, pa se skup može ponovo napraviti kada se doda nova strana. Traženje je bilo dosadnije nego što zvuči — deo imena ikonica ne stoji u kodu nego u bazi, a deo se u brauzeru menja u hodu, na primer oko za prikaz lozinke.

Slike u mreži prešle su na srednje verzije sa srcset opisima, prva slika u slajderu se učitava sa prioritetom i unapred najavljuje, a sve ispod prvog ekrana je odloženo. CSS je spojen u jedan paket.

Rezultat na telefonu, mereno pod uslovima spore veze: LCP sa 6,24 s na 4,91 s, ocena performansi sa 63 na 76, prvi prikaz sadržaja sa 3,01 s na 2,43 s. Na desktopu je ocena 95 uz LCP od oko 1,5 s, a pristupačnost i najbolje prakse su na 100. Portal sa ovoliko slika nikada neće trčati kao prazna strana sa tri reda teksta, i to je iskren okvir u kome ove brojke treba čitati.

Mapa sajta se pravi iz baze i danas ima 199 adresa: 159 vesti, kategorije, strane tagova i statične strane. Pošto se generiše iz baze, nova vest je u mapi istog trenutka kada je objavljena, bez ijednog dodatnog koraka.

Svaka kategorija ima svoj naslov i opis. To je zvučalo kao gotova stvar dok se nije ispostavilo da su sve kategorije nosile isti generički naslov, jer je šablon čitao promenljivu koja na tim stranama nikada nije bila postavljena. Deset strana sa istim naslovom je za pretraživač deset strana bez naslova. Danas Industrija i PC igre nisu ista strana ni po naslovu ni po opisu.

Uz to idu WebSite i Organization podaci na naslovnoj, lista najnovijih vesti kao ItemList, i pretraga prijavljena kao radnja koju pretraživač može da ponudi direktno u rezultatima. Sajt je verifikovan u Google Search Console-u.

Jedna odluka je namerna i vredi je izgovoriti: robots.txt izričito pušta i botove sistema veštačke inteligencije. Odgovori tih sistema sve češće stoje iznad klasične liste rezultata, a portal koji ih blokira ispada iz njih tiho i bez ijednog upozorenja. Za medij koji živi od toga da bude citiran, to je gubitak koji se ne primeti dok se ne izmeri.

Portal koji je njegov. Vest se napiše i objavi iz panela za nekoliko minuta, slika se otpremi jednom i sama dobije sve potrebne veličine, naslovna se ređa rukom, a čitaoci koji su sajt dodali na početni ekran dobijaju ga kao aplikaciju.

Nema mesečne pretplate platformi i nema dvadeset dodataka koji čekaju ažuriranje. Kod i baza stoje na serveru, mogu se prekopirati i preseliti. Ako sutra zatreba nova kategorija, nova rubrika ili nova strana, to je izmena u panelu, ne izrada novog sajta.

Sajt je i dalje u aktivnom održavanju. Poslednje veće izmene bile su ubrzavanje na telefonu i ručni redosled slajdera, a pre njih ispravke koje su vraćale u život komentare i beskonačno učitavanje u arhivi vesti. Pitanja i predlozi idu preko kontakt strane, na kojoj redakcija navodi da odgovara u roku od 24 do 48 sati.