Saņēmu e-pastu no GARM Technologies ar šādu piedāvājumu:

Dizaineriem un IT speciālistiem

Kā saņemt papildus ienākumus, strādājot ar saviem klientiem?

 

Kļūstiet par mūsu partneri un rekomendējiet mūsu hostingu saviem klientiem.

 

Jūsu ieguvumi:

• bezmaksas hostings Jūsu mājas lapai
• prēmija par katru klientu līdz 21 Ls

Uzzini cik daudz nopelnīja mūsu partneri un reģistrējies programmā http://www.garm.lv/partner

Savukārt par interneta veikala Dateks partnerprogrammu variet palasīt pie krizdaba.

Pats šoreiz sīkāk neko nekomentēšu, jo nenodarbojos ar affiliate mārketingu.

Viena no CSS īpašībām ir spēja atšķirt HTML elementus balstoties uz viena no elementa atribūtiem. Apskatiet šo HTML kodu:

<h2 id="first-title" class="magical" rel="friend">David Walsh</h2>

Šim elementam ir trīs atribūti - id, class un rel. Lai izvēlētos šo elementu iekš CSS, jūs varat izmantot ID atdalītāju (#first-title) vai klases atdalītāju (.magical). Bet vai jūs zinājāt, ka varat izvēlēties šo elementu arī pēc rel atribūta un tā vērtības? To sauc par CSS atribūtu atdalītāju:

h2[rel=friend] {
    /* woohoo! */
 }

Tas vēl nav viss saistībā ar atribūtu atdalītājiem, tāpēc apskatīsimies tuvāk dažādas iespējas, un mēģināsim aptvert dažus "reālās pasaules" scenārijus, kuri varētu noderēt.

Atribūtam ir konkrēta vērtība

Piemērā augstāk h2 elementa atribūta vērtība bija "friend". CSS atdalītājs norādīja uz šo h2 elementu, jo šī elementa atribūta rel vērtība bija tieši "friend". Citiem vārdiem sakot, vienādības zīme nozīmē tieši to, ko jūs domājat, ka tā nozīmē... tiešu sakritību. Apskatīsimies citu vienkāršu piemēru:

<h1 rel="external">Atribūts ir vienāds</h1>

h1[rel=external] { color: red }

Lielisks šāds reālās pasaules piemērs ir blogu ruļļa (blogroll)stilu izveidošana. Pieņemsim, ka jums ir šāds draugu saišu saraksts:

<a href="http://perishablepress.com">Jeff Starr</a>
<a href="http://davidwalsh.name">David Walsh</a>
<a href="http://accidentalninja.net/">Richard Felix</a>

Un jūs velaties katrai saitei izvēlēties citu stilu. Tradicionāli jūs visdrīzāk piešķirtu katrai saitei savu klases nosaukumu, uz kuru norādīt, taču tas pieprasa papildus kodu, no kā vienmēr ir labāk izvairīties (semantika u.t.t.). Cits variants varētu būt :nth-child izmantošana, taču tas nozīmē, ka saišu kārtība nedrīkst mainīties. Šis ir perfekts piemērs atribūtu atdalītāju izmantošanai... saitēm jau ir unikāls atribūts, uz kuru var norādīt!

a[href=http://perishablepress.com] { color: red }

Es ticu, ka visbiežāk atribūtu atdalītājus var izmantot uz input elementiem. Tie ir ar tipiem - text, button, checkbox, file, hidden, image, password, radio, reset un submit (es kādu izlaidu?). Tie visi ir <input> elementi, taču tie ir ļoti atšķirīgi. Tāpēc darīt līdzīgi, kā, piemēram, input { padding: 10px } parasti nav laba doma. Daudz labāk ir darīt šādi:

input[type=text] { padding: 3px }
input[type=radio] { float: left }

Šis tiešām ir vienīgais veids atšķirt dažādus input elementu tipus nesačakarējot pārējos un iztiekot bez lieka papildus HTML koda.

Atribūta vērtība kaut kur satur noteiktu vērtību

Te sāk palikt interesantāk. Vienādības zīmei atribūtu atdalītājos priekšā var pievienot citas zīmes, kas var mainīt mazliet jēgu. Piemēram, "*=" nozīmē, ka "norādītā vērtība atrodas jebkur elementa atribūta vērtībā". Apskatieties šo piemēru:

<h1 rel="xxxexternalxxx">Atribūts satur</h1>

h1[rel*=external] { color: red }

Neaizmirstiet, ka elementa klases un ID arī ir atribūti, kas var tikt izmantoti kopā ar atribūtu atdalītājiem. Pieņemsim, jūs veidojat CSS stilu mājaslapai, kurai jūs nevarat mainīt HTML kodu, un neveiklajam kodētājam ir trīs div elementi, uz kuriem nepieciešams norādīt:

<div id="post_1"></div>
<div id="post_two"</div>
<div id="third_post"></div>

Jūs varat tos visus izvēlēties šādi:

div[id*=post]  { color: red }

Atribūta vērtība sākas ar noteiktu vērtību

<h1 rel="external-link yep">Atribūts sākas</h1>

h1[rel^=external] { color: red }

Reālas izmantošanas piemērs varētu būt, ja jūs vēlaties lai visas saites, kas ved uz jūsu drauga mājaslapu, būtu atšķirīgas no visām citām saitēm, neatkarīgi no tā, uz kuru lapu drauga mājaslapā tiek saitēts:

a[href^=http://perishablepress.com] { color: red }

Šādi tiks norādīts ne tikai uz sākumlapu, bet arī uz visām mājaslapas apakšsadaļām.

Atribūta vērtība beidzas ar noteiktu vērtību

Mēs varam izvēlēties pēc tā, ar ko sākas atribūta vērtība, kāpēc arī ne ar to, ar ko tā beidzas?

<h1 rel="friend external">Atribūts beidzas</h1>

h1[rel$=external] { color: red }

Ja godīgi, tad šim ir grūti piemeklēt kādu praktisku piemēru, taču ir patīkami apzināties, ka tāda iespēja pastāv. Varbūt var mēģināt izveidot atsevišķu stilu saitēm, kuras beidzas ar simboliem, kuri neko nemaina:

a[href$=#], a[href$=?] { color: red }

Atribūts satur noteiktu vērtību, kas no citām ir atdalīta ar atstarpēm

Jūs taču jau zināt, ka elementam var būt vairākas klases, vai ne? Ja jūs to izmantojat, tad varat izvēlēties jebkuru klasi savā CSS ar .klases-nosaukums. Ar atribūtu sadalītājiem ir sarežģītāk. Ja jūsu rel atribūtam ir vairākas vērtības (t.i. vērtību saraksts atdalīts ar atstarpēm), jums jāizmanto "~=".

<h1 rel="friend external sandwich">Atribūti atdalīti ar atstarpi</h1>

h1[rel~=external] { color: red }

Jūs varbūt jautājat, kāpēc izmantot "~=", ja "*=" ir daudz plašāks? Jā, "*=" ir plašāks, taču tas var būt pārāk plašs. "~=" pieprasa atstarpes ap elementu, kamēr "*=" - nē. Piemēram, ja ir divi elementi, viens ar rel="home friend-link" un otrs ar rel="home friend link", tad, lai korekti izvēlētos tieši otro pēc "friend" vērtības, ir jāizmanto "~=".

Atribūts satur noteiktu vērtību, kas no citām ir atdalīta ar "|"

Šis atdalītājs strādā līdzīgi, kā iepriekšējais atdalītājs, vienīgi atribūta vērtības tiek atdalītas ar "|", atstarpes vietā.

<h1 rel="friend-external-sandwich">Atribūti atdalīti ar |</h1>

h1[rel|=external] { color: red }

Vairāku atribūtu vērtību sakritība

Svarīgi atzīmēt, ka varat izmantot vairākus atribūtu atdalītājus vienā atdalītājā, kas pieprasa, ka tie visi sakristu, lai sakristu pats atdalītājs.

<h1 rel="handsome" title="Important note">Vairāki atribūti</h1>

h1[rel=handsome][title^=Important] { color: red }

Pārlūku atbalsts

Visi šeit aprakstītie piemēri darbojas visos populārākajos mūsdienu pārlūkos: Safari, Chrome, FireFox, Opera un IE. Internet Explorer perfekti atbalsta atribūtu atdalītājus sākot ar 7. versiju, kamēr 6. versija neatbalsta vispār. Lai pārbaudītu sava pārlūka atbalstu, izmantojiet šo testa lapu. Ja rinda/atdalītājs ir sarkanā krāsā, tātad atdalītājs tiek atbalstīts.

(Raksta oriģināls angļu valodā pieejams te: The Skinny on CSS Attribute Selectors by Chris Coyier.)

Viss, kas jādara - jāatver nepieciešamā mājaslapa un pārlūka adreses lauciņā jāievada sekojošs javascript kods:

javascript:document.body.contentEditable='true';document.designMode='on';void0

Pēc tam tur pat pārlūkā var dzēst vai mainīt mājaslapas saturu.

Diezgan ērti, ja nepieciešams ātri paskatīties, kā mājaslapa izskatīsies ar labotu saturu, vai vienkārši vēlaties palielīties draugu priekšā.

Protams, ka izmantot document.write ir slikts stils (labāk izmantot DOM rīkus), taču ir gadījumi, kad tur neko nevar mainīt, piemēram ievietojot mājaslapā reklāmas baneru sistēmas inectar.lv kodu.

Pats kods, kas jāievieto mājaslapā izskatās šādi:

<script type="text/javascript" src="http://inectar.lv/kk.php?bb=84&amp;kas=20"></script>

Savukārt faila http://inectar.lv/kk.php?bb=84&kas=20 saturs mainās, taču vienmēr satur document.write. Piemērs:

document.write("<center><table cellspacing=0 cellpadding=0><tr><td valign=top>
 <div style=\"position: relative; top:0; left: 0; width: 150px; height: 300px; \" 
 title=''><br><br><center><b>
 <a href=\"http://inectar.lv/tik.php?id=360&amp;kid=245&amp;kas=20\" target=\"tik\" 
 style=\"color: red; font-size: 14px;text-decoration: none;\">Skaņu virtuve</a></b>
 <div style=\"position: absolute; top:0; left: 0; border: 0px; \">
 <a href=\"http://inectar.lv/tik.php?id=360&amp;kid=245&amp;kas=20\" target=\"tik\">
 <img src=\"http://inectar.lv/red/_201002/245-175851-HC-skanu-vir.gif\" 
 border=0 width=\"150px\" height=\"300px\" alt=\"Skaņu virtuve\" 
 title=\"Skaņu virtuve\"></a></div></div></td></tr></table></center>");

Reāli šāds kods stipri sabremzē lapas attēlošanu pārlūkā, jo pārlūks neko neattēlo pēc šī koda, kamēr netiek izpildīta document.write komanda, kura ielādē attēlu no inectar.lv. Un parasti šī attēla ielāde ir salīdzinoši ilga. Tāpēc, optimizējot konkrētās mājaslapas ielādes ātrumu, tika meklēts risinājums, lai javascript skripta izpildi atliktu (defer) uz vēlāku laiku, kad pati lapa jau ir pilnībā ielādējusies (un izpildās window.onload notikums). Diemžēl, ja tiek izpildīta document.write komanda pēc window.onload notikuma, tad tā nodzēš visu lapas saturu (iznīcina visu DOM koku).

Viens no risinājumiem būtu faila http://inectar.lv/kk.php?bb=84&kas=20 ielāde uz servera un automātiska faila satura "pātulkošana" izmantojot DOM rīkus. Taču tas būtu pārāk sarežģīti, ņemot vērā, ka faila saturs var mainīties jebkurā mirklī.

Interneta plašumos tika atrasts cits risinājums, kas pārveido pašu document.write funkciju, pirms tā tiek izpildīta. Tagad lapā ievietotais kods izskatās šādi:

<script type="text/javascript">
(function(){
 var _write=document.write;
 document.write=function(t){
  t='<!--##DEFER'+t+'DEFER##-->';
  return'\v'=='v'?_write(t):_write.call(document,t)
  }
 }
)();
</script>
<script type="text/javascript" src="http://inectar.lv/kk.php?bb=84&amp;kas=20"></script>

Ar šāda skripta palīdzību lapā tiek ierakstīts failā http://inectar.lv/kk.php?bb=84&kas=20 norādītais HTML kods, taču tas netiek attēlots pārlūkā (un netiek ielādēts banera attēls), jo ir atzīmēts kā komentārs. Pēc ielādes tas izskatās šādi:

<!--##DEFER<center><table cellspacing=0 cellpadding=0><tr><td valign=top>
 ...izlaidu šo daļu, lai ir īsāk...
 title=\"Skaņu virtuve\"></a></div></div></td></tr></table></center>DEFER##-->

Pēc tam var ielādēties un attēloties HTML kods, kam būtu jāseko pēc reklāmas banera, taču pašu banera attēlu mēs varam ielādēt un attēlot vēlāk - pēc lapas koda ielādes, padzēšot tagus, kas atzīmē komentāra elementu. To var izdarīt izmantojot notikumu window.onload:

function resolve() {
 document.body.innerHTML = 
  document.body.innerHTML.replace(/<!--##DEFER(.+)DEFER##-->/g, '$1');
}

window.onload = resolve;

Protams, ka koda ātrdarbības palielināšanai, vajadzētu piešķirt inectar.lv dotajam <script> elementam savu id, lai pēc tam varētu veikt aizvietošanu konkrētajā DOM koka vietā, nevis pārlasīt visu document.body elementu ar tā bērniem, lai atrastu nepieciešamo komentāru, kuru aizvietot. innerHTML funkcija varbūt neskaitās pati korektākā (varētu izmantot DOM rīkus), taču tā ir pati efektīvākā ātrdarbības ziņā.

Kopš Google paziņoja, ka mājaslapas ātrums var ietekmēt mājaslapas pozīcijas meklētājsistēmu reitingos, tas kļuvis par diezgan aktuālu jautājumu mājaslapu izstrādātāju vidē, kā arī ir kļuvuši pieejamāki rīki un informācija par mājaslapu ielādes ātruma optimizāciju.

Kad sāku pētīt informāciju par mājaslapu ātdarbības uzlabošanu, atradu diezgan daudz iespējas būtiski paātrināt mājaslapu ielādes ātrumu, bez jau iepriekš zināmajām (gzip kompresija, attēlu, HTML, CSS un javascript failu izmēru samazināšana, PHP un SQL koda ātrdarbības uzlabošana), tāpēc ceru, ka šī informācija palīdzēs arī citiem veidot ātrākas un, līdz ar to, lietotājiem ērtāk lietojamas mājaslapas.

Google Page Speed

Viens no rīkiem, kas varētu palīdzēt uzlabot mājaslapas ielādes ātrumu, ir Google izstrādātais Page Speed, kas ir jāinstalē uz FireFox pārlūka ar FireBug paplašinājumu. Iesaku uzinstalēt uzreiz arī Closure Compiler for Page Speed. Google Page Speed izanalizēs mājaslapu un parādīs ieteikumus ātrdarbības uzlabošanai.

Yahoo! YSlow

Cits, līdzīgs rīks, kuru var izmantot paralēli ir Yahoo! izstrādātais YSlow, kurš tieši tāpat kā Page Speed instalējas uz FireFox pārlūka ar FireBug paplašinājumu.

ShowSlow.com

Page Speed un YSlow ne tikai sniedz ieteikumus lapas ātrdarbības uzlabošanai, bet arī  izmēra lapas ātrdarbības optimizāciju skalā no 0-100 punktiem. Salīdzināt savas mājaslapas ātrdarbības optimizāciju ar citām lapām var lapā www.showslow.com (turpat ir aprakstīts, kā var publicēt savus rezultātus). ShowSlow.com lapā var redzēt arī sīkāku informāciju, par ātrdarbības problēmām lapās, kuru Page Speed un YSlow rezultāti ir publicēti.

WebPageTest.org

Cits rīks, kuru var izmantot neko neinstalējot, taču, iespējams, ka informācija tajā nav tik viegli impretējama kā iepriekšminētajos, ir www.webpagetest.org, kuru iesaka izmantot arī Google pārstāvji. Domāju, ka, ja ir radusies izpratne par Page Speed un YSlow ieteikumiem, tad arī šī rīka ieteikumi mājaslapas optimizācijai īpašas problēmas neradīs. Webpagetest.org ir ne tikai pieejama līdzīga informācija kā abos iepriekšminētajos rīkos, bet arī ir iespējams uzskatāmi vizuāli salīdzināt divu lapu ielādes ātrumu (piemēram, apollo.lv un delfi.lv vai google.com un bing.com...).

FireFox paplašinājums FireBug

Tāpat, es ieteiktu izlasīt šo rakstu, kurā ar uzskatāmiem piemēriem ir aprakstīts, kas var aizkavēt lapas ātru ielādi un kā analizēt mājaslapas ielādi, izmantojot tikai FireFox paplašinājumu FireBug, un paanalizēt pašiem savas lapas ar FireBug rīku.

Papildus informācija mājaslapas ātrdarbības uzlabošanai

Ja esat pa īstam aizrāvušies ar savas mājaslapas ātrdarbības uzlabošanu, tad varat ielūkoties arī šajās saitēs:

• High Performance Web Sites blog - Steve Souders, kas ir piedalījies YSlow un Page Speed izstrādē, blogs par mājaslapu ātrdarbību.
• Web Page Analyzer - vienkāršs mājaslapas ātruma analizētājs, ļoti noderīgs mazām mājaslapām un sākuma-vidēja līmeņa optimizācijai.
• Best Practices for Speeding Up Your Web Site - Ļoti detalizēti izskaidroti Yahoo! izstrādātāju ieteikumi mājaslapas ātruma uzlabošanai.
• An Engineer's Guide to Bandwidth - Yahoo! inženiera izskaidrojumi, kā tiek pārsūtīti dati no servera līdz pārlūkam (un kāpēc viens 500 baitu liels fails pārsūtīsies ātrāk, nekā divi 50 baitu lieli faili).
• An Engineer's Guide to DNS - Yahoo! inženiera izskaidrojumi, kas ir DNS (Domain Name Server), kā DNS ietekmē mājaslapas ielādes ātrumu, un kā izmērīt DNS ātrumu.
• Yahoo! inženieri padalās ar lapas ātrdarbības noslēpumiem - latviski pārtulkots Yahoo! meklēšanas rezultātu lapas ātruma optimizācijas case study.

Vai ziniet citus noderīgus resursus par mājaslapu ielādes ātruma optimizāciju? Padalieties komentāros!

Ko var izdarīt ar IIS SEO Toolkit? Vispārīgi runājot var veikt 3 lietas mājaslapām, kuras darbojas uz Microsoft Internet Information Services (IIS) servera bāzes:

1. Veikt mājaslapas SEO analīzi;
2. Izveidot, labot un nosūtīt lapas sitemap meklēšanas sistēmām (bing.com, google.com...);
3. Menedžēt rāpuļprogrammu (crawler bot) piekļuvi mājaslapas lapām.

IIS SEO Toolkit iespējams lejupielādēt te. Plašāka informācija pieejama www.iis.net/seotoolkit. Tāpat šajās saitēs ir atrodams neliels video, kurā tiek demonstrētas SEO Toolkit iespējas.

Tas nozīmē, ka lapas ātrdarbība kļūst par vienu no 200+ faktoriem, kas ietekmē lapas pozīciju, līdzās tādiem faktoriem, kā atslēgvārdu blīvums, satura atbilstība (relevance) meklējamajai frāzei, Google PageRank un daudziem citiem.

Zemāk ir redzams video, kur Matt Cuts par to informē sabiedrību.

Kā Google izmērīs lapas ātrdarbību? Ļoti vienkārši - jau tagad Google Webmaster Tools satur sadaļu, kurā ir parādīts, cik ātri lapas ielādējas lietotājiem. Mērījumi tiek veikti ar Google Toolbar palīdzību, un mērījumi ir ar dažādu precizitāti, atkarībā no statistikas datu apjoma.

Interesanti, ka turpat var redzēt gan konkrētu mājaslapu vidējo ielādes ātrumu, gan ātrdarbības uzlabošanas ieteikumus no Google izstrādātā rīka PageSpeed - acīmredzami Googlei ir vairāk informācijas par mūsu lapām, nekā mēs bieži vien iedomājamies.

Kaut arī mājaslapas ātrdarbības sadaļa ir atzīmēta kā eksperimentāla iekš Google Webmaster Tools, kā arī tā diez vai tuvākajā laikā lapas ātrdarbība būs faktors, kas būtiski ietekmētu lapas pozīciju meklēšanas rezultātos, tomēr jāatceras, ka ātras lapas vienmēr patiks labāk apmeklētājiem. Un  jāatceras, ka Google vienmēr ir centusies savu meklēšanas algoritmu veidot tā, lai pirmajās pozīcijās būtu kvalitatīvas lapas, ar kvalitatīvu saturu un nekas neliecina, ka nākotnē būs savādāk.

Drīzumā iekš web.hc.lv plānoju publicēt dažus rakstus, kā palielināt mājaslapas ātrdarbību, taču tikmēr interesentus iesaku iepazīties ar šiem rakstiem dažām ātrdarbības optimizācijas idejām:

• Kā paātrināt lapas ielādes ātrumu
  
• Yahoo! inženieri padalās ar lapas ātrdarbības noslēpumiem

Neliels apdeits:

At the time I told the people at the conference that while we currently don't use Page Speed as a factor in our search results and how we rank different search results, there are people at Google who definitely want to. And a lot of people within Google have been thinking about ways where we can figure out how Page Speed can be one of the factors, not the biggest factor, not the only factor but one of the factors, because if you have a fast site, it really improves the user experience. And so, I sort of tried to let people know that if you can improve the speed of your site, it's good for users and there's at least a chance in 2010 that it would be good for your website rankings as well or help just a little bit at least, so it's worth paying attention to.

Matt Cutts, 22.01.2010.

Pāris nedēļas atpakaļ sagribējās palasīt ko iedvesmojošu mājaslapu izstrādes jomā - ko tādu, ko varētu palasīt pēc darba dienas pie datora ieveļoties vakarā gultā, lai celtos augšā ar jaunām idejām un degsmi darboties. Atcerējos, ka salīdzinoši nesen ir izdota grāmata, kuru daudzi Latvijas bloguārijā atzina par labu esam - "The Smashing Book". Paldies Reinim par aizdoto grāmatu!

Tātad īsumā par grāmatas saturu. Grāmatā tiek apskatīti mājaslapas veidošanas pamati. Tiek apskatītas tādas lietas, kā mājaslapas lietojamība, dizains, CSS izklājums, teorija par fontu izmantošanu, mazliet no krāsu teorijas, mazliet no lapas ātrdarbības optimizēšanas, mazliet par zīmola veidošanu un kā veidot mājaslapu, lai veicinātu pārdošanu. Papildus nāk dažas intervijas un pašās beigās neliels stāsts par to, kā tika izveidots smashingmagazine.com, un kā viņi nonāca līdz tam, kas tas ir tagad.

Manas domas? Teikšu godīgi - nekad neesmu bijis liels smashingmagazine.com fans, jo, cik esmu tur ieskatījies, tajā ir vairāk dažādi apkopojumi ar uzsvaru uz dizainu un iedvesmu un mazāk praktiskas informācijas, kā tas ir, piemēram, alistapart.com.

Taču, sākot lasīt grāmatu, man radās pozitīvs iespaids - jā, sākums izskatās ļoti daudzsološs. Labs intro, sākas jau praktiski piemēri, bet palasu mazliet tālāk - un nodaļas beigas! Protams, ka  ir aprakstīts neslikti, taču... tur pietrūkst tik daudz kā būtiska! Nemanīju informāciju par mājaslapas logotipa ietekmi uz zīmolvedību, par lapas kopienas (comunity) nozīmi pavēstīts tikai garāmejot, tāpat kā par lapas testēšanu. Ļoti maz praktisku koda piemēru. Nekādas infromācijas par to, kā pareizi veikt būtiskas izmaiņas mājaslapā, lai lietotājiem tā nebūtu negatīva pieredze.

Protams, ka grāmatu izlasīju, savu gandarījumu guvu (vairāk gan par to, ka lielākā daļa jau ir zināma), šo to atsvaidzināju atmiņā, izlasīju arī šo to jaunu. Guvu arī nelielu iedvesmu - lasīšanas procesā izmainīju 3 būtiskas lietas Jauniešu kultūras portāla HC.LV kodā un izskatā (par ko, iespējams, būs cits raksts), un ir vēl dažas lietas padomā, kas jāmaina.

Patika, ka grāmatā diezgan daudz bija atsauces uz alistapart.com un arī Džeikoba Nīlsena pētījumiem, varbūt tāpēc neko īpaši jaunu grāmatā arī neatradu - daudz kas ir lasīts iepriekš gan Nīlsena slejā, gan alistapart.com, gan citur.

Īsumā - tāds kvalitatīvs informācijas apkopojums (te es pārtulkoju vienu nesliktu tādu nodaļu - informācijas apkopojumu latviski) smashingmagazine.com stilā, kuru noteikti ir vērts izlasīt cilvēkiem, kas plāno veidot mājaslapas. Un patiesībā, arī lielākajai daļai tiem, kam ir savas mājaslapas, īpaši, ja tās tika veidotas vienkārši uzinstalējot WordPress un izvēloties savai gaumei skaistāku "ādiņu". Grāmata noteikti ir € 23.90 (+ € 3.50 sūtīšanas izdevumi) vērta.

7±2 princips

Tā kā cilvēka prāts ir ierobežots apjomā, lai apstrādātu informāciju, tas apstrādā sarežģītus objektus sadalot informāciju daļās un vienībās. Atsaucoties uz George A. Miller pētījumiem, cilvēki īstermiņā spēj saglabāt atmiņā tikai piecas līdz deviņas lietas vienlaicīgi. Tas bieži tiek izmantots, lai argumentētu nepieciešamību ierobežot vienību skaitu izvēlnē līdz septiņām. Taču debates par "Septiņi plus-mīnuss divi" mītu vēl aizvien turpinās. Tāpēc nav īsti skaidrs vai un kā 7±2 principu vajadzētu pielietot mājaslapās.

2 sekunžu likums

Šis ir izplūdis princips, ka lietotājam nevajadzētu gaidīt vairāk par divām sekundēm uz dažiem sistēmu atbildes reakciju veidiem, kā piemēram uz aplikācijas pārslēgšanos un aplikācijas palaišanu. Divu sekunžu izvēle ir apspriežama, taču tā ir diezgan pamatota. Reālāks princips ir, ka, jo mazāk lietotājiem būs jāgaida, jo labāka tiem būs pieredze.

3 klikšķu likums

Saskaņā ar šo likumu, lietotāji pārstāj lietot mājaslapu, ja tie nav spējuši atrast sev nepieciešamo informāciju vai piekļūt mājaslapas piedāvātajam pakalpojumam veicot trīs peles klikšķus. Likums uzsver skaidras navigācijas nepieciešamību, loģisku struktūru un viegli izsekojamu mājaslapas hierarhiju. Taču vairumā gadījumu klikšķu skaits nav tik būtisks; būtiskāk ir, ka apmeklētāji vienmēr saprot, kur tie atrodas, no kurienes viņi te ir nokļuvuši, un kur viņi var doties tālāk. Pat desmit klikšķi ir ok, ja lietotājiem saglabājas sajūta, ka viņi pilnībā saprot, kā darbojas sistēma.

80/20 likums (Pareto princips)

Pareto princips (arī zināms kā "dažu svarīgo likums" un "faktoru retuma princips") nosaka, ka 80% rezultātu veidojas no 20% iemeslu. Tas ir pamatlikums biznesā (80% ienākumus veido 20% no pārdošanām), taču tas var tikt pielietots arī dizaina un lietojamības jomās. Piemēram, būtiski uzlabojumi var tikt sasniegti, identificējot 20% lietotāju, klientu, aktivitāšu, produktu vai procesu, kas veic 80% ieņēmumus, un maksimāli pievēršot tiem savu uzmanību.

Astoņi saskarsmes dizaina zelta likumi

Savos saskarsmes dizaina pētījumos Ben Schneiderman pasludināja principu kopumu, kas tika analītiski izvilkti no pieredzes, un kuri attiecas uz visām interaktīvajām sistēmam. Šie principi attiecas uz lietotāju saskarsmi, un kā tādi tie ir pielietojami arī mājaslapu dizainā.

1. Tiecieties uz konsistenci.
2. Ļaujiet biežiem lietotājiem izmantot īsceļus.
3. Piedāvājiet informatīvu atsauksmi.
4. Veidojiet dialogus, kas tiecas uz nobeigumu.
5. Piedāvājiet vienkāršu kļūdu apstrādi.
6. Pieļaujiet vienkāršu darbību atcelšanu.
7. Iekļaujiet kontroles sajūtu. Atbalstiet iekšējās kontroles atrašanos.
8. Samaziniet īstermiņa atmiņas noslogotību.

Fita likums

Paul Fitts identificēts 1954.gadā, Fita likums ir cilvēka kustības modulis, kas iepriekš nosaka laiku, kas nepieciešams, lai ātri pārvietotos uz noteiktu mērķi, kā funkcija no attāluma līdz mērķim un mērķa izmēru. Likums nosaka, ka jārēķinās ar laika zaudējumiem, norādot mērķi, ja mērķis ir mazs un/vai atrodas tālu. Šo likumu parasti izmanto attiecinot uz peles kustību, kas apmeklētājiem jāveic, lai nonāktu no punkta A uz punktu B. Šis princips iesaka izvietot saturu vietās, kas palielina satura pieejamību un uzlabo klikšķu īpatsvaru.

Inversā piramīda

Inversā piramīda ir rakstīšanas stils, kas apraksta būtību raksta pašā sākumā. Patiesībā tas ir "ūdenskrituma efekts", labi zināms žurnālistikā, kur autori uzreiz sniedz saviem lasītājiem priekšstatu par to, par ko viņi rakstīs. Raksts sākas ar apkopojumu, turpinās ar būtiskākajiem punktiem un tad ar mazāk būtiskām detaļām.Tā kā lietotāji vēlas tūlītēju apmierinājumu (izpratni), tad inversās piramīdas stils būtiski uzlabos lietotāju pieredzi.

Vairāk informācijas par "The Smashing Book".

Platīna peli 2009 kategorijā "Labākais optimizators ePārvalde un pakalpojumi" saņēma ZM Lauku atbalsta dienesta pasūtītā elektroniskā pieteikšanās sistēmas un automatizētas pieteikumu skenēšanas un atpazīšanas sistēma. Tā izveidota, lai lauksaimnieki varētu elektroniski pieteikties Eiropas lauksaimniecības fonda Lauku attīstībai paredzētajiem platību maksājumiem. Projekta izstrādātājs ir "TietoEnator Alise".

Kategorijā "Pakalpojumi sabiedrībai" IKT balvu saņēma Ideju foruma bibliotēka www.e-biblioteka.lv. Digitālajā bibliotēkā bez maksas ir pieejamas plašas teksta, audio, video un attēlu darbu kolekcijas, latviešu, krievu, angļu, vācu un citās valodās. Projekta izstrādātājs ir "Cube-Media".

"Mēs visi - e-bibliotēkas kolektīvs - esam ļoti priecīgi, saņemot šo prestižo nozares balvu! Tā ir kā apliecinājums, ka ejam pareizā virzienā, turpinot veidot e-bibliotēku un katru dienu paplašinot tās krājumus ar jaunām grāmatām, audio grāmatām, filmām, lekcijām un attēlu kolekcijām, kas ir lielisks bez maksas pieejams mācību līdzeklis skolēniem un studentiem, kā arī pilnveidošanās iespēja ikvienam iedzīvotājam. Īpaši esam gandarīti par to, ka e-bibliotēku var ērti un lietot cilvēki ar īpašām vajadzībām. Visbeidzot, vēlos pateikt lielu paldies visiem saviem kolēģiem un visiem mūsu atbalstītājiem, pateicoties kuriem ir tapusi e-bibliotēka," saka Ideju Foruma e-bibliotēkas valdes priekšsēdētājs Edmunds Vanags.

Jau ziņots, ka pērn informācijas un komunikācijas balvu "Platīna pele 2008" ieguva biedrības Ideju Forums pasaku portāls www.pasakas.net un tā izstrādātājs - informācijas tehnoloģiju uzņēmums "Cube Media". Portālā www.pasakas.net ir pieejamas Latvijā pazīstamu cilvēku ierunātas latviešu tautas pasakas un teikas, kā arī citu tautu pasakas, pasakās izmantoto vecvārdu vārdnīca, spēles, populāru mūziķu izpildītas šūpuļdziesmas, animācijas filmas. Ikvienam bērnam portālā ir iespēja zīmēt zīmējumus un pēc tam savus darbus izvietot portāla galerijā.

Savukārt kategorijā "Biznesa attīstība un e-komercija" IKT apbalvojumu "Platīna Pele 2009" saņēma Latvijas elektroniskā sakaru sniedzēja Lattelecom optiskā interneta projekts. Darbu pie jauna optiskā tīkla (GPON) būvniecības un attīstības Lattelecom uzsāka 2008.gadā. Projekta galvenie uzdevumi ir izveidot jaunu optiskā tīkla pārklājumu Latvijā, kā arī radīt jaunus pakalpojumus.

Iespējams, sekojot SEESAM apdrošināšanas piemēram, arī If apdrošināšana piedāvā savu partnerprogrammu.

Neskatoties uz to, ka reklāmā tiek solīta peļņa ne mazāka par 50 LVL mēnesī, sazinoties ar kontaktpersonu Zani Bukobsku, noskaidrojās, ka tā netiek garantēta:

Garantēt mēs nevaram, bet kā mūsu pieredze liecina, ka veiksmīgi sadarbojoties mūsu klients vidēji var iegūt 50 LVL mēnesī.

Es personīgi pieļauju, ka ir runa par mājaslapām, kuras ir tiešā saistībā ar apdrošināšanu - auto portāli, ceļojumu aģentūru lapas un tamlīdzīgas, kuras tiek aktīvi reklamētas, tāpēc citu nišu pārstāvjiem, iespējams, ka būs daudz grūtāk nopelnīt 50 LVL mēnesī.

Te varat aplūkot līguma paraugu, kāds varētu būt, ja izvēlaties noslēgt sadarbības līgumu (privātpersonām būs izmaiņas saistībā ar nodokļiem).

Google oficiālais paziņojums par to (datēts ar 17.11.2009): New site hierarchies display in search results.

Kā tas izskatās "dabā", var aplūkot attēlā zemāk:

Izskatās diezgan ērti un uzskatāmi. Šķiet, ka būs jāpiedomā vairāk pie "breadcrumbs" izmantošanas dažādās mājaslapās.

No statistiskajiem reģioniem visvairāk mājsaimniecību ar interneta pieslēgumu bija Pierīgā - 65% un Rīgā - 64%, bet vismazāk – Vidzemē - 48% un Latgalē - 44%.

Lai piekļūtu internetam, visvairāk – 45% mājsaimniecību – tika izmantots galda dators. Palielinājies mājsaimniecību skaits, kurās interneta piekļuvei tiek izmantots portatīvais dators, sasniedzot 20%, kas ir par 4 procentpunktiem vairāk nekā 2008.gadā. Arī mobilo tālruni interneta piekļuvei izmantoja 20% no visām mājsaimniecībām.

Mājsaimniecībās, kurās pieejams internets, platjoslas pieslēgumu lietoja 87%, kas ir par 11 procentpunktiem vairāk nekā 2008.gadā, bet, salīdzinot ar 2007.gadu, kāpums ir divtik liels – 23 procentpunkti.

Apsekojuma rezultāti liecina, ka datora un interneta lietošanas biežums ir apgriezti proporcionāls personu vecumam. 2009.gada pirmajā ceturksnī regulāri interneta lietotāji vecuma grupā 16–24 gadi bija 96%, 25–34 gadi – 85%, bet vecuma grupā no 55 līdz 74 gadiem – tikai 20% no iedzīvotājiem attiecīgajā vecuma grupā.

* regulāri - vismaz reizi nedēļā.

87% no visiem interneta lietotājiem to izmantoja mājās, 34% – darba vietā, bet 19% – izglītības iestādēs, taču vecuma grupā no 16 līdz 24 gadiem, t. i., grupā, kas ietver arī skolēnus un studentus, šis rādītājs bija ievērojami augstāks – 61%.

2009.gadā gandrīz visi interneta lietotāji (97%) to izmantoja informācijas meklēšanai un tiešsaistes pakalpojumiem, 90% – e-pasta sūtīšanai, čatošanai u.tml. sazināšanās darbībām internetā, 66% – lietoja internetbankas pakalpojumus, kas ir par 2 procentpunktiem vairāk nekā šajā pašā periodā 2008.gadā. 36%, kas ir par 10 procentpunktiem vairāk nekā iepriekšējā gadā, interneta lietotāju to izmantoja sadarbībai ar valsts un sabiedrisko pakalpojumu sniedzējiem (informācijas meklēšana iestāžu mājaslapās, nepieciešamo veidlapu lejupielāde, aizpildītu veidlapu iesniegšana).

Šogad paplašināti tika pētīti e-komercijas rādītāji, piemēram, iemesli, kas pamudinātu veikt pirkumus internetā, norēķinu veidi un problēmas, iepērkoties internetā. Katrs ceturtais iedzīvotājs (26%) jeb 38% no interneta lietotājiem, vismaz reizi internetā bija iepirkušies un pasūtījuši preces vai pakalpojumus savām vajadzībām.

Preču un pakalpojumu pirkšana internetā
(% no interneta lietotājiem attiecīgajā vecuma grupā)

Populārākās preces, kuras iedzīvotāji iegādājās internetā, bija sabiedrisko pasākumu biļetes, elektroniskās iekārtas, kā arī apģērbi un sporta preces.

Internetā pirktās preces un pakalpojumi personīgiem mērķiem
(% no iedzīvotājiem, kas pirka preces vai pakalpojumus internetā)

Pētījuma ietvaros tika noskaidrotas arī respondentu zināšanas par patērētāju pamattiesībām, iepērkoties internetā. Rezultāti liecina, ka 20% no interneta lietotājiem nav informēti ne par vienu no patērētāju pamattiesībām saistībā ar preču iegādi tiešsaistē.

Zināšanas par patērētāju pamattiesībām saistībā ar
preču iegādi tiešsaistē 2009.gadā
(% no interneta lietotājiem)

* Apsekojums tika veikts 2009.gada 2.ceturksnī. Izlases veidā tika apsekoti 3.9 tūkst. mājsaimniecību, kurās dzīvo vismaz viena persona vecumā no 16 līdz 74 gadiem, un aptaujātas visas mājsaimniecībā dzīvojošās personas minētajā vecumā. Tāpēc iegūtie rezultāti ir attiecināmi tieši uz šo mājsaimniecību un iedzīvotāju grupu.

Plašāka informācija par apsekojuma "Informācijas un komunikāciju tehnoloģiju izmantošana mājsaimniecībās un iedzīvotāju vidū" rezultātiem ir pieejama Centrālās statistikas pārvaldes mājaslapas datubāzē. Decembrī iznāks arī datu krājums "Informācijas sabiedrība Latvijā". Šāds apsekojums pēc vienotas metodoloģijas tiek veikts visās Eiropas Savienības (ES) dalībvalstīs, tāpēc iegūtie rezultāti ir salīdzināmi un tiks publicēti arī Eurostat mājaslapā ec.europa.eu/eurostat.

Jums ir lieliska ideja ģeogrāfiskas kopienas informēšanai un iedvesmošanai? Tā iekļauj inovatīvu jauno mediju rīku vai procesu izmantošanu kā sociālie mediji, mashu-upi vai wiki? Vai varbūt jauns veids, kā apmainīties ar informāciju izmantojot mobilos telefonus? Knight Foundation vēlas to zināt. 2010.gada konkursa sauklis ir "Jūs to ieviešat. Mēs to finansējam!"

Atvērts kopienu-domājošiem inovātoriem visā pasaulē, konkursam ir tikai trīs noteikumi. Projektiem jāizmanto digitāla, atvērtā koda tehnoloģija, jāizplata ziņas publiskā sektora interesēs un tam ir jābūt pārbaudītam vietējā kopienā.

"Mēs vēlamies, lai pieteikumi pārspētu iedomu robežas," saka Gary Kebbel Knight Foundation žurnālistu programmas direktors. "Bet nav obligāti jāizgudro kaut kas pilnīgi jauns. Mēs meklējam arī inovatīvus esošo rīku izmantošanas veidus."

Šogad Knight News Challenge konkurss norisināsies jau ceturto gadu. Līdz šim 300 000 cilvēku ir apmeklējuši projekta mājaslapu newschallenge.org, 7000 cilvēki ir piedalījušies konkursā un nodibinājums ir izvēlējies 35 uzvarētājus.

Šogad konkursanti var piedalīties vienā no divām kategorijām. "Atvērtajā" kategorijā iesniegumi ir pieejami publiskai apskatei un komentēšanai. Iesniedzēji var izmantot citu ieteikumus komentāros, lai uzlabotu savu iesniegumu. Atsevišķā "aizvērtajā" kategorijā tikai Knight Foundation darbinieki un konkursa apskatnieki redzēs iesniegumus. Iesniedzēji, kuri nav gatavi dalīties ar savām idejām publiski, var izmantot šo kategoriju.

"Mēs vēlējāmies izveidot tādus noteikumus, lai tie būtu pieejami plašākam lokam ar dažādām gaumēm," saka Kebbel.

Sīkāk par Knight News Challenge konkursu ir iespējams izlasīt angliski konkursa mājaslapā.

Balva "Platīna pele" informācijas un komunikāciju tehnoloģiju nozarē Latvijā tiek izsludināta jau trešo reizi un ir kļuvusi par Informācijas un komunikācijas tehnoloģijas nozares tradīciju. Iepriekšējo gadu laureātu vidū ir tādas organizācijas un uzņēmumi kā Valsts Ieņēmumu dienests, IF Latvija un Swedbank. Latvijas IKT balvas mērķis ir celt nozares prestižu, veicināt pozitīvu publicitāti, informēt sabiedrību par IKT iespējām, kā arī izcelt nozīmīgākos projektus, kas sniedz labumu plašai sabiedrībai. Konkursā var piedalīties attiecīgo pakalpojumu, projekta īpašnieki – valsts iestādes, privātfirmas, akadēmiskās organizācijas, nevalstiskās organizācijas un privātpersonas. Apbalvojumu saņems gan projekta "īpašnieks", gan izstrādātājs vai piegādātājs. Projektu var pieteikt konkursam, kad tas ir izstrādāts un ieviests, iesniegšanas brīdī ir aktīvs un pakalpojumi ir sniegti vismaz sešus mēnešus.

2009. gadā "Platīna pele" tiks pasniegta šādās kategorijās:

• Labākais optimizātors (e-pārvalde un e-pakalpojumi)
• Pakalpojumi sabiedrībai (Izglītības, kultūras, veselības aprūpes, sporta projekti un jaunie mediji (sociālie tīkli))
• Biznesa attīstība un e-komercija

Pretendentus vērtēs neatkarīga un kompetenta žūrija: Māra Jākobsone, LIKTA viceprezidente; Degi Karajevs, digital times galvenais redaktors, Ilze Murāne, Latvijas Universitātes pasniedzēja; Dmitrijs Petrenko, portāla politika.lv galvenais redaktors; Arnis Šinka, Finanšu un kapitāla tirgus komisijas galvenais informācijas sistēmu auditors; Alvils Zauers, LETA redaktors.

Pieteikumus Latvijas IKT balvai Platīna pele 2009 var iesniegt elektroniski līdz 30. oktobrim. Apbalvošanas ceremonija norisināsies LIKTA 11. gadskārtējā konferencē 27. novembrī.

• Konkursa pieteikuma forma
• Konkursa nolikums

Tālrunis uzziņām: Alvis Rudens 67311821, e-pasts: office@likta.lv

Gada laikā Google ir palielinājusi savu tirgus daļu par 2%, kamēr Yahoo! tirgus daļa ir mazliet samazinājusies, bet Bing tirgus daļa ir palikusi iepriekšējā līmenī.

Šis grafiks atspoguļo apmeklētāju plūsmu no meklētājsistēmām (SEs), saitēm (Linking Sites), grāmatzīmēm un apmeklētājiem, kas nonāk mājaslapās iedrukājot tās adresi (Bookmarks/Direct typing), maksas reklāmām, ieskaitot "maksas par klikšķi" reklāmām (Paid Advertizing) un citiem avotiem (Other). 2008. gada septembris bija kritisks punkts pasaules ekonomiskajā depresijā. Kopš tā brīža ir novērojams stabils maksas reklāmu samazinājums. Tā vietā aizvien vairāk apmeklētāju nonāk mājaslapās no meklētājsistēmām un grāmatzīmēm.

Avots: www.webceo.com/newsletter/2009/081009.html

Ne tikai skaista seja: Ātrdarbība un jaunais Yahoo! Search

22.septembrī mēs atklājām jauno Yahoo! meklēšanas rezultātu lapu, kas ir pielādēta ar plašu jaunu iespēju klāstu. Jūs varat būt pārsteigts uzzinot, ka jaunais dizains patiesībā ir mazliet ātrāks par oriģinālo. Apdomīgi izmantojot mūsdienīgas ātrdarbības tehnikas, mēs ne tikai nepalielinājām lapas kopējo svaru un HTTP pieprasījumu skaitu, bet arī veicām daudzus uzlabojumus lapas ielādes ātrdarbībai. Tagad, kad esat aplūkojuši jauno meklēšanas rezultātu lapu, izskatīsim dažus ātrdarbības uzlabošanas iespējas, kuras mēs izmantojām veidojot jauno veidni.

Koda pārstrāde

Jebkura radikālas dizaina izmaiņa, kā šī, ir lieliska iespēja pārstrādāt kodu, un mēs to izmantojām, pārrakstot Yahoo! Search lapu HTML, CSS un JavaScript no nulles. Ja iedomājamies par veidni kā ietvaru, kas satur "10 zilās saites" lapas centrā, viss kods ap saturu centrā tika pārstrādāts. Tas mums deva iespēju atbrīvoties no veciem koda atlikumiem un izmantot dažas jaunas tehnikas un labāko praksi, samazinot lapas svaru un renderēšanas sarežģītību procesā.

Kā viens ātrs piemērs, par to, kas jauns, mūsu meklēšanas lapa tagad izmanto CSS attēlu pagriešanu. Tā vietā, lai izmantotu dažādus attēlus augšējai un apakšējai bultai mūsu spraitā, mēs izmantojam tikai apakšējo bultu. Lai ģenerētu augšejo bultu lielākajai daļai (izņemot Operu) A-klases pārlūkiem, mēs izmantojam šādu CSS triku:

-moz-trasform: rotate(180deg);
-webkit-transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

Patiesībā tas ieekonomē tikai dažus baitus, taču katrs sīkums skaitās, un šo iestrādāt bija salīdzinoši vienkārši.

Mēs arī izmantojām šoi iespēju uzlabot lapas struktūru un pieejamību. Mēs uzskatam, ka filozofija, ka ir jāveido atsevišķa pieredze pieejamībai, ir maldīga; mēs ticam, ka ir iespējams rakstīt pieejamu kodu nesamazinot ātrdarbību. Būtiskākais uzlabojums jaunajā dizainā ir vienkārši labāka dokumenta struktūras izveidošana, izmantojot <h1>, <h2> un <h3> tagus, kas ļauj ekrānlasītājiem pārvietoties pa lapu daudz vieglāk. Mē arī pievienojām dažas labākas taustiņu kombinācijas, piemēram, ka pirmais spiediens uz tab taustiņa pārvieto pa tiešo uz meklēšanas ievades logu, tā vietā, lai pārvietotu uz navigācijas saitēm, un CTRL-SHIFT DOWN kombinācija ļauj pārlekt pāri galvenei un sānu joslai un fokusēties uz pirmo meklēšanas rezultātu.

Data URI attēli

Jaunais dizains izmanto dažas atkārtojušās krāsu pārejas, kuras izskatās lieliski, taču var būt absolūti ātrdarbības iznīcinātāji. Lai apietu šo problēmu, mēs izmantojām retu iespēju, ko atbalsta visi mūsdienu pārlūki, kas saucas Data URI attēli. Šī tehnika ļauj iekļaut kodētus datus individuāliem attēliem tieši iekš CSS. Šī tehnika ir zināma jau kādu laiku, taču tikai nesen tā ieguva pietiekošu atbalstu, lai to varētu plaši izmantot.

Data URI attēli ļāva mums izvairīties no papildus sprite attēlu smaguma, kas būtu saistīts ar krāsu pāreju attēliem, kas atkārtojas, tajā pašā laikā uzlabojot ātrdarbību, izvairoties no "ielekšanas" efekta, kuru dažreiz iespējams redzēt ar veidņu attēliem. Tradicionālās CSS failā, kas satur atsauces uz ārējiem attēliem, pārlūks ielādē CSS, apstrādā CSS un sāk attēlot lapu. Jebkuras atsauces CSS uz attēliem rada jaunu HTTP pieprasījumu. Atkarībā no pieslēguma ātruma, lapa var būt jau attēlota uz to brīdi, kad attēls ielādējas, kas rada "ielekšanas" efektu, ka pēkšņi lapā "ielec" attēls. Data URI attēli palīdzēja mums pilnībā izvairīties no "ielekšanas" efekta un nozīmīgi samazināt HTTP pieprasījumu skaitu.

Lai saglabātu atpakaļejošu savietojamību, mēs piedāvājam atsevišķu spraita attēlu ar gradācijām priekš IE6 un IE7. Tas nozīmē, ka šo pārlūku ātrdarbība būs mazliet mazāka par mūsdienīgāku pārlūku ātrdarbību, taču kopējais ieguvums vienalga ir tā vērts. Protams, sadalīta koda menedžēšana ir mazliet riskanta. Vairākas mājaslapas dod priekšroku to darīt ar nosacījuma komentāriem vai citām tehnikām. Mūsu gadījumā kopīgā atšķirība patiesībā ir ļoti maza - mūsu izstrādes rīki nosūta vajadzīgos statiskos resursus uz mūsu Satura Sadales Tīklu (CDN), un mūsu frontend nosaka pārlūku un ievieto vajadzīgo CSS failu.

Semantiska lapas padeve

Tā vietā, lai sagaidītu, kamēr serveris ģenerēs lapu pilnībā un tad nosūtītu to visu kopā, mēs nosūtam lapu klientam trīs semantiski nozīmīgās daļās, kas ļauj pārlūkam sākt attēlot lapu un pieprasīt statiskos resursus ātrāk.

• Pirmā daļa sastāv no lapas galvenes un meklēšanas ievades loga, un tā tiek nosūtīta pirms mēs pat pieprasam meklēšanas rezultātus no backend. Tas ļauj pārlūkam sākt ielādēt statiskos resursus, kamēr mūsu serveris vēl apstrādā meklēšanas pieprasījumu.
• Otrā daļa sastāv no visa redzamā lapas satura un reklāmām, bet ne JavaScript. Tas ļauj lietotājam acumirklī sākt meklēšanas rezultātu skanēšanu un darbības ar tiem, pirms pārlūks vēl ir ielādējis un sācis darbināt jebkuru Javacript kodu.
• Pēdējā daļa satur JavaScript, kas pievieno būtisku, bet ne kritisku funkcionalitāti kā Search Assist un Search Pad.

Tīkla efekts ir tāds, ka lietotājs redz lapas ielādi un var ar to darboties daudz ātrāk. Nosūtot pēc iespējas ātrāk pārlūkam informāciju, kas nepieciešama, lai tas varētu ielādēt statiskos komponentus, mēs arī samazinam kopējo ielādes laiku.

Ņemiet vērā, ka vecais dizains arī izmantoja semantisku lapas padevi, bet ne tik agresīvi. Būtiskākā atšķirība ir tā, ka iepriekšējā dizainā pirmajā daļā tika iekļauts tikai kods līdz <head>. Pārstrādājot kā mūsu backend loģika darbojas, mēs varējām pirmajā daļā iekļaut arī daļu no <body> elementa un iekļaut būtiskus vizuālos elementus kā lapas galvene un meklēšanas ievades logu. panākot, ka vizuālais kods sāk nākt pa vadiem, tas rada iespaidu, ka lapa ielādējas, ka "kaut kas notiek".

Slinkā ielāde

JavaScript un CSS, kas tiek izmantots meklēšanas rezultātu attēlošanas lapās tagad ielādējas divās atsevišķās daļās. Pirmā daļa izmanto tikai pašu minimālāko CSS un JavaScript, kas nepieciešams 100% meklēšanas rezultātu lapu attēlošanai, tā ka pamatdarbībām nepieciešamais ielādējas tik ātri, cik vien iespējams. Otrā daļa ielādē papildus (bet smagāku) funkcionalitāti kā Search Assist un Search Pad. Mēs tāpat ielādējam papildus CSS un JavaScript daļas saīsinājumiem un citām dinamiskām iespējām tikai pie nepieciešamības, nodrošinot, ka mēs neizmantojam nelietderīgi laiku ielādējot kodu, kurš mums visdrīzāk nebūs nepieciešams.

Kā meklētājsistēmas mājaslapa mēs nevaram izvairīties no smagās slinkās-ielādes, jo meklēšanas pieredze ir ļoti būtiska lietotāju pieredze tīmeklī. Kad lietotājs pieprasa meklēšanas lapu, parasti viņi skanē un klikšķina ļoti ātri. Ja vien mēs varam nodrošināt šīs pamatdarības pēc iespējas ātrākas, mēs varam atlikt pārējās komponentes uz vēlāku laiku. Ja jūsu mājaslapai ir citādāka lietojamības paradigma, jums vajag būt uzmanīgākiem; jūs nevarat slinki ielādēt komponentus, ar kuriem lietotājs vēlas darboties uzreiz.

Dizaineri un inženieri piekrīt: Ātrdarbība ir būtiskākā!

Iespējams, aiz visiem šeit izklāstītājiem tehniskajiem spriedumiem, visnozīmīgākā ietekme bija mūsu filozofijai, ka ātrdarbība ir visu problēma, visos līmeņos. Mūsu frontend inženieru komanda sāka domāt un plānot ātrdarbību vēl pirms dizaini bija uzskicēti. Tas ļāva mums dot agras atsauksmes mūsu Lietotājpieredzes Dizaina departamentam un strādāt kopīgi ar viņiem, kamēr viņi atslīpēja savus dizainus.

Mūsu dizaineri jau bija ņēmuši vērā daudzus ātrdarbības principus, kurus viņi iemācījās gadu gaitā, kā, piemēram, spraitu optimizācija. Tomēr, jaunajā dizainā tiek daudz vairāk izmantotas krāsu pārejas, kā iepriekšējā dizainā, kas var izmaksāt ļoti dārgi - īpaši, ja pārejas tiek izstieptas vertikāli vai horizontāli visas lapas garumā.

Par laimi, mūsu dizaineri laicīgi mums norādīja uz savām bažām, un mums bija iespēja veikt kopīgi prāta vētru, kā izmantot grafiskos komponentus efektīvāk. Pēc tam, kad dizaineri saprata dažas tehnikas, kuras mēs vēlējāmies izmantot un dažus ierobežojumus, tie bija spējīgi piedāvāt dažus absolūti brīnišķīgus dizainus, kas iekļāvās mūsu noteiktajās ātrdarbības robežās. Pēc šīm dažām sapulcēm, katrā dizaina pakāpē mūsu Lietotājpieredzes Dizaina departamenta komanda saskaņoja ar ātrdarbības inženieriem, lai pārliecinātos, ka mēs nepārkāpjam mūsu ātrdarbības mērķus. Šī ciešā sadarbība palīdzēja mums atturēties no uztraukumiem par ātrdarbību.

Citiem vārdiem, jauni triki un ātrdarbības tehnikas tikai noved jūs tik tālu. Pateicoties individuālu dizaineru un inženieru bezgalīgām smaga darba stundām jaunā Yahoo! Search lapa piedāvā lielāku funkcionalitāti un vairāk dizaina komponentes pat ātrākā iepakojumā. Un mēs vēl aizvien smagi strādājam kopā ar mūsu kolēģiem dizaineriem, lai veidotu meklēšanas pieredzi vēl ātrāku un labāku turpmākajās nedēļās un mēnešos. Ja jums ir kādi jautājumi par Yahoo! Search un frontend ātrdarbību, mēs gaidam jūsu atsauksmes!

Ryan Grove
Yahoo! frontend inženieris

Stoyan Stefanov
Yahoo! ātrdarbības inženieris

Venkateswaran Udayasankar
Yahoo! ātrdarbības inženieris

Pieteikuma anketu SEESAM apdrošināšanas partneru programmai iespējams aizpildīt šeit.

Kontaktpersona:

Ingemārs Nitišs
Sadarbības partneru projektu pārdošanas vadītājs AAS "Seesam Latvia"

Tel. + 371 67061066
Fax. + 371 67061022
Mob. + 371 28616189

e-pasts:ingemars.nitiss@seesam.lv

www.seesam.lv

Norises laiks: 2009. gada 16. - 17. septembris
Vieta: Rīga (tiks precizēts)
Organizē: Best Marketing

Atlaide, reģistrējoties līdz 17. augustam:

• Dalība abās dienās: 135 LVL
• Dalība vienā dienā: 69 LVL

Reģistrēšanās šeit.

Best Internet 2009 programma

1. diena - trešdiena, 16. septembris

10.00 – 10.30 Internet trends and developments: September 2009

Dmitry Sholomko, Google Reģionālais mārketinga vadītājs Baltijas valstīs un Ukrainā

Dmitry is responsible for managing Google relations in Ukraine and the Baltics, including product development, marketing initiatives, sales and business planning. He is working in this position since July 2007, prior to that he was a country consultant for Google in Ukraine. Before Google Dmitry managed own informational and consulting company UBL, which specializes in providing informational and consulting support for biggest Ukrainian IT and telecommunications companies. Earlier in his career, Dmitry was employed by publishing company Euromoney as country manager of its online division, Internet Securities, Inc, and worked on various local online projects. Dmitry holds a master's degree in IT Engineering from Kiev National Technical University.

10.30 – 11.30 Jaunākās radošuma tendences internetā

"Cannes Lions 2009 Cyber Lions kategorijas uzvarētāju pārskats un analīze.
Erkki Izarra, Cannes Lions 2009 žūrijas loceklis (Somija / Nīderlande)

Erkki Izarra hails from Espoo, Finland where he founded 358 with five partners in 2008. He started out as a snowboarding photographer and soon became a journalist. He stepped into advertising when Art Director Ale Lauraéus, now a Partner Founder of 358, suggested a career as his copywriter in 1998. He has won at most of the notable Finnish and international advertising awards shows, including Cannes Lions, but he also continues to try to shape what we understand as advertising.

Vairāk par Erkki lasi www.canneslions.com.

11.30 – 12.00 Kafijas pauze

12.00 – 13.00 Pecha KUCHA: Kas ir kas interneta mārketinga jomā Latvijā?

Šogad pirmo reizi konferencē tiks izmantots arī Pecha KUCHA prezentācijas formāts, kura pirmsākumi meklējami Japānā. Pecha Kucha paredz, ka katram lektoram tiek dotas tieši 6min un 40 sekundes laika prezentācijai. Tas ietver 20 slaidus - pietiekami, lai koncentrētos uz būtiskāko un negarlaikotu klausītājus.

Pecha Kucha savu dalību apstiprinājušas sekojošas kompānijas:

1. Mediju aģentūra Inspired Communciations

2. Mediju, tirgus un sociālo pētījumu aģentūra TNS Latvia

3. Web aģentūra Cube Media

4. Interneta reklāmas tīkls Adnet.lv

5. Radiostacija European Hit Radio

6. Informatīvais portāls TVnet.lv

7. tbc.

8. tbc.

13.00 – 14.00 Pusdienas

14.00 – 16.00 Veiksmīgs e-pasta mārketings

Matt King Media Safari (UK)

Matt King is Director & Co-Founder of the marketing communications consultancy Media Safari. He is also a course director at Chartered Institute of Marketing and EMEA region trainer of digital marketing for Microsoft.

Matt King's blog: www.mediasafari.typepad.com/mattking.

 

 

 

 

You will learn how to:

• Plan integrated email campaigns

• Devise creative and copy to increase open and click-through rates

• Use tests and tracking metrics to improve response

• Select email marketing management systems

• Revise or devise an e-newsletter

• Review the latest on ethical and legal constraints

• Design an effective e-newsletter

• Measure and improve email campaigns

16.00 -16.15 Kafijas pauze

16.15 – 17.30 Latvijas interneta balvas finālistu prezentācijas

17.30 Uzvarētāju nosaukšana

2. Diena - ceturtdiena, 17.septembris

Piedāvā interneta mārketinga kompānija Progression

WORKSHOP 1: Internet Measurability/ Accountability

10.00 – 11.00

Kā izvirzīt izmērāmus mērķus, lai sasniegtu rezultātu un nezaudētu fokusu uz mērķi. Ar ko viss ir jāsāk?

Ievads mērķu mēramībā; reālas uz mērķi orientētas stratēģijas sastāvdaļas, kas nosaka, kā izvirzīt izmērāmus mērķus un kā precīzāk sasaistīt rezultātus ar mērķiem; piemēri.

Andrejs Sergejevs, Interneta mārketinga kompānijas Progression vadītājs

11.00 – 11.15 Kafijas pauze

11.15 – 13.15

Steffen Ehrhardt, Google (Germany)

Topic

Using Analytics and other ROI related tools for successful internet campaigns/business strategies. Analytics basics including new features and other ad tools for successful internet campaigns like Insight for Search, Website Optimizer, AW Conversion Optimizer, etc.

Steffen Ehrhardt is 29 years old and is currently employed by Google Germany GmbH. His job title is Product Specialist & Project Manager Emerging Markets (Central-East-Europe, Middle East & Africa). Steffen has worked for Google since 2003. Before joining Google he has worked in the marketing teams of Avis Car Rental, Deutsche Lufthansa and PriceWaterhouse Coopers. He has graduated from the Private University of Applied Sciences Göttingen and has a diploma in Business Administration.

WORKSHOP 2:
14.00 – 16.00 Google AdWords workshop (Speaker by Google to be confirmed)

* Best Marketing patur tiesības veikt izmaiņas programmā.

Oficiāls apstiprinājums atrodams Google AdSense lapā te.