Jag gjorde något ovanligt: inaktiverade JavaScript helt i webbläsaren och testade Ra Casino. De allra flesta spelare tänker aldrig på vad som händer bakom kulisserna när skript läses in. För mig som webbutvecklare är smidig degradering bland de viktigaste kvalitetsmåtten. Jag ville se om sajten överhuvudtaget gick att använda, om väsentliga funktioner överlevde och hur teamet tänkt kring tillgänglighet. Testet är inget gnäll på modern webbteknik, jag önskade förstå hur pålitlig plattformen är när villkoren plötsligt förändras. Resultatet förvånade mig på många punkter.

Första intrycket av startsidan utan JavaScript

När startsidan öppnades utan JavaScript fick jag se av en anmärkningsvärt hel layout. Logotypen, huvudmenyn och stora delar av det visuella innehållet var på plats. Bakgrundsbilder och CSS-baserade animationer verkade eftersom de inte kräver skript. Däremot försvann dynamiska element som en roterande kampanjkarusell och en livechatt-widget. I stället för karusellen visades en statisk bild med en uppmuntran att aktivera JavaScript för att få tillgång till erbjudandet, ett uppenbart exempel på medveten design. Ingenting gick sönder eller uppvisade tomma ytor.

Sökfunktionen och språkväljaren var fortfarande användbara, det var det som utmärkte sig. Språkväljaren backade på en vanlig formulärlista som skickade ett serveranrop, precis så smidig degradering ska fungera. Jag kunde byta språk utan problem och sidan laddades om korrekt. Startsidan upplevdes inte trasig, bara något enklare. Det gav mig hopp om att resten av plattformen skulle hålla samma standard, även om jag antog att spelen skulle bli den största utmaningen.

Navigering och menyer i ett skriptlöst läge

Huvudmenyn baserades på rena HTML-länkar i kombination med CSS för dropdown-funktionalitet. Utan JavaScript verkade dropdown-menyn inte vid hover, men alla topplänkar var klickbara och dirigerade till dedikerade kategorisidor. Det medförde att jag kunde navigera till spelkategorier, kampanjer och support direkt från menyn utan att behöva skript. Undermenyer expanderade inte, men det förekom alltid en väg framåt via den initiala länken. Det är en kompromiss som passar utmärkt för grundläggande navigering.

Sidfoten var fullt fungerande med samtliga länkar intakta. Länkar till ansvarsfullt spelande, villkor och integritetspolicy gick att nå utan hinder. Sökfunktionen, som jag nämnde tidigare, sände formulärdata via GET-anrop och visade en ny sida med resultat. Det enda som saknades var en “tillbaka till toppen”-knapp som normalt initieras via JavaScript, men det är knappast en kritisk funktion. Överlag upplevdes navigeringen logisk och stabil, vilket tyder på att informationsarkitekturen är genomtänkt från grunden.

Skapande av konto och inloggning utan JavaScript

Registreringsformuläret utgjorde de mest viktiga punkterna i testet. Jag antog att det skulle vara beroende av JavaScript för kontroll och sändning, men blev positivt överraskad. Formuläret grundades på traditionella HTML-element med serversidig validering som reserv. Jag kunde fylla i samtliga fält, e-post, lösenord, personuppgifter, och sända formuläret. Servern reagerade med en ny sida som alternativt verifierade registreringen eller uppvisade tydliga felmeddelanden vid felaktig data. Inga steg uteblev och inte något hängde sig i ett oklart läge.

Inloggningen agerade på samma sätt. Användarnamn och lösenord överfördes via ett standardformulär och jag blev inloggad på en serverrenderad kontosida. Tvåfaktorsautentisering, om den var påslagen, krävde dock JavaScript för att visa vissa rörliga element, men basinloggningen var fullständigt användbar. Det här är just den standard av stabilitet man vill se, att kontosystemet inte är hårt knutet till frontend-logik. För en kund som snabbt måste logga in från en snäv miljö är detta guld värt.

Spelsortimentet – vad som lyckades och vad som föll bort

I detta avseende uppnådde vi testets mest förutsägbara resultat: casinospelen i sig misslyckades utan JavaScript. Slots, bordsspel och live casino använder teknologier som WebGL, Canvas och omfattande skriptbibliotek. När jag klickade på ett spel öppnades en ny sida som antingen visade en statisk laddningsskärm eller också en informativ textruta som förklarade att JavaScript krävs för att inleda spelet. Inga spel kunde laddas i vanlig mening, men det saknades inte heller några kryptiska felmeddelanden eller eviga laddningsloopar. Det rörde sig om ett klart och ärligt fall.

Å andra sidan funkade spellistorna och kategorierna utmärkt. Det var möjligt för mig bläddra bland spelautomaternas miniatyrbilder, läsa spelens titlar och ibland betrakta statiska informationssidor om spelen. Filtreringsalternativen var dock begränsade eftersom de var beroende av JavaScript för att uppdatera innehållet dynamiskt. Jag kunde inte sortera efter populäritet eller utgivare utan en sidladdning, men grundläggande navigering mellan spellistans sidor fungerade via pagineringslänkar. Det gav mig en känsla av att reddit.com kunna undersöka utbudet även om jag inte kunde spela direkt.

Hur jag satte upp testmiljön

Jag utnyttjade en vanlig stationär dator med Firefox Developer Edition, där jag enkelt byter JavaScript via inställningspanelen. Jag rensade cache och cookies, stängde av alla tillägg och satte webbläsaren i ett nytt läge. Därefter inaktiverade jag JavaScript helt via about:config och uppdaterade sidan. Jag utnyttjade ingen VPN eller särskild nätverkskonfiguration, utan använde på min normala bredbandsuppkoppling. Syftet var att härma en verklig användare som av någon anledning saknar skriptstöd, inte en konstlad labbmiljö. Jag dokumenterade allt från laddningstider till sönderfallna element.

För att vara extra noggrann provade jag även med Chromes utvecklarverktyg där man kan hindra JavaScript per domän. Resultaten var konsekventa över webbläsare, vilket pekar på att det inte rörde sig om webbläsarspecifika egenheter. Jag registrerade varje steg med skärmdumpar och registrerade nätverksanrop för att se vilka resurser som alltjämt hämtades. Det blev snabbt klart att Ra Casino nyttjar en blandning mellan serverrenderat innehåll och klientdrivna komponenter, vilket bådar gott för ett degraderingstest.

Varför jag beslutade att inaktivera JavaScript

Elegant degradering innebär en webbplats erbjuder sina grundläggande funktioner även när vissa nivåer slutar fungera. JavaScript kan hindras av säkerhetsanledningar, långsamma nätverk, gamla enheter eller hårda företagsmiljöer. Om ett casino upphör att fungera helt utan skript stänger man ute en grupp användare som inte kan förändra sin teknologiska miljö. Jag ville se om Ra Casino tog detta på allvar, eller om man satsade allt på en rikhaltig klientupplevelse utan fallskärm. Min aning var att moderna casinon sällan klarar ett sådant test, men jag ingick med öppet sinne och ett granskande öga.

Det förekommer också en säkerhetsperspektiv. Genom att temporärt avaktivera JavaScript kan man stundtals se hur mycket spårningsskript och tredjepartskod som faktiskt körs. En klarare, skriptlös vy exponerar webbplatsens stomme. Jag antog att spelen skulle upphöra helt, men jag var intresserad på om informationssidor, support och kontoadministration alltjämt var navigerbara. Den här typen av testning är ingen kritik mot utvecklarna, istället är det ett sätt att värdesätta genomtänkt arkitektur när man stöter på den.

Depositioner och hantering av kontot i det javascriptfria läget

Jag fortsatte till kassan för att kolla om jag kunde göra en insättning. Betalningsflödet visade sig vara delvis fungerande. Jag kunde välja betalningsmetod från en lista och mata in belopp, men när jag skulle bekräfta transaktionen blev jag omdirigerad till en extern betalleverantörs sida. Där erfordrades JavaScript för att avsluta betalningen, vilket är standard hos de flesta betaltjänster. Just övergången från Ra Casino till betalleverantören skedde problemfritt via en serveromdirigering, så jag kom aldrig i ett dött läge.

Kontosidan presenterade transaktionshistorik, saldo och personliga inställningar i en förenklad men fullt begriplig vy. Jag kunde uppdatera vissa profilfält och ladda ner dokument för verifiering utan problem. Däremot var uppladdning av verifieringsdokument beroende av JavaScript för filhantering, vilket är begripligt. Det var dock en tydlig instruktion om att höra av sig till support för manuell hantering om tekniska hinder dök upp. Än en gång demonstrerade man en medvetenhet om att inte alla användare har en perfekt teknisk miljö. Kontohanteringen verkade trygg och överskådlig.

Effektivitet, tillgänglighet och vad utvecklarna gjort rätt

Utan JavaScript blev webbplatsens laddningstid dramatiskt kortare. Nätverksloggen visade att antalet förfrågningar sjönk med över sextio procent och den totala sidvikten sjönk till en bråkdel. För personer med saktfärdiga anslutningar eller sparsam datamängd är detta en betydande fördel. Det märktes att Ra Casino utnyttjar semantisk HTML och att CSS hanterar det mesta av layouten. ARIA-attribut och lämpliga rubriknivåer var närvarande, vilket stödjer skärmläsare även när dynamiskt innehåll uteblir. Tillgängligheten ökade snarare än sjönk i det javascriptfria läget.

Utvecklarna har självklart funderat över progressiv förbättring. Man har inte skapat en avskild, avskalad version, utan låtit samma kodbas fungera på olika nivåer. Felhanteringen är distinkt och besökaren lämnas aldrig med en tom skärm. Att ett casino av den här kalibern klarar ett så pass hårt test så här pass väl är unikt. Jag hade förväntat mig en helt felfylld upplevelse, men i stället fick jag en verksam informationsportal med hela kontofunktioner. Det visar på en utvecklad utvecklingsprocess där man inte använt genvägar.

Mobilgränssnittet utan JavaScript

Jag skiftade till en mobil vy via webbläsarens flexibla läge och gjorde om testet. Mobilversionen av Ra Casino nyttjar av samma serverrenderade grund, vilket innebar att resultaten var snarlika. Menyn minskades till en hamburgerikon som dock inte öppnades utan JavaScript. Sättet var att en alternativ textlänk till en fullständig meny-sida framträdde i sidfoten, så jag kunde fortfarande navigera. Det är en smart fallback som inte behöver mycket extra kod men som räddar användarupplevelsen för många.

Touch-baserade interaktioner som swipe-karuseller arbetade inte, men allt klickbart innehåll var tillgängligt via vanliga tryck. Sidladdningstiderna var märkbart snabbare utan JavaScript, vilket gav en rapp känsla på mobildata. Spelen kunde förstås inte att starta, men informationssidorna och kontohanteringen var fullt användbara. Jag hade förmåga sätta in pengar via mobilen, om att jag tog emot omdirigeringen till betalleverantören. Mobilupplevelsen bekräftade att plattformen är byggd med en “mobile first”-tanke där basala HTML inte uppges för effekter.

Mina lärdomar från detta experiment

Det här testet påminde mig om att webben i grunden är uppbyggd på HTML och HTTP. När JavaScript faller bort blottas webbplatsens verkliga arkitektur. Ra Casino visade att man inte är rädd för att erbjuda en fungerande kärnupplevelse även under ogynnsamma förhållanden. Jag kunde registrera mig, logga in, hantera mitt konto och titta på spelutbudet utan att ett enda skript kördes. Det är en bedrift som många mycket enklare webbplatser misslyckas med. Att spelen kräver JavaScript är fullt godtagbart, de är sofistikerade applikationer i sig.

För dig som kund betyder detta att du kan vara säker med att ditt konto och dina pengar är nåbara även om du av misstag använder en begränsad webbläsare, ett ostadigt nätverk eller en äldre enhet. Du möjligen inte kan spinna hjulen utan JavaScript, men du kan alltid komma i kontakt med support, genomföra uttag och hålla koll på ditt spelande. Det är just den sorten av stabilitet jag vill se hos en trovärdig aktör. Ra Casino har med detta test bekräftat att man fokuserar på stabilitet och åtkomlighet vid sidan av den grafiska upplevelsen.