{"id":1164,"date":"2011-12-09T18:30:12","date_gmt":"2011-12-09T15:30:12","guid":{"rendered":"http:\/\/www.valonkuvaaja.com\/blogi\/?p=1164"},"modified":"2011-12-09T12:57:05","modified_gmt":"2011-12-09T10:57:05","slug":"itsenaisyyspaiva-mtj-art-com-sivuston-optimointia","status":"publish","type":"post","link":"http:\/\/www.valonkuvaaja.com\/blogi\/itsenaisyyspaiva-mtj-art-com-sivuston-optimointia","title":{"rendered":"Itsen\u00e4isyysp\u00e4iv\u00e4, Mtj-Art.com sivuston optimointia"},"content":{"rendered":"

\"Muumien<\/a>Viime viikonloppuna lauantaina tuli bongattua tipuja parvekkeelta, siis pikkulintusia. Havaintoja ja kuvatalletuksia tein talitinteist\u00e4 ja sinitiaisista.<\/p>\n

Aurinko paistoi ja olo suhteet olivat kuvauksen kannalta hyvin optimaaliset, mutta silti en onnistut saamaan kuin muutaman ok tasoisen kuvan noista pikkulinnuista.<\/p>\n

Selityksi\u00e4 pit\u00e4\u00e4 aina olla ja niin on nyt minullakin. Tuo kuvauskalustoni ei ole oikein sopiva lintujen kuvaamiseen. Pit\u00e4isi olla todella valomoimainen ja v\u00e4hint\u00e4\u00e4n 300mm objektiivi, jossa sitten viel\u00e4 1.4-2.0 kertoiminen telejatke niin sitten saattaisi olla paremmat mahdollisuudet hyviin lintukuviin. Mutta eip\u00e4 nyt valokuvaamisesta enemp\u00e4\u00e4 vaan menn\u00e4\u00e4n viikon tapahtumiin.<\/p>\n

Itsen\u00e4isyysp\u00e4iv\u00e4<\/h1>\n

\"Itsen\u00e4ysyysp\u00e4iv\u00e4<\/p>\n

Itsen\u00e4isyysp\u00e4iv\u00e4n\u00e4 satoi t\u00e4m\u00e4n talven ensilumi. Lunta tuli sen verran paljon, ett\u00e4 lumipallojenkin tekeminen onnistui ongelmitta.<\/p>\n

\"Itsen\u00e4ysyysp\u00e4iv\u00e4<\/p>\n

Mtj-Art.com sivuston ty\u00f6st\u00e4minen jatkui<\/h2>\n

Lauantaina jatkoin Modx Revolutionilla toteuttamaani Mtj-Art.com<\/a> sivustoa. Tein nyt ty\u00f6listalla olleen tiedotteet<\/a> sivun valmiiksi tai no toimivaksi ainakin. Valmis se ei ole viel\u00e4 sen takia, ettei systeemit toimi t\u00e4ysin niin kuin tahtoisin.<\/p>\n

En kyll\u00e4 tied\u00e4 onko siit\u00e4 kovin helposti edes mahdollista saada sellaista kuin ole visioinut, varmasti se on mahdollista, kun kaikki on vain koodia, mutta miten omat ev\u00e4\u00e4t siihen nyt riitt\u00e4v\u00e4t?<\/p>\n

Kyll\u00e4 homma toimii riitt\u00e4v\u00e4n hyvin nytkin, mutta toistaiseksi on sellainen ongelma, ett\u00e4 jos artikkelissakin on oma kuvansa n\u00e4kyy se tiedotteet listauksessa, erillisen listaus kuvan lis\u00e4ksi. Ongelmaahan ei sin\u00e4ns\u00e4 ole, kun asia toimii niinkin, ett\u00e4 laittaa julkaisuun vain artikkeliin kuvan mukaan ja se sitten n\u00e4kyy listaussivulla.. mutta kun haluan homman toimimaan my\u00f6s aikaisemmin kuvaamassa tilanteessa.<\/p>\n

Kyseinen toiminto ei ole v\u00e4ltt\u00e4m\u00e4t\u00f6n omalla sivustollani, mutta er\u00e4\u00e4seen toiseen projektiini kaipaisin tuota. Pit\u00e4isi toteuttaa pienimuotoinen tuotteiden listaaminen. Tuotelistassa on tuotteet pienine kuvineen ja sitten yksitt\u00e4ist\u00e4 tuotetta klikattaessa tulee eenmm\u00e4n tietoa tuotteesta ja isompi tuotekuva.<\/p>\n

Viikolla otin sivuprojektiksi my\u00f6s sivuston nopeuden optimoinnin.<\/strong> Optimointiin k\u00e4ytin avukseni kahta palvelua: Google Page Speed Online<\/a> ja\u00a0 WebPageTest<\/a>. Seuraavaksi tiivistelm\u00e4 optimoinnin tuloksista. Tulokset ovat Mtj-Art.comin etusivusta.<\/p>\n

\"Waiting\"<\/p>\n

Google Page Speed Online<\/strong><\/p>\n

5.12.2011 > 84\/100<\/p>\n

6.12.2011 > 92\/100<\/p>\n

7.12.2011 > 93|94 \/100<\/p>\n

8.12.2011 > 93|94 \/100<\/p>\n

9.12.2011 > 88\/100<\/p>\n

\"Testing\"<\/p>\n

WebPageTest<\/strong><\/p>\n

5.12.2011 > 84\/100<\/p>\n

6.12.2011 > 89\/100<\/p>\n

7.12.2011 > 89\/100<\/p>\n

8.12.2011 > 85\/100<\/p>\n

9.12.2011 > 89|93 \/100<\/p>\n

\"Testing\"<\/p>\n

Maanantaina projekti alkoi ja silloin sain testiajan huonoimmat lukemat 84\/100 molemmista sovelluksista. Maanantaina ja tiistaina<\/strong> sain optimoitua sivustolla olevat kuvat sek\u00e4 tehty\u00e4 parannuksia sivuston CSS-tiedostoon. Lis\u00e4ksi tein parannuksia sivuston v\u00e4limuistiasetuksiin ja sainkin n\u00e4in Googlesta jo yli 90 pistett\u00e4.<\/p>\n

Keskiviikkona<\/strong> painiskelin asian parissa useita tunteja, mutta en saanut paljoakaan en\u00e4\u00e4 sivuston nopeutusta parannettua. Muutin viel\u00e4 muutaman .png -kuvan .gif -kuviksi ja n\u00e4in sain kyseisi\u00e4 tiedostoja pienennetty\u00e4 huomattavasti.<\/p>\n

Tein viel\u00e4 muutamia HTTP header muutoksia, mutta oikeastaan muuta en en\u00e4\u00e4 pystynyt tekem\u00e4\u00e4n. Google Page Speed tulokseksi sain keskiviikkona v\u00e4lill\u00e4 94\/100, mutta useammin tuli 93\/100. Monet parannukset joita pit\u00e4isi viel\u00e4 tehd\u00e4 liittyv\u00e4t AddThis<\/strong><\/a> palikkaan ja sen asetuksiin. Niit\u00e4 pit\u00e4isi p\u00e4\u00e4st\u00e4 muokkaamaan, mutta se ei ole toistaiseksi mahdollista.<\/p>\n

Etsin tuosta asiasta tietoa monilta keskustelupalstoilta ja siell\u00e4 oli erilaisia vinkkej\u00e4 asian ratkaisuun. Sek\u00e4 my\u00f6s mielipiteit\u00e4 ettei sivuista tarvitse saada yli 90\/100 pisteit\u00e4. Noinkin nopeat sivut ovat jo todella nopeat. Niin ja l\u00f6ytyi sielt\u00e4 linkki AddThis sivustolle ja kohtaan Code Caching, jonka kautta voi pyyt\u00e4\u00e4 koodin ja sitten hallita sen v\u00e4limuisti optimointia. L\u00e4hetin pyynn\u00f6n ja saapa n\u00e4hd\u00e4 miten viestin saatuani pystyn tuota, hyv\u00e4\u00e4 ja hienosti toimivaa, palikkaa s\u00e4\u00e4t\u00e4m\u00e4\u00e4n?<\/p>\n

Torstai<\/strong> aamusta jatkoi aiheen parissa viel\u00e4 muutaman tunnin ajan. Tein viel\u00e4 joitakin muutoksia v\u00e4limuistin optimointiin sek\u00e4 muutin lis\u00e4\u00e4 kuvia .jpg\/.png > .gif -tiedostomuotoon. Testituloksiin n\u00e4ill\u00e4 muutoksilla ei ollut parantavaa vaikutusta. Googlen Page Speed antoi nyt useimmin tulokseksi 94\/100 ja vastaavasti WebPageTestin tulos heikkeni, tosin heikennyst\u00e4 tuli Cookiesiehin ja CDN tietoihin, joita tuo Google ei taida pisteytt\u00e4\u00e4 lainkaan, ei ainakaan leiv\u00e4nmuruja.<\/p>\n

Ennakkoon asettamani tavoite 95\/100 pistett\u00e4 ei n\u00e4in ollen t\u00e4ll\u00e4 kertaa onnistunut. Kauaksi tavoitteeni ei j\u00e4\u00e4nyt, vaan harmittavan l\u00e4hell\u00e4. Tarkkailen asiaan viel\u00e4 aktiivisesti l\u00e4hiaikoina ja oletan \/ toivon, ett\u00e4 tuosta Googlen Page Speedist\u00e4 saattaisi viel\u00e4 tulla 95\/100. Nimitt\u00e4in noissa Googlen tuloksissa n\u00e4kyy viel\u00e4 muutamia kuvia jotka ovat jo muutettu .gif -muotoon ja siten pienentyneet oleellisesti viel\u00e4 noissa tuloksiin vaikuttaneista kuvista. Toivottavasti nuo riitt\u00e4v\u00e4t nostamaan pisteet tavoitteeseeni, mutta jos ei niin ei sitten.<\/p>\n

Perjantai<\/strong> aamuna tein viel\u00e4 testit uudestaan ja nyt taas oli WebPageTestin tulos parantunut (93\/100 paras tulos) ja vastaavasti Google Page Speed huomattavasti huonontunut (87\/100 huonoin). Mit\u00e4 muutoksia en ollut tehnyt eilisen j\u00e4lkeen. Googlen huonontunut tulos johtui siit\u00e4, ettei se nyt jostain syyst\u00e4 l\u00f6yd\u00e4 kaikkia niit\u00e4 tehtyj\u00e4 asioita sivuston palvelimelta jotka se eilen l\u00f6ysi.<\/p>\n

Joten n\u00e4in vinkkin\u00e4 muillekin sivustojen optimoijille, ett\u00e4 noihin testituloksiin kannattaa suhtautua varauksella, koska ne tuntuvat noinkin paljon heittelev\u00e4n. Ainakin tuohon Google Page Speed testiin.. ainakin n\u00e4iss\u00e4 omissa testeiss\u00e4ni. Kenties my\u00f6s palvelimella on jotain vaikutusta asiaan, jos siell\u00e4 sattuu olemaan jotain ongelmaa samaan aikaan niin, ehk\u00e4 sekin n\u00e4kyy noissa tuloksissa?<\/p>\n

Yht\u00e4kaikki ihan mielenkiintoin projekti jossa saldoksi j\u00e4i noin 10 pistett\u00e4 optimoidummat sivut niin ja sivujen latausaika nopeentui my\u00f6s puolitoista sekuntia. Nyt ensilataus kest\u00e4\u00e4 2,374 sekuntia ja uudelleen lataus 1,092 sekuntia. Nuo tulokset ovat viiden eri WebPageTest sovelluksella tehdyn testin keskiarvotulokset.<\/p>\n

Hyv\u00e4\u00e4 viikonloppua kaikille!<\/span><\/strong><\/p>\n

\"mtj-art.<\/a>Markus Kauppinen – Valonkuvaaja<\/p>\n

 <\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

Viime viikonloppuna lauantaina tuli bongattua tipuja parvekkeelta, siis pikkulintusia. Havaintoja ja kuvatalletuksia tein talitinteist\u00e4 ja sinitiaisista. Aurinko paistoi ja olo suhteet olivat kuvauksen kannalta hyvin optimaaliset, mutta silti en onnistut saamaan kuin muutaman ok tasoisen kuvan noista pikkulinnuista. Selityksi\u00e4 pit\u00e4\u00e4 … Lue loppuun →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,5,8],"tags":[166,423,424,35,351,361,422,159],"class_list":["post-1164","post","type-post","status-publish","format-standard","hentry","category-blogit","category-testaus","category-viimeisimmat","tag-addthis","tag-google-page-speed","tag-itsenaisyyspaiva","tag-markus-kauppinen","tag-modx-revolution","tag-mtj-art-com","tag-optimointi","tag-webpagetest"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.valonkuvaaja.com\/blogi\/wp-json\/wp\/v2\/posts\/1164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.valonkuvaaja.com\/blogi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.valonkuvaaja.com\/blogi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.valonkuvaaja.com\/blogi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.valonkuvaaja.com\/blogi\/wp-json\/wp\/v2\/comments?post=1164"}],"version-history":[{"count":27,"href":"http:\/\/www.valonkuvaaja.com\/blogi\/wp-json\/wp\/v2\/posts\/1164\/revisions"}],"predecessor-version":[{"id":2247,"href":"http:\/\/www.valonkuvaaja.com\/blogi\/wp-json\/wp\/v2\/posts\/1164\/revisions\/2247"}],"wp:attachment":[{"href":"http:\/\/www.valonkuvaaja.com\/blogi\/wp-json\/wp\/v2\/media?parent=1164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.valonkuvaaja.com\/blogi\/wp-json\/wp\/v2\/categories?post=1164"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.valonkuvaaja.com\/blogi\/wp-json\/wp\/v2\/tags?post=1164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}