jQuery je malý kousek kódu, který umí velké věci. Představovat tuhle javascriptovou knihovnu jistě není nutné. Proto jen krátce pár tipů (pár jsou dva :), jak zlepšit výsledky své práce, pokud používáte jQuery.
Tahejte jQuery od Googlu
Google poskytuje hosting pro nejrůznější knihovny a jednou z nich je jQuery framework. Můžete tedy ve své stránce přímo odkazovat na jQuery knihovnu takto:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
Aktuální adresu pro referenci najdete na http://code.google.com/intl/cs/apis/ajaxlibs/documentation/index.html. Výhody tohoto řešení jsou dvě: kód se „tahá“ z rychlé CDN sítě Googlu a navíc ve většině prohlížečů je tato knihovna uložena v cachi, to za předpokladu, že daný uživatel používá některou ze služeb Googlu. Celkově tak dochází ke zrychlení práce se stránkou.
Případné jQuery pluginy spojte do jednoho min souboru
Velice často se používá jQuery ve spojení s dalšími pluginy, které využívají jQuery API. Snadno, a hlavně zdarma, tak programátor získá dodatečnou funkcionalitu. Pokud je takových pluginů více, je dobré spojit je všechny do jednoho javascriptového souboru a ten následně „minimalizovat“. Opět tímto postupem dosáhnete zrychleného načítání stránky.
Napište prosím do komentářů, jestli by Vás zajímaly i další tipy týkající se jQuery. Ještě pár jich je k dispozici 🙂
Doplnění – pokračování článku najdete na http://www.hosting.cz/2010/06/aby-vase-jquery-bylo-jeste-rychlejsi/
Komentáře
56 komentářů: „Zrychlete své stránky využívající jQuery“
Ano, zajimaji :).
Ano, zajimaji :).
Co se týče tahání od Google. Osobně mi to nepřipadá až tak výhodné/jako dobrý nápad. Takto je vaše hotové řešení závislé na dostuposti někoho jiného. Představte si, že na Googlu soubor přesunou jinam, nebo budou mít nějaký výpadek, nebo se to z nějakého důvodu nebude načítat. (Navíc, kdyby to tak linkovali uplně všichni…:-))
Už vidím, jak co chvíle budu řešit proč to zrovna nejede.
To už je lepší nasadit všemožná kešování apod.
Co se týče tahání od Google. Osobně mi to nepřipadá až tak výhodné/jako dobrý nápad. Takto je vaše hotové řešení závislé na dostuposti někoho jiného. Představte si, že na Googlu soubor přesunou jinam, nebo budou mít nějaký výpadek, nebo se to z nějakého důvodu nebude načítat. (Navíc, kdyby to tak linkovali uplně všichni…:-))
Už vidím, jak co chvíle budu řešit proč to zrovna nejede.
To už je lepší nasadit všemožná kešování apod.
Adame,
odkazy se nemění, Google hostuje jQuery ve verzích 1.2.3, 1.2.6, 1.3.0, 1.3.1, 1.3.2, viz. http://code.google.com/intl/cs/apis/ajaxlibs/documentation/index.html#jquery. Vždycky se na code.google.com jen přidá nový odkaz na nejnovější verzi s vydáním nové verze jQuery knihovny.
Navíc závislost na někom jiném, jak píšete, vždyť to je podstatou internetu. Ať už jde o konektivitu, hosting, nebo i data v případě mash-upů a dalších (třeba „sociálních“) aplikací využívajících externí zdroje.
Adame,
odkazy se nemění, Google hostuje jQuery ve verzích 1.2.3, 1.2.6, 1.3.0, 1.3.1, 1.3.2, viz. http://code.google.com/intl/cs/apis/ajaxlibs/documentation/index.html#jquery. Vždycky se na code.google.com jen přidá nový odkaz na nejnovější verzi s vydáním nové verze jQuery knihovny.
Navíc závislost na někom jiném, jak píšete, vždyť to je podstatou internetu. Ať už jde o konektivitu, hosting, nebo i data v případě mash-upů a dalších (třeba „sociálních“) aplikací využívajících externí zdroje.
Píšete, že „se „tahá“ z rychlé CDN sítě Googlu“.
Máte rychlost nějak podloženou srovnávacími testy?
Podobnou určitě využívají Google Analytics a ty subjektivně rozhodně nepatří k nejrychlejším prvkům stránky.
Píšete, že „se „tahá“ z rychlé CDN sítě Googlu“.
Máte rychlost nějak podloženou srovnávacími testy?
Podobnou určitě využívají Google Analytics a ty subjektivně rozhodně nepatří k nejrychlejším prvkům stránky.
S tím rizikem dostupnosti je to trochu pravda, ale je to riziko, které se dá, v případě problémů, rychle eliminovat. Není přece problém, to kdykoliv přepnout na tahání z vlastního serveru.
A k tomu „kdyby to tak linkovali uplně všichni…“, no, potom by to skoro všichni uživatelé měli v keši, takže by to bylo ještě rychlejší, ne? A to je myslím největší přínos tohohle nápadu – nazval bych to „cross site caching“.
S tím rizikem dostupnosti je to trochu pravda, ale je to riziko, které se dá, v případě problémů, rychle eliminovat. Není přece problém, to kdykoliv přepnout na tahání z vlastního serveru.
A k tomu „kdyby to tak linkovali uplně všichni…“, no, potom by to skoro všichni uživatelé měli v keši, takže by to bylo ještě rychlejší, ne? A to je myslím největší přínos tohohle nápadu – nazval bych to „cross site caching“.
A co se týče té dostupnosti, tak ta by se také dala eventuelně automaticky periodicky testovat a zdroj případně automaticky přepínat.
A co se týče té dostupnosti, tak ta by se také dala eventuelně automaticky periodicky testovat a zdroj případně automaticky přepínat.
Michale,
ad srovnání, právě jsem našel tohle (proletěl jsem ho ale zatím velice rychle):
http://blog.httpwatch.com/2008/07/08/test-drive-of-the-google-hosted-ajax-libraries/
Michale,
ad srovnání, právě jsem našel tohle (proletěl jsem ho ale zatím velice rychle):
http://blog.httpwatch.com/2008/07/08/test-drive-of-the-google-hosted-ajax-libraries/
Vojto a Milane, souhlas .. dobre napady 🙂
Vojto a Milane, souhlas .. dobre napady 🙂
Honzo, díky za odkaz. Vypadá hodně zajímavě. Zkusím si někdy v reálu, jak to bude vypadat pro české prostředí.
Honzo, díky za odkaz. Vypadá hodně zajímavě. Zkusím si někdy v reálu, jak to bude vypadat pro české prostředí.
Nejlepší řešení je mít vždy polední verzi jQuery a tu získáte vložením tohoto kódu.
Nejlepší řešení je mít vždy polední verzi jQuery a tu získáte vložením tohoto kódu.
!
hmm, tak kód se sem nějak nedá vložit 🙁
hmm, tak kód se sem nějak nedá vložit 🙁
Kod se neda vkladat, jde o defaultni bezpecnostni opatreni WordPressu.
Kod se neda vkladat, jde o defaultni bezpecnostni opatreni WordPressu.
[…] « Předchozí […]
[…] Zrychlete své stránky využívající jQuery […]
Tak
Tak volné pokračování, resp. doplnění tohoto článku je na světě:
http://www.hosting.cz/2010/06/aby-vase-jquery-b…
worth to try it, it’s nice..
its very valuable information, thankss
thanks buddy, it’s very helpful
kladat, jde o defaultni bezpecnostni opatreni WordPressu.
http://otakjudi.com/
http://juarapkvgames.club/
situs pkv games
pkv games
daftar pkv games
daftar situs pkv games
daftar pkv
pkv games online
pkv games terpercaya
situs pkv terpercaya
situs website pkv games
vkladat, jde o defaultni bezpecnostni opatreni WordPr
ad srovnání, právě jsem našel tohle
http://cafepkvgames.com
Thank you 🙂
http://cafepkvgames.com
http://daftarbandarcasino.com/
thanks so much brother
Pěkný 🙂
http://projudipoker.co/
http://qiupkvgames.org/
https://rajabaccarat88.org/
I am in fqct hapρｙ tto glance at thіs weblog posts ᴡhich includes lots of useful factѕ, thanks foｒ providing
ѕuch infоrmation.
Feel free t᧐ surf to my website … https://ombakqq.dewalego.com