käyttäjältä Jyri Väätäinen
WordPress: Optimoi blogisi lukijaystävälliseksi
Elokuu 4, 2008 kohteessa Tietokoneet käyttäjältä Jyri Väätäinen
Olen miettinyt eilen blogiasioita uudesta näkökulmasta. Nyt haluaisin kirjoittaa niistä ihan virallisesti tähän blogiin. Oletko koskaan kohdannut blogin, jonka latausajat ovat pitkät ja jossa lisäosiakin on liikaa? Tiedätkö miten nämä asiat vaikuttavat tällaisen blogin latausaikoihin? Tässä artikkelissa otan kantaa WordPress-blogin optimointiin lukijaystävälliseksi. Annan vinkkejä ja neuvoja muun muassa latausajan optimoimiseksi. Monessa blogissa latausajat ovat kohtuuttomat ja tämä johtuu monesta asiasta. Menkäämme kuitenkin asiassa eteenpäin.
Tämän artikkelin neuvot ovat kohdistettu erityisesti WordPress-blogeihin mutta voit soveltaa niitä myös muihin julkaisujärjestelmiin tai jopa sivustoihin. Ainakin omasta mielestäni tässä blogissa ei pitäisi olla edellä mainittuja ongelmia. Monessa blogissa näitä ongelmia riittää ja monet blogiylläpitäjät eivät niihin perehdy millään tavalla. Tiedän monta blogia, joissa edellä mainitut asiat voisivat olla paremmin. Pienillä muutoksilla WordPress-blogin latausaikoja voi pienentää merkittävillä sekunneilla. Ongelmia on monia mutta tutustutaan niihin seuraavaksi.
1. Optimoi kuvat
Monessa blogissa valokuvia on joko paljon tai ne ovat muuten vain suurikokoisia. Esimerkiksi erilaisissa muotiblogeissa valokuvia voi olla paljon. Toki valokuvia on paljon muissakin blogeissa mutta on onneksi olemassa sellaisiakin blogeja, joissa valokuvia on joko kohtuudella tai ne ovat optimoitu pienikokoisiksi. Monen blogin ongelma on siis se, että erilaisia kuvia käytetään liian paljon. Tämä kasvattaa sivun tiedostokokoa. Jos haluat, että sivustosi latautuu mahdollisimman nopeasti, vähennä kuvien määrää tai optimoi kuvien tiedostokokoa.
Joissakin blogeissa valokuvia on vähän tai kohtuullisesti mutta sivusto latautuu silti todella hitaasti. Mikä mättää? Itse asiassa vastaus tähän on hyvin helppo. Tällaisissa blogeissa kuvien kokoon tai formaattiin ei kiinnitetä huomiota. Esimerkiksi kuva saatetaan laittaa esille formaatissa, joka tekee kuvista suuria tiedostokooltaan tai sitten valokuvat ladataan palvelimelle täydessä koossa ja linkitetään kuvan pienennöksestä täyteen kuvaan, joka siis ladataan aina ennen kuin pienennös piirretään tietokoneen näytölle.
Muistilista
- Laita merkintään vain tarpeelliset kuvat
- Mieti, millä tavalla merkintä hyötyy tästä kuvasta?
- Pienennä valokuvien tiedostokokoa
- Huomioi esimerkiksi teemasi mahdollisuuksia eli minkä kokoisia valokuvia teema sallii
- Tallenna kuvakaappaukset tai muut vastaavat esimerkiksi PNG-muodossa ja pienemmässä koossa
- PNG-muodossa olevat kuvat vievät vähemmän tilaa kuin esimerkiksi BMP-muodossa
- Kaikilla ei ole nopeaa internetyhteyttä
- Vaikka sinulla olisi ekstranopea internetyhteys, jollakin voi olla edelleen vaikkapa hidas internetyhteys
2. Tarkkaile merkintöjen kokoa
Jos kirjoittamasi artikkelit ovat pitkät, niin mieti kannattaako näytettävien artikkelien määrää vähentää. Joskus pitkä merkintä on hyvä jakaa osiin tai kirjoittaa samasta aiheesta useampi merkintä. On olemassa myös lisäosia, jotka generoivat automaattisesti katkelman jokaiseen artikkeliin, joita näytetään etusivulla, kategorioissa tai arkistoissa. Lukijat eivät jaksa lukea kaikkea, joten kirjoita mahdollisimman tiiviisti. Muista, että tiedostokooltaan liian suuri sivu latautuu hitaasti hitaimmilla internetyhteyksillä.
Oma suositukseni on siis se, että kirjoita tiiviisti mutta jos merkintä on iso, niin yritä jakaa se osiin tai kirjoita merkintä jo valmiiksi useimmissa osissa. Käytä erilaisia katkelmia hyödyksesi ja varmista, että blogisi jokainen sivu on tiedostokooltaan mahdollisimman pieni. Sivujen latausaikoihin vaikuttaa myös artikkeleissa tai vaikkapa ulkoasuissa olevat kuvat. Tästä olen kertonut ylempänä eli kuvat tulee siis optimoida myös lukijaystävällisiksi. Jos molemmat asiat ovat kunnossa, niin sitten voit jo kehua itseäsi.
Muistilista
- Aiotko kirjoittaa pitkän merkinnän?
- Tiivistä asiat tai kirjoita merkintä pienimmissä osissa
- Näytä kohtuullinen määrä artikkeleita esimerkiksi etusivulla
- Noin 5 – 10 artikkelia riittää
- Käytä lisäosia, jotka luovat katkelmia WordPress-blogiin
- Tällöin vähennät sekä tuplasisältöä että sivun tiedostokokoa
- Käytä kuvia kohtuudella
- Valikoi merkintään sijoitettavat kuvat ja optimoi ne (lue ylempänä olevat ohjeet)
3. Älä lataa turhia lisäosia
Mieti tarkasti ladattavat lisäosat. Kaikkia mahdollisia eteen tulevia lisäosia ei kannata WordPress-blogiin asentaa. Mieti mitkä lisäosat ovat oikeasti hyödylliset ja asenna ne. Kaikista tarpeettomista lisäosista on vain haittaa. Käytännössä lähes jokainen lisäosa luo tietokantaan uuden taulun ja tämä kasvattaa tietokannan tiedostokokoa. Tämän lisäksi myös latausajat kohentuvat, sillä tietoa joudutaan hakemaan useasta paikasta. Mieti siis millaisia lisäosia todellakin tarvitset.
Vaikka WordPress-blogiin on olemassa tuhansia lisäosia, niin tuskin yksikään blogi omista niitä kaikkia. Muutenkin sinulla ei tarvitse olla satoja lisäosia, jotta blogisi olisi hyvä. Muutamalla hyvällä lisäosavalinnalla voit parantaa blogiasi mutta muista se, että liikaa on aina liikaa. Lisäksi monista lisäosista ei oikeastaan ole mitään hyötyä, ne joko tekevät turhaa työtä tai sitten niiden tekemästä asiasta ei vain hyödy. Tällainen lisäosa on esimerkiksi sivupalkin pikkugalleria. Näitäkin on eri versioita mutta mieti vaikka, kuka tarvitsee tällaista tietoa sivupalkissa? Itse katson valokuvat mieluummin oikeasta kuvagalleriasta.
Muistilista
- Tässäpä lisäosa, asentaisinko?
- Jos olet epävarma, älä asenna
- Tarvitseeko minun ladata jokaisen lisäosan?
- Ei todellakaan. Lataa vain tarpeelliset lisäosat
- Montako lisäosaa minun tulee käyttää?
- Niin monta kuin tarvitset. Huomaa kuitenkin, että jos lisäosia on paljon, latausajat voivat nousta kattoon. Poista tarpeettomat lisäosat ja älä lataa jokaista saatavilla olevaa lisäosaa
- Millainen on turha lisäosa?
- Lisäosa on turha jos siitä ei hyödy kukaan. WordPress-blogiin on saatavilla melko paljon turhia lisäosia. Katso siis mitä olet lataamassa
Muita satunnaisia asioita
- Kaikenlainen turha JavaScript-koodi pois
- JavaScript-koodi on mukava latausajan kasvattaja. Ensimmäisen kerran JavaScript täytyy aina ladata ja se useimmiten kestää melko pitkään. Katso siis, että sinulla on vain tarpeellinen JavaScript lähdekoodissa. Poista sellainen JavaScript, jota et tarvitse tai jota et tule tarvitsemaan
- Älä laita kuvia taustakuvaksi tai vaikkapa navigaation painikkeiden taustakuvaksi
- Nämä asiat pidentävät latausaikoja. Laita navigaation ja sivuston taustaksi jokin väri, sillä sen näytölle piirtäminen onnistuu hetkessä. Valokuvan lataaminen saattaa sen sijaan kestää parhaimmillaan jopa useita kymmeniä sekunteja
- Palvelin vaikuttaa oleellisesti asiaan
- Jos palvelimesi on hidas, et sivustosi optimoinnilla siitä nopeampaa saa. Varmista siis, että palvelimesi on tarpeeksi nopea. Jos huomaat sen käyvän hitaalla, vaihda palveluntarjoajaa mahdollisimman pian
- Lähdekoodi ei ole validia
- Huomaa, että validi koodi latautuu nopeammin. Tarkista siis, että lähdekoodi on validi ja jos se ei sitä ole, korjaa mahdolliset ongelmat
Loppusanat
Tässä siis olivat omasta mielestäni tärkeimmät ohjeet. Mitä olen jättänyt mainitsematta? Jos sinun mielestäsi jotain puuttuu, niin mainitse siitä alla olevalla kommentointivalinnalla. Toivottavasti näistä ohjeista oli sinulle hyötyä. Omasta mielestäni tässä blogissa kaikki edellä mainitut seikat ovat kunnossa. Ovatko nämä seikat kunnossa sinun blogissa? Jos haluat, niin voit ilmoittaa WordPress-blogisi osoitteen, niin voin käydä arvioimassa tilanteen.
Tämän kirjoituksen kirjoittaminen oli opettavaista minullekin. Vaikka kaikki nämä asiat ovat tässä blogissa hyvin, niin on niitä minunkin varsin mukavaa kerrata. Esimerkiksi epähuomiossa yhteen staattiseen sivuun olen laittanut väärässä formaatissa olevia kuvia ja niiden lataaminen oli kestänyt ikuisuuksiin. Huomasin vasta eilen asian ja olen korjannut tilanteen jo samana päivänä. Korvasin siis kuvat toisen formaatin kuvilla ja nyt kyseessä oleva sivukin latautuu nopeasti. Luultavasti epähuomiossa näin pääsi aikoinaan käymään mutta merkittävää haittaa siitä varmasti oli hitaimpien internetyhteyksien käyttäjille.
Hyvä ja ytimekäs yhteenveto.
mutta tähän tietysti on monia syitä, joista yksi on kait tuolin ja näppiksen välissä istuvan viitseliäisyys ja yöunen tarve 
Millaiseksi arvioisit työmäärän n. viikkotunteina jos ryhtyisi pitämään blogia webhotellinsa palvelimella?
Aika moni pitää blogia Bloggerissa, myös minä, koska blogin aloittaminen siellä oli nopeaa ja vaivatonta. Olisi kiva joskus lukea esim. Blogger – WordPress vertailu: Esim. mistä syistä/millaisen blogin pitäjän kannattaisi siirtää bloginsa WordPressiin – tätä vaihtoehtoa olen jokusen kerran miettinyt. Jostakin syystä useimmat WordPress-blogin näyttävät Blogger-blogeja paremmilta
Kiitos paljon arvokkaasta palautteestasi. Tuollaisessa merkinnässä on ideaa, kirjoitanpa tästä seuraavaksi. Jos en tänään ehdi, niin huomenna varmaan viimeistään. Todella hyvä aihe siis, varmasti moni miettii, että mikä on parempi Blogger, WordPress-ilmaispalvelu vai oma WordPress.
Kyllä ne paremmilta näyttävät, koska WordPress ei ole niin rajattu ominaisuuksien suhteen. Jopa WordPress-ilmaispalvelut ovat yleensä hieman parempia kuin Blogger. Uniikki WordPress, kuten esimerkiksi tämä WordPress on aina asia erikseen eli sellaiselle voi tehdä mitä ikinä haluaa. Työmäärä blogiin kehittämiseksi kasvaa huimasti, kun saa oikeasti ikioman blogin.
Tämä blogi aloitti WordPress-ilmaispalvelussa ja muutaman kuukauden kuluttua olen siirtänyt sen omaan asennukseen. Jos ilmaispalvelussa kirjoitusinto ei ollut kovin hyvä, niin omassa uniikissa blogissa kirjoitusinto on kasvanut melkoisesti. Tämän on sallinut muun muassa oma osoite ja lukuisat itseasentamat ominaisuudet.
Tässä on siis oma ilo takana lisäosia asentaessa ja kehitettäessä koko ajan blogia. Ulkoasua olen muokannut mieleisekseni oikeuksien tullessa. Ilmaispalvelussa mitään ei kauheasti saa itse muokata tai asentaa ja se luonnollisesti heikentää blogi-intoa siinä mielessä, että joutuu tyytymään ilmaispalvelun valtaan esimerkiksi ominaisuuksien suhteen.
Ilmaispalvelun blogissa kirjoitin blogiini vähemmän ja laiskemmin. Puhumattakaan blogini kehittämishalusta, jota ei kauheasti ollut, kun ei sellaista blogin kehitysmahdollisuutta ollut. Omassa asennuksessa keskityn blogiini mielenkiinnolla. Artikkeleita kirjoitettaessa ja kommentteihin vastaillessa menee helposti useampi tunti viikossa.
Ilmaispalvelun aikaan en ole edes vaivautunut vastaamaan kaikkiin kommentteihin, sillä ei tuolloin halua ollut. Nyt kun on oma asennus, niin olen todenteolla alkanut rakentamaan yhteisöä jo hieman alle vuoden ajan. Jokainen kommentti saa nykyään vastauksen, artikkeleihin panostan enemmän kuin koskaan ja käytettävyyskin on parantunut. Oma kantani on siis se, että oma asennus mahdollistaa enemmän työtä blogin eteen ja se kohentaa blogimotivaatiota erittäin paljon.
Itselläni tähän blogiin menee helposti jopa 5 tuntia viikossa kommentteihin vastaillessa ja artikkeleita kirjoitettaessa. Tarkkaa aikaa en ole mitannut mutta arvio antakoon suuntaa. Uskon, että tämä aika tulee jatkossa kasvamaan, koska aion todellakin jatkaa tätä suuntaa entistä parempana. Jatkossa kommenttien määrä tulee nousemaan entisestään aivan varmasti ja se tuo lisää aikaa kommenttien vastaamiseen. Myös artikkeleihin tulen jatkossa kiinnittämään erityisen hyvää huomiota kirjoittaen mahdollisimman satunnaisista aiheista eli siis sillä tavalla, että artikkeleissa olisi vaihtelevuutta eli että ei ihan aina olisi uusi artikkeli samassa kategoriassa.
Joskus nimittäin tuntuu, että tietotekniikka-aiheeseen tulee muutama artikkeli peräkanaa ja toiset kategoriat loistavat tyhjyyttään. Tähän tulen panostamaan jatkossa enemmän kirjoittamalla siis neljään kategoriaan mahdollisimman tasaisesti, niin että peräkkäisiä merkintöjä samaan kategoriaan olisi mahdollisimman vähän. Kyllä tähän bloggaamiseen aikaa menee ja tulevaisuudessa varmaan enemmänkin. Bloggaaminen on tällä hetkellä minulle kuin työ. Koen, että bloggaaminen on juuri minua varten. Mainoksia laitoin tänne sen takia, että niistä tulisi jotain palkkaa siitä, että käytän tähän aikaa ja vaivaa. Tuskin kukaan normaalia työtäkään palkatta tekisi.
Kiitti, tästäkin sain paljon ajateltavaa. Bloggaamisessa on varmasti monenlaisia vaihtoehtoja, joista eri tyyppiset toimijat löytävät kokeilemalla itselleen sopivimman – niin no, suomalainen kulttuurihan ei perintesesti oikein salli kokeiluja vaan pitäisi onnistua kerrasta ja olla heti täydellinen
mutta ehkä asenteet ovat tässäkin vähän paranemassa. Blogi taipuu kyllä moneksi, olen viime aikoina pohtinut mahdollisuutta siirtää erään yhdistyksen tiedotus blogin välityksellä tapahtuvaksi. Saa sitten nähdä miten remakasti minut nauretaan hallituksen kokouksesta pihalle näine ajatuksineni…siinä voi kyllä tulla oikeasti tulla esteeksi se, että jäsenistö koostuu hyvin erilaisista ihmisistä ja jonkinlainen asennekynnys on varmasti vastassa.
Nimenomaan. Itse asiassa Suomessa blogeja ei muutenkaan ymmärretä kovin hyvin. Joskus kauppakoulussa viestinnän tunnilla puhuttiin blogeista ja esille nousi kauhea väittely siitä, että blogi olisi vain internetsivusto ja että se olisi täysin sama asia onko kyseessä blogi tai internetsivu.
Minä pistin mielipiteitäni vastaan mutta ei se ole mennyt perille. Oikeastihan blogi on blogi ja internetsivu on internetsivu. Molemmilla voi tehdä samaa asiaa mutta kyllä niissä eroja on. Blogeissa on erityisiä piirteitä, esimerkiksi yhteisön rakentaminen, paluuviitteet, kommentointivalinnat vakiona ja moni muu seikka, jolla luodaan yhteisö.
Vaikka väitin vastaan, ei sitä kukaan todeksi ole ottanut. Tämä selittää sen, että Suomessa blogeja ei vielä ymmärretä vaikka kysymys on itse asiassa vain ja ainoastaan perusasiasta. Blogi taipuu kyllä moneksi, aivan kuten itsekin kauniisti olet sen sanonut eli tarvittaessa blogista voi räätälöidä vaikka ei-blogimaisen sivun. Itse olen kuitenkin sitä mieltä, että blogit ovat eri asia internetsivujen ohessa.
Blogia perustettaessa voi asiat olla vähän hukassa. Kiireinen alku on monen bloggaajan ongelma, minullakin oli sellainen, tunnustan. Kysymyksessä oli aiempi internetsivusto sisällöllä, jota en enää sisällöksi kutsuisi. Se oli liian alkeellista. Siirsin ne kuitenkin blogiin kopioi ja liitä -menetelmällä, jonka jälkeen blogini sekoittui täysin.
Koska en tiennyt koska merkinnät oli julkaistu, asetin ajaksi jotain ihan muuta ja alussa olikin päivän aikana jopa 20 artikkelia. Lisäksi johtuen aiemman kotisivun koodauksesta, merkinnät olivat aika huonolla koodilla toteutettuja ja tästä tuli ongelmaa jo heti alkuun sisällön näkymisessä oikein. Pitkän reitin jälkeen olen ensin muokannut siirrettyjen viestien koodia ja sitten muutaman kuukauden kuluttua siirsin nämä viestit uuteen foorumiini.
Kiireinen alku on monen ongelma bloggaamisessa. Oma vinkki on uusille bloggaajille se, että aloittakaa rauhassa. Miettikää ennen sitä tarkasti aihe ja päämäärä. Näin varmistatte hyvän alun kriteerit. Minun blogi oli alkutaipaleella aika heikko, kyllä olen sitä mieltä oikeasti, koska edellä mainittujen ansiosta artikkelin kirjoittamisen sijaan olen viihtynyt lähdekoodin parissa.
Minun tilanteessa olisi parempi jättää aiempi sivu rauhaan ja aloittaa blogi puhtaalta pöydältä. Näin en ole tehnyt, koska halusin jotain sisältöä ja sen ansiosta siirtelin aiempi sisältö sivuilta blogiin. Jos aloittaisin blogin nyt, tekisin kaiken juuri näin eli aiempi sivusto rauhaan ja blogi puhtaalta pöydältä jos minulla olisi olemassa se vanha sisältö ja olisin halunnut uuden blogin.
Kiireisestä alusta voisin kirjoittaa oman merkinnän lähipäivien aikana, koska luulen kovasti, että aihe saattaisi kiinnostaa monia. Opittua tästä väärästä tempusta tuli ainakin se, että minun kaltaisessa tilanteessa on parempi jättää esimerkiksi jonkun ilmaispalvelussa olevan sivustonsa rauhaan ja aloittaa blogi puhtaalta pöydältä.
Jos käyttää satunnaisia javascriptiä hyödyntäviä palveluita, kuten analystiikka ja mainostus scriptit suosittelen testaamaan, miten ne toimivat hitaammilla koneilla. Myös nopeammilla koneilla sivut voivat tuntua joskus raskailta, kun sivulla oleva js scripti on hieman huonosti toteutettu.
Hieman aiheen viereen, mutta otsikoiden täsmällisyys kappaleen sisältöön on todella tärkeää. Usein kävijä ei vaivaudu edes avaamaan koko blogausta, kun otsikko ei vakuuta. Ainakin uusien lukijoiden keräämisen kannalta tämä on todella tärkeä asia.
Olet oikeassa. Blogit on hyvä testata myös hitaimmilla tietokoneilla. Jos skriptejä on myös paljon, se voi vaikuttaa oleellisesti latausaikoihin. Toki jo niiden sijoittelu voi asiaan jollakin tavalla vaikuttaa. Otsikointi on hyvä olla kunnossa, tylsä otsikko ei tule huomiota keräämään.
Aivan totta. Oikein hyvää yhteenvetoa. Aivan kuten muidenkin palveluiden ja tuotteiden kohdalla, myös blogi kannattaa rakentaa käytettävyyden ja lukukokemuksen suhteen laadukkaaksi. Tätä ei kannata ajatella “yhtenä urakkana”, vaan blogin käytettävyyttä ja sitä miten se palvelee lukijaa, kannattaa tarkastella ja kehittää viikottain.
Kiitokset palautteestasi. Olet aivan oikeassa. Blogia kannattaa kehitellä jatkuvasti. Se on myös hyvä olla laadukas muun muassa käytettävyyden suhteen. Oikein hyvä kommentti, kiitokset tästä.
Ladatkaa myös WP Super Cache, sillä se nopeuttaa WordPressiä huomattavasti.