Kai baigiama kurti internetinė svetainė, prieš paleidžiant, reikia ją patikrinti. Frontend.lt kolektyvas nusprendė pradėti straipsnių ciklą “Ką atliekame prieš paleidžiant svetainę”. Šis straipsnis yra pirmas ir apžvelgia pačius elementariausius dalykus, į kuriuos reikia atkreipti dėmesį prieš sukeliant svetainę į serverį ir parodant ją galutiniam vartotojui, arba projekto užsakovui.
Vartotojo interfeisas
Lankytojai į svetainę ateina naudodamiesi įvairiomis www naršyklėmis. Ne visos jos buvo kurtos laikantis standartų (ankstesnės Internet Explorer versijos), ne visos gali juos palaikyti (pvz. per maži įrenginio, kuriame veikia naršyklė, skaičiavimo pajėgumai). Visų naršyklių ir įrenginių, bei operacinių sistemų variacijų išbandyti neįmanoma, o greičiausiai ir nereikia – juk neįmanoma prisitaikyti prie visų. Mes rekomenduojame naujai paleidžiamą svetainę patikrinti su populiariausiomis naršyklėmis :
- Naujausia Gecko varikliu paremtos naršyklės versija (Firefox)
- Naujausia WebKit naršyklė (Google Chrome, Apple Safari)
- Populiariausios Microsoft Internet Explorer versijos (straipsnio rašymo metu 6.0 – 8.0)
- Naujausia Opera versija
Frontend rekomendacija: svetainę kurti, peržiūrint ją su Firefox, o su IE ją pratestuoti paskutiniame žingsnyje. Taip bus sutaupoma daug laiko nes naudojant Firefox naršyklės priedais, tokiais kaip Firebug, galima keisti išvaizdą, pačioje naršyklės aplinkoje.
- Patikrinti, kaip svetainė atrodo su skirtingomis vaizduoklio ekrano rezoliucijomis.
- Žvilgtelėti, kaip svetainė atrodo su mobilia naršykle – vis daugiau lankytojų naudoja mobilius įrenginius.
- Pabandykite, kaip svetainė veikia išjungus JavaScript, Sausainėlius (Cookies), CSS. Ar įmanoma surasti pagrindinę informaciją, naviguoti svetainėje?
- Svetainė turi galimybę siųsti elektroninius laiškus? Būtinai patikrinkite, kaip laiškai atrodo su populiariausiomis elektroninio pašto sistemomis:
- Microsoft Outlook
- Mozilla Thunderbird
- Google Gmail
- Yahoo Mail
- Hotmail
- Patikrinkite tokių interfeiso dalių, kaip turinio filtrai, puslapiavimo elementai, formos ir kiti funkciniai komponentai veikimą.
Svetainės turinys
- Ar svetainės tekstai yra gramatiškai taisyklingi? Pasinaudokite klaidų taisytojais!
- Ar neliko testinių “Lorem ipsum” puslapių arba straipsnių?
- Ar paveikslėliai yra optimizuoti internetui, t.y. ne per dideli?
- Ar paveikslėliai turi alt atributus, aiškiai apibūdinančius, kas pavaizduota?
- Patikrinkite nuorodas į dokumentus.
Patogumas vartotojui
- Sukurkite galimybe vartotojui bendrauti su svetainės kūrėju. Taip bus pranešamos klaidos, siunčiami pasiūlymai.
- Niekada neleiskite, kad elektroninio pašto adresas svetainėje būtų paprastu tekstu. Frontend rekomendacija: mailto nuorodą iškviesti JavaScript pagalba.
- Patikrinkite, ar paspaudus ant logotipo pateksite į pradinį puslapį.
Veikimas, greitis
- Testuokite svetainę su YSlow arba Page Speed. Jeigu rezultatai netenkina, pasinaudokite pateikiamais patarimais.
Technologijos
- Ar HTML ir CSS kodas atitinka standartus? Pasinaudokite validatoriais!
- Ar naudojate reset CSS?
- Ar neįmanoma perkelti CSS kodo į atskiras bylas, kad kraudamiesi puslapiai gauti tik tą CSS dalį, kurios reikia jiems atvaizduoti.
- Ar negalima perkelti JavaScript kodo į atskiras bylas?
- Ar JavaScript elementai yra kiek įmanoma žemiau svetainės kode?
- Jeigu svetainėje yra naudojamos technologijos, reikalaujančios įdiegti papildomas bibliotekas, pvz: Adobe Flash, Sun Java, Adobe Air, Microsoft Silverlight, ar yra pateikiamos aiškios instrukcijos, kaip atsisiųsti ir įdiegti jas savo sistemoje?
Klaidų apdorojimas
- Ar svetainės klaidų išvedimas yra išjungtas vartotojui? Eiliniam vartotojui tikrai neįdomu, ar įvyko 500 klaida, ar nerasta funkcija, ar bloga SQL sintaksė. Jam greičiausiai įdomus tik pats klaidos faktas.
- Ar svetainės klaidos yra registruojamos? Rekomenduojama rašyti klaidas į bylą.
- Ar kritinės svetainės klaidos yra nedelsiant siunčiamos kūrėjui?
Saugumas
- Ar visi iš vartotojo atėję duomenys yra išvalomi prie naudojant juos (pvz, rašant į duomenų bazę)?
- Ar slaptažodžiai nėra saugomi paprastu tekstu?
- Ar tinkamu dažnumu daromos svetainės atsarginės kopijos? Ar veikia atstatymas iš atsarginės kopijos?
- Ar įvedimo laukai yra apsaugoti nuo spam robotų?
SEO
- Patikrinkite, ar svetainės adresai yra draugiški SEO atžvilgiu (Nenaudojami dinaminiai adresai)
- Patikrinkite, ar visi puslapiai turi prasmingas antraštes (title).
- Pasižiūrėkite, ar nėra nuorodų, sakančių “spausk čia” ir panašiai. Jei taip, pasistenkite jas optimizuoti įdedant reikšmingesnius pavadinimus su raktažodžiais.
- Ar turite XML žemėlapį? Ar jis “paduotas” paieškos sistemoms?
- Ar integravote statistikos sistemą? Pavyzdžiui, Google Analytics?
- Ar naudojate robots.txt? Jis tikrai veikia taip, kaip turėtų?
- Ar svetainės išdėstymas nėra paremtas lentelės elementu?
- Ar sesija, vartotojų prisijungimas arba registracija, javascript arba flash technologijomis paremta navigacija neužkerta kelio paieškos robotams aptikti naudingą turinį?
- Naudojate nukreipimus (redirect)? Ar žinote skirtumą tarp 301 ir 302 nukreipimų?
- Ar neliko svetainėje neveikiančių nuorodų? Ar yra priemonės stebinčios ir pranešančios apie neveikiančias nuorodas?
- Ar nuorodos svetainėje yra tekstinės? T.y. ar navigacija svetainėje nėra pagrįsta paveikslėliais, arba Adobe Flash technologija?
- Ar nenaudojami frame ir iframe elementai?
Ne “vartotojo interfeisas”, o “vartotojo sąsaja”. Jei jau verčiat tai verskit pilnai :)
Mes pasitarėme ir nusprendėme, kad kol kas leisime sau šiame projekte vartoti abu terminus pakaitomis: tiek “vartotojo sąsaja”, tiek “vartotojo interfeisas”. Žinome, kad kalbininkai siūlo vartoti “sąsaja”, tačiau net Universitete mus mokė apie “interfeisą”. Taigi atsiprašome lietuvių kalbos mylėtojų už nepatogumus :)
„Technologijų“ patarimai skaidyti CSS ir JS į atskiras bylas tiesiogiai prieštarauja ankstesniam greičio skyreliui.
O už CSS reset reiktų pirštus kapoti.
Failų skaldymas bent jau dideliems projektams, taupantiems baitus – naudingas. Tiesiog čia galbūt ne aiškiai pasakyta kas yra skaidoma. Esme ta kad naudojant TVS ir ten turint kažkokius modulius su skirtingais objektais jiems aprašyti atskirus css, ir tik tuos CSS kurie bus realiai reikalingi tam tikrame puslapyje naudoti sujungiant server-side. Čia gal ne visai į front-end temą buvo pataikyta. Su daug JS tas pats.
Del reset pritariu.