Verkkoselain on ohjelma, jolla avaat verkkosivustoja. Opi, miten selaimet toimivat, mitä tapahtuu kun avaat sivun ja miksi sillä on merkitystä sivustollesi.
Joka kerta kun vierailet sivustolla, käytät verkkoselainta. Voi tuntua, että selain on vain ikkuna, jonka läpi katsot, mutta se tekee paljon työtä taustalla. Kun ymmärrät, mitä selain oikeasti tekee, ymmärrät paremmin, miten sivustosi kokevat ihmiset, jotka siellä vierailevat.
Avasipa joku sivustosi kannettavalla tai puhelimella, hänen selaimensa hakee sisältösi, lukee koodisi ja kokoaa kaiken ruudulle. Eri selaimet tekevät tämän hieman eri tavoin, ja se vaikuttaa siihen, miltä sivustosi näyttää ja miten se toimii eri vierailijoille.
Mikä on verkkoselain?
Verkkoselain on sovellus, jonka avulla pääset internetiin ja liikut siellä. Kirjoitat URL-osoitteen tai haet jotain, ja selain hakee olennaiset sivut ja näyttää ne ruudullasi. Se hoitaa kaiken viestinnän sinun ja vierailemiesi sivustojen välillä.
Selaimet ovat rajapinta ihmisten ja verkon välillä. Ilman selainta sivustolla ei voi vierailla. Jokaisessa internetiin yhdistyvässä laitteessa on vähintään yksi selain, ja useimmat käyttävät samaa selainta kaikkeen miettimättä asiaa sen enempää.
Miten verkkoselain toimii?
Kun kirjoitat osoitteen tai klikkaat linkkiä, selain käy läpi sarjan vaiheita hakeakseen ja näyttääkseen sivun.
Ensin selain hakee verkkotunnuksen DNS-tietueen löytääkseen palvelimen osoitteen. Sen jälkeen se yhdistää palvelimeen ja lähettää pyynnön sivusta. Palvelin lähettää takaisin sivun muodostavat tiedostot, pääasiassa HTML:n, CSS:n ja JavaScriptin. Selain lukee nuo tiedostot ja _blocked_öi ne eli rakentaa ruudulla näkemäsi visuaalisen sivun. Tämä kaikki tapahtuu yleensä alle sekunnissa.
Selaimet hallinnoivat myös asioita, kuten evästeitä, tallennettuja salasanoja, selaushistoriaa ja selaimen tallennustilaa. Ne tarkistavat SSL-varmenteet ja varoittavat, kun sivusto ei ole turvallinen. Ne myös ajavat JavaScriptiä, joka saa useimmat sivustojen interaktiiviset ominaisuudet toimimaan.
Miksi selaimen valinta on tärkeä sivuston omistajalle?
Sivuston omistajana et voi valita, mitä selainta vierailijasi käyttävät. Jotkut käyttävät yhtä selainta, toiset toista. Jokaisella selaimella on oma _blocked_öintimoottorinsa, eli osa, joka muuttaa koodin visuaaliseksi sivuksi. Eri _blocked_öintimoottorit voivat näyttää saman sivuston hieman eri tavoin.
Siksi sivustot täytyy testata useissa selaimissa. Asettelu, joka näyttää täydelliseltä yhdessä selaimessa, voi toisessa selaimessa olla välistysongelma tai fonttiongelma. Useimmat nykyaikaiset selaimet ovat tulleet paljon yhdenmukaisemmiksi, mutta pieniä eroja on edelleen, etenkin pöytäkone- ja mobiiliselainversioiden välillä.
Sivustosi responsiivinen suunnittelu tulkitaan myös eri tavoin jokaisessa selaimessa. Jotkin uudemmissa selaimissa toimivat ominaisuudet eivät välttämättä toimi vanhemmissa. Luotettavalle alustalle rakentaminen hoitaa suurimman osan tästä puolestasi, koska koodi on jo testattu ja optimoitu toimimaan suurimmissa selaimissa.
Mitä selaimilla on yhteistä?
Erojensa lisäksi kaikilla suurilla selaimilla on samat perustoiminnot. Ne kaikki hakevat ja näyttävät verkkosivuja, tukevat HTML:ää, CSS:ää ja JavaScriptiä, näyttävät tietoturvavaroituksia vaarallisista yhteyksistä, tallentavat evästeitä ja välimuistitiedostoja ja antavat käyttäjien tallentaa kirjanmerkkejä ja hallita historiaansa.
Erot ovat enimmäkseen nopeudessa, yksityisyysominaisuuksissa, laajennuksissa ja siinä, miten ne käsittelevät joitakin uudempia verkkoteknologioita. Useimmassa arkisessa selailussa ja useimmilla sivustoilla nämä erot ovat pieniä. Mutta brändille, joka haluaa tarjota yhdenmukaisen kokemuksen jokaiselle vierailijalle, testaus eri selaimissa kuuluu toimivan sivuston rakentamiseen.
Usein kysytyt kysymykset
Mitä verkkoselainta useimmat ihmiset käyttävät?
Selainten suosio muuttuu ajan myötä ja vaihtelee alueen ja laitetyypin mukaan. Pöytäkoneilla yksi selain on hallinnut maailmanlaajuista käyttöä vuosia. Mobiilissa laitteen mukana tuleva oletusselain on yleensä eniten käytetty. Sivustosi kannalta käytännöllisin tapa on testata kolmella tai neljällä suosituimmalla selaimella, jotta sivusto näyttää ja toimii oikein suurimmalle osalle vierailijoista.
Vaikuttaako selain sivuston nopeuteen?
Jossain määrin kyllä. Eri selaimilla on eri JavaScript-moottorit ja _blocked_öintinopeudet, mikä tarkoittaa, että sama sivu voi latautua hieman nopeammin tai hitaammin selaimesta riippuen. Suurempia tekijöitä ovat kuitenkin palvelintilasi, tiedostokoot ja koodin laatu. Hyvin optimoitu sivusto latautuu nopeasti kaikissa suurimmissa selaimissa.
Mikä on selaimen _blocked_öintimoottori?
_blocked_öintimoottori on selaimen osa, joka lukee sivustosi koodin ja muuttaa sen ruudulla näkemäksesi visuaaliseksi sivuksi. Eri selaimet käyttävät eri _blocked_öintimoottoreita. Siksi sama sivusto voi joskus näyttää hieman erilaiselta eri selaimissa. Useimmat nykyaikaiset selaimet käyttävät nyt moottoreita, jotka noudattavat verkkostandardeja tarkasti, minkä ansiosta selainten väliset erot ovat paljon pienempiä kuin ennen.
Mikä on selainlaajennus?
Selainlaajennus on pieni lisäosa, joka tuo selaimeesi lisäominaisuuksia. Mainosten estäjät, salasanojen hallintaohjelmat, kieliopintarkistimet ja värinvalitsimet ovat yleisiä esimerkkejä. Laajennukset voivat vaikuttaa siihen, miltä sivustosi näyttää vierailijoille, koska jotkin laajennukset estävät elementtejä, muuttavat värejä tai muokkaavat sivun sisältöä. Sivustoasi testatessasi kannattaa tarkistaa se puhtaassa selainistunnossa ilman aktiivisia laajennuksia.
Mikä on selaimen välimuisti ja miksi sillä on merkitystä?
Selaimen välimuisti tallentaa kopioita aiemmin vierailemiesi sivustojen tiedostoista, jotta ne latautuvat nopeammin seuraavalla kerralla. Sivuston omistajille tämä tarkoittaa, että vierailijat voivat nähdä sivustosi vanhemman version, jos olet tehnyt äskettäin päivityksiä. Pakotettu päivitys tai välimuistin tyhjentäminen saa selaimen hakemaan tuoreet tiedostot palvelimelta.
Pitääkö sivustoni suunnitella eri tavalla eri selaimille?
Ei, jos rakennat nykyaikaiselle alustalle. WEMASYn sivustonrakentaja tuottaa koodia, joka toimii kaikissa suurimmissa selaimissa heti. Sinun ei tarvitse kirjoittaa erillisiä tyylejä tai asetteluja kullekin. Mallipohjat on testattu ja optimoitu, jotta sivustosi näyttää yhdenmukaiselta avasipa sen joku pöytäkoneen tai puhelimen selaimessa.