Zadejte hledaný výraz...
Jakub Glos
Webtrh.cz
Vývoj webových stránek na WordPressu a proklientský přístup pro freelancery
Třídenní infromacemi nabitý prezenční + online kurz v Praze od Webtrhu pouze za 2 871 Kč
Více informací

Google fonts – page load skóre

Jaroslav Bereza
verified
rating uzivatele
(2 hodnocení)
14. 10. 2014 12:28:06
Nevím, kam dotaz zařadit. Nejvíc mi to pasuje sem.
Když si přidáváte google fonts na web, tak ukazuje skóre, jak moc to bude mít dopad na načítací čas. Např. zde: http://www.google.com/fonts#UsePlace:use/Collection:Open+Sans
Nicméně by zajímalo, jak se ten dopad na načítací čas projevuje. Jestli jde o datový objem, který se přenáší nebo jestli jde o to, jak to vizuálně vypadá během načítání apod. Taky by mě zajímalo jak se to skóre vypočítává. Ten jejich metr je na můj vkus dost abstraktní.
Díky za každou konstruktivní odpověď :-)
14. 10. 2014 12:28:06
https://webtrh.cz/diskuse/google-fonts-page-load-skore/#reply1061464
Když si otevřeš revizi prvku u chrome a opery (pravé tlačítko), dáš záložku Network a dáš aktualizovat stránky, tak přesně vidíš, jak se co dlouho načítá např. fonty a na co se musí čekat, než se zobrazí celý web. Ono se to pak hezky "nasčítá" a z jednoduchého webu je pak půl minutové čekání na nic. Proto je potřeba vybrat si co nejméně verzí, které budou reálně používány. U těch google fontů ovšem nejvíce času kradou háčky a čárky tj. Latin Extended (latin-ext)
14. 10. 2014 13:17:11
https://webtrh.cz/diskuse/google-fonts-page-load-skore/#reply1061463
Jaroslav Bereza
verified
rating uzivatele
(2 hodnocení)
14. 10. 2014 13:38:03
Takže jde čistě o datový objem?
Přemýšlel jsem jestli by se latin-ext dalo nějak líp osekat...
např. zde: http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext
je unicode range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
A určitě tam je spousta znaků okolních států, které nebudu potřebovat. Ale neznám technický podrobnosti google fonts tak dobře, abych si mohl udělat požadavek na vlastní unicode range a fungovalo to dobře ve všech prohlížečích.
14. 10. 2014 13:38:03
https://webtrh.cz/diskuse/google-fonts-page-load-skore/#reply1061462
Jo určitě tam jsou znaky, které člověk nepotřebuje, nevyužije, ale sám nevím jak na to.
14. 10. 2014 13:49:29
https://webtrh.cz/diskuse/google-fonts-page-load-skore/#reply1061461
Petr Soukup
verified
rating uzivatele
(5 hodnocení)
14. 10. 2014 15:17:53
Skóre ukazuje jen velikost. Podstatný je ale i způsob vložení do stránky
- @import blokuje načítání zbytku css
- javascript představuje zbytečnou režii
- znamená požadavek navíc a nebo způsobuje blikání při asynchronním načtení
Zkrátka všechny tři možnosti vložení jsou v něčem špatně :)
14. 10. 2014 15:17:53
https://webtrh.cz/diskuse/google-fonts-page-load-skore/#reply1061460
Pro odpověď se přihlašte.
Přihlásit