Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
HQ GeoSpy
Člen
Avatar
HQ GeoSpy:12.6.2013 12:00

Ahoj

Rozjeli jsme betatestovací verzi outdoor hry na špiony s fotografiemi.

www.beta.geospy.org

Diskuse na fóru ke hře:
http://www.geocaching.cz/…ewthread.php?…

Cíle hry:
Cíl 1. Zajišťování a zakládání objektů
Cíl 2. Vytváření kvalitní evidence objektů
Cíl 3. Pořizování kvalitní fotodokumentace
Cíl 4. Dobývání území
Cíl 5. Vzorná činnost

Kdo chce, může vyzkoušet a připomínkovat :) .

S přáním pěkné zábavy
HQ GeoSpy

Obr. 1: Domovská stránka:

 
Odpovědět
12.6.2013 12:00
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na HQ GeoSpy
David Hartinger:12.6.2013 18:28

Vypadá to pěkně, Možná bych dal tu lupu v hlavičce křiklavější, přijde mi, že tam zaniká. Co se týče kódu, tak nic moc. Ten příšerný JS by měl být v externím souboru a měli byste používat HTML 5 tagy místo tolika divů.

Nahoru Odpovědět
12.6.2013 18:28
You are the greatest project you will ever work on.
Avatar
HQ GeoSpy
Člen
Avatar
HQ GeoSpy:12.6.2013 19:08

Ahoj sdraco.

Velmi děkujeme za pochvalu a připomínky.

  • JS jsme řešili na několikrát. Nakonec kvůli rychlosti načítání jsme ho implementovali přímo do kódu jako minified verzi.
  • HTML 5 jsme používat chtěli. Bohužel chceme podporovat i některé starší verze prohlížečů. IE8 by měl s HTML 5 problém. Proto jsme zvolili cestu, kterou nyní vidíš. Má své výhody i nevýhody, uznáváme.

S pozdravem
HQ GeoSpy

 
Nahoru Odpovědět
12.6.2013 19:08
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na HQ GeoSpy
David Hartinger:12.6.2013 19:11

Pro IE8 by měl fungovat modernizr - http://modernizr.com/.

Externí JavaScript by neměl být pomalý, protože ho prohlížeče cachují, načítá se tedy pouze jednou. Pomalejší to bude naopak teď, jelikož se cachovat nebude.

Nahoru Odpovědět
12.6.2013 19:11
You are the greatest project you will ever work on.
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na HQ GeoSpy
David Hartinger:12.6.2013 19:15

V profilech nevidím avatary, asi by tam měly být.

Nahoru Odpovědět
12.6.2013 19:15
You are the greatest project you will ever work on.
Avatar
HQ GeoSpy
Člen
Avatar
HQ GeoSpy:12.6.2013 19:24

Ahoj sdraco.

Modernizr jsme nechtěli používat. Byl by to další produkt třetí strany navíc. Už tak je web JS prošpikován :-)
Zvolili jsme tedy raději "standardnější" oldschool cestu.

Nicméně webpagetest.org vždy řekne, že by měl být JS mezi HTML kódem.
Externí JS ještě prozkoumáme. Děkujeme za tip.

Avatary jsou plánovány do dalších verzí GeoSpy.org. Toto je neúplná základní beta verze. I ostrá verze bude mít ještě nějaké funkcionality navíc.

S pozdravem
HQ GeoSpy

 
Nahoru Odpovědět
12.6.2013 19:24
Avatar
HQ GeoSpy
Člen
Avatar
HQ GeoSpy:12.6.2013 21:00

Ahoj sdraco.

Trochu jsme se šťourali v cachování JS. V Nette máme spuštěno cachování na serverové straně. Takže pokud někdo jde na stejnou www podruhé, stahuje se ze serveru již "zkompilovaná verze" dané WWW.

JS mezi HTML kód jsme volili opravdu proto, aby byla ušetřena vlákna při stahování těchto JS souborů. A nečekalo se třeba na nějaký „šprajclý“ poslední JS… Zákon schválnosti. Doporučeno je, pokud se nemýlíme stahovat max. v 6 vláknech zároveň. Sice se to nedodržuje, ale ... JS samostatných souborů by se u nás stahovalo tak do 10.

Máš ale pravdu v tom, že když už se jednou ty JS stáhnou na klientův počítač, tak se již nemusí stahovat mezi HTML kódem znovu a znovu ze serveru.

Docela by nás zajímalo, které výhody / nevýhody u těchto dvou přístupů převažují a který tedy zvolit prioritně.

S pozdravem
HQ GeoSpy

 
Nahoru Odpovědět
12.6.2013 21:00
Avatar
Odpovídá na HQ GeoSpy
Neaktivní uživatel:12.6.2013 21:05

Chválím a palec nahoru za profesionální a pozitivní postoj ke kritice a jejímu řešení :)

// Moc často se to tu nevidí

Editováno 12.6.2013 21:06
Nahoru Odpovědět
12.6.2013 21:05
Neaktivní uživatelský účet
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na HQ GeoSpy
David Hartinger:12.6.2013 21:10

Jelikož se skript stahuje opravdu jen jednou, tak bych se toho nebál. Ostatně že má být JS v externím souboru je dobrá a osvědčená praktika.

S IE8 to chápu, na druohu stranu stejně za 2 roky už nebude důležitý a devítka HTML 5 umí, takže byste modernizr pak vyhodili.

Nahoru Odpovědět
12.6.2013 21:10
You are the greatest project you will ever work on.
Avatar
HQ GeoSpy
Člen
Avatar
HQ GeoSpy:12.6.2013 21:27

Pro FunebrakCZ:

Děkujeme :-)

HQ GeoSpy

 
Nahoru Odpovědět
12.6.2013 21:27
Avatar
HQ GeoSpy
Člen
Avatar
HQ GeoSpy:12.6.2013 21:45

Ahoj sdraco.

  • Počítali jsme zběžně kolik by se ušetřilo na downloadu linky serveru / uploadu u uživatele.

Zdá se, že to ušetří dost. Pro uživatele by to znamenalo opravdu rychlejší načítání obsahu a i menší CPU a RAm zátěž na serveru.

Popřemýšlíme nad tím, jak změřit nynější traffic s includovaným JS. A poté, kolik bez include JS. Tušíme, že rozdíl bude značný.

V teoretické rovině se tedy kloníme k Tebou navržené variantě.
Co nevidět vše vyzkoušíme a změříme.
Velmi děkujeme.

  • IE8 a spol. Takto jsme také smýšleli. Pak jsme však začali procházet světové statistiky z Googlu, Amazonu, Yahoo, MS, ale i TopListu atd. Zjišťovali jsme používané verze prohlížečů a typy.

Zděsili jsme se, že ve 21. století používají statisíce počítaů braky typu IE6. V Číně využívalo IE6 ještě nedávno cca kolem 5 % počítačů. USA: 2 %, atd.
A to je jen IE6, další verze byly podobně tragické. Když se to sečetlo, tak nás omývalo...
Proto ten náš oldschool přístup :-)
GeoSpy chceme lokalizovat do co nejvíce jazyků (taková je představa, uvidíme, jak se naplní). Proto se snažíme GeoSpy.org vytvořit tak, aby ho přečetlo co nejvíce browserů.

S pozdravem
HQ GeoSpy

 
Nahoru Odpovědět
12.6.2013 21:45
Avatar
HQ GeoSpy
Člen
Avatar
HQ GeoSpy:12.6.2013 22:04

Ahoj sdraco.

V rychlosti jsme udělali ten nejprimitivnější test.

  1. CTRL+S na homepage http://beta.geospy.org
  2. Velikost homepage cca 260 kB.
  3. Editovali jsme HTML soubor a odstranili includovaný JS. Velikost zbyla cca 12 kB.

Závěr:
Toto rozhodně budeme řešit :-)
Ještě jednou děkujeme za radu.

S pozdravem
HQ GeoSpy

 
Nahoru Odpovědět
12.6.2013 22:04
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na HQ GeoSpy
David Hartinger:13.6.2013 9:15

IE 6 a Čínu neřešte, Čína je specifická země. Ani giganti jako Google již nepodporují nic staršího než IE 8 :) Oldschool přístup není v IT sféře příliš vhodný, i když tady to tolik nevadí :)

Nahoru Odpovědět
13.6.2013 9:15
You are the greatest project you will ever work on.
Avatar
Odpovídá na HQ GeoSpy
Neaktivní uživatel:13.6.2013 10:18

Souhlasím se David Hartinger, Čína stejně dost pravděpodobně nebude číst české stránky, natož pak fotit objekty po Česku :)

Nahoru Odpovědět
13.6.2013 10:18
Neaktivní uživatelský účet
Avatar
HQ GeoSpy
Člen
Avatar
HQ GeoSpy:13.6.2013 10:21

Ahoj FunebrakCZ.

GeoSpy chceme lokalizovat do co nejvíce jazyků (taková je představa, uvidíme, jak se naplní).
Proto se snažíme GeoSpy.org vytvořit tak, aby ho přečetlo co nejvíce browserů.

Časem bychom rádi měli GeoSpy třeba i v čínštině :)

S pozdravem
HQ GeoSpy

 
Nahoru Odpovědět
13.6.2013 10:21
Avatar
HQ GeoSpy
Člen
Avatar
HQ GeoSpy:21.6.2013 10:51

Ahoj :-)

Zjistili jsme několik nových poznatků ohledně cachování JS, CSS.

První závěr je, že sice oddělený JS a CSS je dobrý. Nicméně dotazy na to, zda proběhla mezitím změna CSS a JS žere čas na dotaz vůči serveru (TCP/IP je spojovaný protokol).

Takže k ověření zda došlo ke změně JS či CSS na serveru si bere síťový provoz dost času navíc. A čím více samostatných JS či CSS, tím déle nakonec načtení kompletní www trvá (HTTP1.1 304).

Řešení:

  1. Napadlo nás zapnout cachování JS a CSS nejen pro obázky, příklad: (ico|pdf|flv|j­pg|jpeg|png|gif|js|css|s­wf).
  2. Dalším vylešením by bylo naházet minified CSS a JS každý do jednoho velkého soubou (omezíme tak dotazy po síti).

Ideální by byl stav:
Tahat ze serveru po reloadu page pouze HTML.
Samozřejmě první unikátní načtení bude trvat vždy déle.

Tak uvidíme jak pokročíme a vyoptimalizujeme :)
Budeme vás informovat.

HQ GeoSpy

 
Nahoru Odpovědět
21.6.2013 10:51
Avatar
Kit
Tvůrce
Avatar
Odpovídá na HQ GeoSpy
Kit:21.6.2013 14:54

Správně je ta druhá možnost. Naházet všechny JS do jednoho souboru a všechny CSS do druhého souboru.

Ještě by se to dalo vylepšit tak, že by se ze serveru tahalo pouze nové XML, ale to by všechny prohlížeče nemusely zvládnout.

Ještě další možností by byl JSON a AJAX. Na takovou aplikaci by to mohlo být ideální.

Nahoru Odpovědět
21.6.2013 14:54
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
HQ GeoSpy
Člen
Avatar
HQ GeoSpy:21.6.2013 15:21

Ahoj Kite,

děkujeme za doporučení. Zkusíme obě možnosti a proměříme. Budeme informovat :-)

JSON a AJAX. Tohle nás vůbec nenapadlo.
Také se nad tím zamyslíme a zaevidujeme. První dojem je však ten, že bychom tím vývoj protáhli.

Velmi děkujeme a zdravíme
HQ GeoSpy

 
Nahoru Odpovědět
21.6.2013 15:21
Avatar
HQ GeoSpy
Člen
Avatar
HQ GeoSpy:26.6.2013 15:28

Tak jsme udělali nějaká další měření.

Výsledky jsou rozporuplné. Každé řešení má svá pro a proti. Pokusíme se shrnout, snad na nic nezapomeneme :)
Kdyžtak se ptejte :)

Includovaný JS do HTML:

  • datová velikost výsledné HTML je větší
  • načtení stránky z web serveru je ale rychlejší
  • mizerné využití CDN (pouze pro CSS) a to je bída

JS a CSS mimo HTML:

  • menší přenášená data. V našem případě až o 60 kb méně
  • režie na TCP/IP na natáhnutí CSS a JS a to běžně o 200 - 500 ms více než u includovaného JS
  • výhoda je možnost použití CDN

Výsledek je ten, že časově vycházela při všech testech po celém světě lépe při znovunačtení stránky verze s includovanýcm JS.
První načtení trvalo obvykle o 300 - 500 ms déle. Ovšem reload a další načtení www trvalo oproti samostatným JS a CSS v průměru o 300 - 500 ms kratší dobu.

Z pohledu uživatele je pro nás důležitější kratší zpracování www při používání portálu.
Jde nám o uživatele, který portál pravidelně používá a navštěvuje. Chceme mu maximálně zkrátit čas. Pokud načte www 10 000 x a ušetří při každém načtení 200 ms .... a za rok, za dva používání mu ušetříme fůru času.

Nový návštěvník si naopak chvíli počká (cca 300 ms v průměru). S tím dost userů počítá a je obecně vnímáno, že když někdo leze na novou, nikdy nenavštívenou www, tak s tím "jakoby počítá" a je méně přísný. Je prý krapítek trpělivější. Méně trpělivý je, pokud www navětěvuje pravidelně a její výkon je mizerný.

Blbé je, že budeme takto zatěžovat více linku, server, výkon serveru,... a použití CDN v budoucnu bude také nahouby.
Naštěstí jsou tyto úpravy realitvně jednoduché a CSS a JS odhodit z HTML není až takový problém ani později.

Pro nás zatím zůstává includovaný JS do HTML favoritem. Uvidíme, jak dále, neboť naše znalosti jsou omezené a třeba jsme něco důležitého přehlédli.

WWW s includovaným JS je zde:
beta.geospy.org
CSS a JS mimo HTML je zde (aplikováno pouze na homepage):
test.geospy.org

Používali jsme webpagetest.org a Google Chrome a jeho vývojové nástroje.

Snad jsme na nic nezapomněli.

Zdravíme a přejeme hezký den :-)
HQ GeoSpy

 
Nahoru Odpovědět
26.6.2013 15:28
Avatar
Josef Kuchař - Pepa489:29.9.2013 17:36

GeoSpy v říši divů:

<div><div>GeoSpy</div></div>
Nahoru Odpovědět
29.9.2013 17:36
2x piš, jednou debuguj
Avatar
HQ GeoSpy
Člen
Avatar
Odpovídá na Josef Kuchař - Pepa489
HQ GeoSpy:1.10.2013 12:49

Ahoj Pepo489,

děkujeme za upozornění.

Mohl bys nám, prosím, sdělit, na kterém odkazu máme problém hledat?

Velmi děkujeme
HQ GeoSpy

 
Nahoru Odpovědět
1.10.2013 12:49
Avatar
HQ GeoSpy
Člen
Avatar
HQ GeoSpy:13.12.2013 9:14

Ahoj všichni :-)

Ostrá verze GeoSpy.org byla spuštěna: http://www.geospy.org

Těšíme se na Vás :-)

 
Nahoru Odpovědět
13.12.2013 9:14
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na HQ GeoSpy
David Hartinger:13.12.2013 10:29

Fotky se načítají docela pomalu, vyřešil by to preload na příští fotku.

Nahoru Odpovědět
13.12.2013 10:29
You are the greatest project you will ever work on.
Avatar
HQ GeoSpy
Člen
Avatar
Odpovídá na David Hartinger
HQ GeoSpy:13.12.2013 10:35

Ahoj sdraco,

výborný nápad, prozkoumáme, jaké máme možnosti.

HQ GeoSpy

 
Nahoru Odpovědět
13.12.2013 10:35
Avatar
Jakub Vaněk (Bubavanek):14.12.2013 14:00

Jen taková drobnost. IE6 je používán především ve firmách. Protože je již standardně nainstalován. Zaměstnanci nemají právo aktualizovat a IT oddělení to neřeší. To se potom nedivím, že to v Číně dělá 5%, ale zase z 1 mld. je to "jen" 50M což je zanedbatelné, protože každý ze zaměstnanců má své vlastní PC a tam se na stránky může podívat.

Byl jsem již v několika firmách, brigádně. A když to přeženu, tak na jednom patře bylo dejme tomu 100 PC, 6-ti patrová budova, takže asi 500 PC s IE6. Samozřejmě to nebyly žádné moderní stroje, ale pro zaměstnance dostačující.
A ne nebyly to IT firmy. :-D Ale dokazuje to, že spousta firem se tímto nezabývá.

 
Nahoru Odpovědět
14.12.2013 14:00
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 25 zpráv z 25.