Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
Stránky
Testů rychlosti jste si už užili dosyta. Nejznámějšími benchmarky jste vás provedli ve dvou megatestech. O novinkách v prohlížečích vás pravidelně informuje pomocí bleskovek, případně v ucelených článcích o nových verzích aplikací. Do toho bychom rádi přinesli i netradiční pohledy, kterým se jinde nevěnují. Kolega Petr Urban se podíval na to, jak dnes funguje hardwarová akcelerace v prohlížečích. Já nedávno otestoval hlavní prohlížeče, jak si poradí s phishingem.
Dnes se zaměříme na velikost (rozměry) jednotlivých prohlížečů. Nemyslíme tím velikost na disku nebo v operační paměti, ale kolik zaberou místa na pracovní ploše. Jak plýtvají spoustou lištiček a podobných blbinek a na samotný obsah webové stránky zůstane méně místa.
Aby bylo srovnání férové, testovali jsme prohlížeče ve výchozí instalaci. Pokud to šlo (a našli jsme tuto volbu v nastavení), zrušili jsme některé prvky tak, aby byly prohlížeče lépe porovnatelné, výsledky najdete zvlášt. Osekávalo se do té míry, aby na stránce zůstal adresní řádek a panel se záložkami (testovali jsme i bez něj). Ostatní lišty šly z kola ven. Žádná další rozšíření nebo doplňky na úpravu vzhledu jsme nepoužili.
Testovalo se v okně (pomocí Sizeru nastaveno pevné rozlišení 1024 × 1024 px) a také v maximalizovaném režimu. Porovnávat v celoobrazovém módu nemělo smysl, prohlížeče přitom ztratí veškeré prvky a jsou si tedy rovny.
Maximalizovaný prohlížeč na monitoru zabral plochu 1920 × 1170 px. Zbylých 30 px patřilo hlavnímu panelu Windows 7. Důležitým prvkem je náš index plýtvání místem, jedná se o procentuální vyjádření, kolik plochy celkem zaberou ovládací prvky a rám prohlížeče na úkor obsahu. Možná vás to překvapí, ale prohlížeče se lišily nejenou zabranou plochou na výšku, ale roli hrála i šířka rámu. Ta zdaleka nebyla všude stejná.
Index plýtvání místem platí pouze pro testované rozližení 1024 × 1024 a 1920 × 1170 px. čím nižší rozlišení, tím vyšší bude výsledný index
Abychom dostali přesné výsledky, započítali jsme, jakou část obrazovky zabere samotný obsah. Ten jsme zjistili výřezem stránky, pouze hodnotného obsahu bez rámů oken či posuvníků. Viz obrázek ze dvou prolehlých rohů, které se staly klíčovými pro výřez. Řezalo se včetně červených linek v rozích.

Hlavní motivací bylo včerejší odhalení nové funkce Compact Navigation v experimentální verzi Chrome. Prohlížeč Googlu je subjektivně už tak střízlík, ale odstraněním Omniboxu z něj téměř nic nezbylo. Adresní a vyhledávací řádek prostě vyskočí, když to potřebujete. Jinak nezabírá místo. A především prostor na výšku je kritický zvlášť kvůli menším displejům notebooků a hlavně netbooků s 600 px ve vertikálním směru. A hlavně: weby se dnes táhnout na výšku, nikoliv do šířky.
Internet Explorer 9
Microsoft se svým prohlížečem zabodoval. Od dob IE6 udělal několik kroků k tomu, aby se stal nejen rychlým, ale také „čistým“. Ovládacích prvků je minimum, místem šetřil především tak, že spojil adresní a vyhledávací řádek a za něj ještě umístil karty/taby.

Internet Explorer 9 v okně se bez záložek | Internet Explorer 9 v okně se záložkami
O prostor vás ale zbytečně okrádá spodní stavová lišta, která lze naštěstí vypnout. Klepněte do horního rámu a odškrtněte Stavový řádek. Ve stejné nabídce si můžete přidat lištu záložek, menu a příkazy. V základu jsou tyto volby vypnuty.

Internet Explorer 9 maximalizovaný bez záložek | Internet Explorer 9 maximalizovaný se záložkami
| Internet Explorer 9 | ||||
| Režim | Šířka [px] | Výška [px] | Celkové rozlišení [px] | Index plýtvání místem |
| v okně, bez záložek | 991 | 921 | 912 711 | 13,0 % |
| v okně, se záložkami | 991 | 891 | 882 981 | 15,8 % |
| maximalizovaný, bez záložek | 1 904 | 1 092 | 2 079 168 | 7,4 % |
| maximalizovaný, se záložkami | 1 904 | 1 062 | 2 022 048 | 10,0 % |
| v okně, bez záložek* | 991 | 944 | 935 504 | 10,8 % |
| maximalizovaný, bez záložek* | 1904 | 1115 | 2 122 960 | 5,5 % |
| * bez stavové lišty | ||||
Firefox 3.6
Starší ohňoliška je zde pouze pro zajímavost. Jediný zástupce „staré“ školy, který si ještě potrpěl na hlavní menu a nedokázal využít prostor v horním rámu okna.

Firefox 3.6 v okně se bez záložek | Firefox 3.6 v okně se záložkami
V základu je Firefox 3.6 opravdový žrout. V okně bez záložek zabral téměř 21 % plochy! Stavový řádek bohužel vypnout nejde, ale lze zmenšit tlačítka a schovat hlavní menu. Nabídku aktivujete klepnutím pravým tlačítkem do prostoru za taby. Ani po těchto úpravách ale konkurenci nedožene.

Firefox 3.6 maximalizovaný bez záložek | Firefox 3.6 maximalizovaný se záložkami
| Firefox 3.6 | ||||
| Režim | Šířka [px] | Výška [px] | Celkové rozlišení [px] | Index plýtvání místem |
| v okně, bez záložek | 991 | 865 | 857 215 | 18,2 % |
| v okně, se záložkami | 991 | 838 | 830 458 | 20,8 % |
| maximalizovaný, bez záložek | 1 904 | 1 043 | 1 985 872 | 11,6 % |
| maximalizovaný, se záložkami | 1 904 | 1 017 | 1 936 368 | 13,8 % |
| v okněm bez záložek* | 991 | 891 | 882 981 | 15,8 % |
| maximalizovaný, bez záložek* | 1 904 | 1 051 | 2 001 104 | 10,9 % |
| * s menšími tlačítky a bez hlavního menu | ||||
Firefox 4.0
Nový Firefox se hodně podobá 11. verzi Opery. Ztratil stavový řádek, schoval hlavní menu, ale trochu mu lepším indexu ubírají větší ovládací tlačítka.

Firefox 4 v okně se bez záložek | Firefox 4 v okně se záložkami
Ta lze zmenšit v nabídce Nastavit lišty, do které se dostane klepnutím pravým tlačítkem do prostoru vedle tabů.

Firefox 4 maximalizovaný bez záložek | Firefox 4 maximalizovaný se záložkami
| Firefox 4 | ||||
| Režim | Šířka [px] | Výška [px] | Celkové rozlišení [px] | Index plýtvání místem |
| v okně, bez záložek | 989 | 911 | 900 979 | 14,1 % |
| v okně, se záložkami | 989 | 885 | 875 265 | 16,5 % |
| maximalizovaný, bez záložek | 1 904 | 1 106 | 2 105 824 | 6,3 % |
| maximalizovaný, se záložkami | 1 904 | 1 080 | 2 056 320 | 8,5 % |
| v okně, bez záložek* | 989 | 920 | 935 504 | 10,8 % |
| maximalizovaný, bez záložek* | 1 904 | 1 115 | 2 122 960 | 5,5 % |
| * s menšími tlačítky | ||||
Opera 11
Opera šetřila místem odjakživa. Dvé funkce dokázala chytře skrýt do postranních výsuvných lišt, takže na první pohled byla úsporná. Stejné je to i v nové 11. verzi. Jediným mínusem může být spodní stavová lišta, která ale ukrývá důležité funkce Turbo, Link nebo Unite.

Opera 11 v okně se bez záložek | Opera 11 v okně se záložkami
Pokud vám lišta i přesto vadí, můžete ji vypnout. Zkratkou Shift+F12 otevřete Přizpůsobení vzhledu | Lišty a odškrtněne lištu záložek (případně i další prvky).

Opera 11 maximalizovaný bez záložek | Opera 11 maximalizovaný se záložkami
| Opera 11 | ||||
| Režim | Šířka [px] | Výška [px] | Celkové rozlišení [px] | Index plýtvání místem |
| v okně, bez záložek | 991 | 888 | 901 890 | 16,1 % |
| v okně, se záložkami | 991 | 866 | 879 120 | 18,2 % |
| maximalizovaný, bez záložek | 1 904 | 1 086 | 2 075 360 | 8,0 % |
| maximalizovaný, se záložkami | 1 904 | 1 064 | 2 031 568 | 9,8 % |
Stránky
Související články
| 25. 5. 2012 Komentáře (0) | 25. 5. 2012 Komentáře (2) |
| 23. 5. 2012 Komentáře (4) | 21. 5. 2012 Komentáře (3) |




























Komentáře
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
niekto sa asi nudil :)
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
děsný ptákoviny :oD pokud chci maximální plochu, F11 - a mám 100% využití - absolutně zbytečný "test" ;o)
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
tak tak, možná by se to spíš chtělo zamyslet na designem samotných webových stránek, kdy "sloupek" na stránce zabírá na širokoúhlém fullhd monitoru něco málo přes polovinu obrazovky a to, že 20% z plochy "sloupku" zabírají naprosto zbytečné reklamy, tomu já říkám plýtváním místem na ploše ;)
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
Stránky jsou většinou designované na šířku 1024 px. Z historického hlediska to bylo kvůli starším monitorům, jenže teď to zase ovlivnily netbooky a nově tablety. Takže úzké sloupky na Full HD zůstanou.
Řešením je samozřejmě nějaký plovoucí design, který dnes hravě svede HTML5/CSS3, jenže opravdu chcete číst široké řádky? Lidské oko je zvyklé číst na výšku, na delším řádku se lehce ztratíte. Ve výsledku by ze samotného obsahu zůstala stejná nudle, ale strany by zabraly reklamy a další „zbytečná“ výplň.
Leda udělat vícesloupkový text jako mají noviny a časopisy. Na to už webové standardy také myslí, ale osobně mě takové množství sloupků, reklam, boxíků s navigacemi na stránce apod. spíš ruší a rozptylují pozornost. Ale jednou ta doba asi přijde, jen se zatím do toho nikdo moc nehrne.
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
Přesně tak. Já osobně mám obrovský problém na Wikipedii s širokoúhlým monitorem, poněvadž se během čtení často ztratím nebo přeskočím. Když už chcete šetřit místem, doporučuji přesunout ovládací panel na Windows 7 na stranu. Já preferuji pravou stranu, a využiji tak výšku displeje na max.
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
Přesně tak, Lukáši, širokoúhlé monitory jsou v tomto naprostá hrůza...!
Nejlepší je mít sloupce natolik úzké, aby šly číst bez zbytečných pohybů očí. Tudíž by měly být široké nejvíc na 2 zraková pole, přičemž pod 1 zrakovým polem rozumím rozsah, který lze přečíst najednou, bez dalších pohybů očí. Protože oko se musí pohybovat jaksi v menších skocích, aby bylo možné sledovat nebo zaměřit daný předmět ve vztahu k poloze předchozího zaměřeného bodu. Tudíž text v nejvýše 2 zrakovými poli širokých sloupcích se čte sousledností: (počátek) zaměření (přesun) – čtení – přesun – čtení – (přechod na novou řádku) přesun – čtení atd. Protože vedlejší bod zaměření lze zaměřit bezprostředně (levý začátek další řádky z pravého konce čtené řádky – vodítkem je zde mezera mezi řádky). Ale pro delší řádky je při čtení sice stejná souslednost (čili potud by byla efektivita přibližně stejná, střídaní přesunu a čtení), ale pro přechod na novou řádku je zapotřebí vícero sousledných („hluchých“) přesunů. Příklad: (počátek) zaměření (přesun) – čtení – přesun – čtení – přesun – čtení – přesun – čtení – (přechod na novou řádku) přesun – přesun – přesun – čtení.
Já osobně si na svém monitoru příliš široké sloupce textu v Opeře zkracuji zúžením zobrazovacího listu (panelu, karty, tabu – jak je libo; list je ovšem jediný název se slovanským základem) (ve vícedokumentovém rozhraní (MDI), ve starších verzích skutečném, v novějších (10.5) pouze falešném, ale zastávajícím stejnou úlohu).
Já tak nedovedu pochopit, co táta spatřuje tak úžasného na svém obrovském monitoru v práci, on je totiž jimi posedlý, kdežto já bych takový nechtěl ani náhodou – abych si sílil oči v neustálém běhání zprava doleva a zpátky?! Nebo dokonce u toho otáčel hlavu, ach, aby mě pak ještě bolel i krk a hlavně hlava, po takovém útoku na rovnovážné ústrojí?!
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
U externího širokoúhlého monitoru ale zase můžete (pokud to model umí) displej otočit na výšku a z nevýhody je výhoda :-).
Jinak díky za komentář, mám rád přemýšlivé čtenáře.
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
Jenže ne každý fullscreen používá. Na velkých širokoúhlých monitorech je to opravdu overkill, ale zároveň se hodí každý ušetřený pixel v režimu s oknem. A cílem bylo ukázat, kdo tím místem plýtvá nejvíce.
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
Ok - pak tedy v závěru lžete (nebo jen omyl ?) :o) nejlepší poměr mimo Canary má shodně s IE 9 Firefox 4 - jehož hodnotu jste do závěrečné tabulky přepsali podivně - nebo je špatně v úvodní malé tabulce ? ;o)
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
Nelžu. Firefox 4 dosahuje stejné procentní hodnoty jako IE9, ale až po zmenšení tlačítek (v závěrečné tabulce je u něj příznak "osekaný"). Ve výchozím nastavení ale plýtvá místem více.
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
IE 9 ovšem máte také označen jako osekaný - s vypnutým stavovým řádkem, který Firefox 4 automaticky skrývá - tedy ve výsledku nesrovnáváte stejné nastavení ;o)
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
A jo, sám jste mě zmátl. Ale stejně nemáte pravdu. V závěru zní věta: "Pokud nepočítáme Chrome Canary, nejúspornějším prohlížečem v režimu okna (1024 × 1024 px) je Internet Explorer 9 v těsném závěsu s Chrome 11 a Safari 5." Ta platí.
IE9 má v okně [bez úprav] 13 % (bez lišty se záložkami) a 15,8 % (se záložkami).FF4 má v okně [bez úprav] 14,1 % (bez lišty se záložkami) a 16,5 % (se záložkami).
Ale chápu, je to hodně čísel, takže se v tom člověk lehce ztratí.
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
Přesně tak, je to blbost, protože se snižováním místa pro ovládací prvky (v hantýrce vývojářů Mozilly se tomu říká „chrome“, tedy jako ty cetky/tretky kolem) klesá i pohodlí ovládání.
Naprostou blbostí bylo odstranění stavového řádku od Mozilly Firefox 4.0 beta 7, protože pokud by mělo prý pouze zbytečně zabírat zobrazovací prostor, pak by bylo lepší mít volbu pro jeho skrytí, místo odstraňování důležité součástí.
Operu totiž lze velice pružně upravit k obrazu svému co se týče tlačítkových nebo zobrazovacích pruhů (=panelů, lišt), a přesto já jich mám zapnutých spoustu. A kdo chce mít co největší zobrazovací plochu, tak ať si stiskne F11...
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
Celkem užitečný test, taky se snažím na notesu šetřit místem a jelikož je většina webů na výšku, tak mám v Opeře 11 nastavené záložky na pravém boku, k čemu prázdné okraje stránek.
Jinak z celoobrazovkových režimů mi nejvíc vyhovoval ten v IE9 a FF4, v Opeře jsem si na něj nějak nezvykl, chybí mi tam možnost zobrazení adresního řádku při najetí kurzoru myši k hornímu okraji obrazovky, nebo alespoň o nějaké takové funkci v Opeře nic nevím.
Re: Prohlížeče pod lupou: který nejvíce plýtvá místem na ploše?
Zajímavé téma, díky za něj. Pozn.:
- srovnáváte kolik procent zabírají ovládací prvky, ale uživatele spíš zajímá kolik jim zobrazí prohlížeč obsahu webu. To jsou různé věci, nepočítáte totiž s řádkováním (a asi fontem a velikostí písma). Tragickej je FF4, kterej hrozně roztahuje text, takže i přes minimalizované ovládací prvky ukáže míň než všechny ostatní prohlížeče.
- co je Chrome platné schování adresního řádku, když má suverénně nejtlustší stahovací lištu
- tenký rámeček u Maxthonu je fajn, nejlepší je ale ho zmenšit pro všechny W7 okna v nastavení zobrazení (položka "výplň ohraničení")
Přidat komentář