Zrychlete své stránky využívající jQuery

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/


Uveřejněno

v

od

Komentáře

56 komentářů: „Zrychlete své stránky využívající jQuery“

  1. Jan Menšík avatar
    Jan Menšík

    Ano, zajimaji :).

  2. Jan Menšík avatar
    Jan Menšík

    Ano, zajimaji :).

  3. Adam avatar
    Adam

    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.

  4. Adam avatar
    Adam

    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.

  5. Honza avatar

    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.

  6. Honza avatar

    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.

  7. Martin Michálek avatar

    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.

  8. Martin Michálek avatar

    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.

  9. Vojtěch Semecký avatar

    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“.

  10. Vojtěch Semecký avatar

    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“.

  11. Milan Majer avatar
    Milan Majer

    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.

  12. Milan Majer avatar
    Milan Majer

    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.

  13. Honza avatar

    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/

  14. Honza avatar

    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/

  15. Honza avatar

    Vojto a Milane, souhlas .. dobre napady 🙂

  16. Honza avatar

    Vojto a Milane, souhlas .. dobre napady 🙂

  17. Martin Michálek avatar

    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í.

  18. Martin Michálek avatar

    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í.

  19. chytek avatar
    chytek

    Nejlepší řešení je mít vždy polední verzi jQuery a tu získáte vložením tohoto kódu.

  20. chytek avatar
    chytek

    Nejlepší řešení je mít vždy polední verzi jQuery a tu získáte vložením tohoto kódu.

  21. ch avatar
    ch

    hmm, tak kód se sem nějak nedá vložit 🙁

  22. ch avatar
    ch

    hmm, tak kód se sem nějak nedá vložit 🙁

  23. Honza avatar

    Kod se neda vkladat, jde o defaultni bezpecnostni opatreni WordPressu.

  24. Honza avatar

    Kod se neda vkladat, jde o defaultni bezpecnostni opatreni WordPressu.

  25. […] Zrychlete své stránky využívající jQuery […]

  26. Jan Horna avatar

    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

  27. topan303 avatar

    worth to try it, it’s nice..

  28. menang303 avatar

    its very valuable information, thankss

  29. pulcas303 avatar

    thanks buddy, it’s very helpful

  30. daftar situs pkv games avatar

    kladat, jde o defaultni bezpecnostni opatreni WordPressu.

  31. JuaraPKVGames avatar

    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

  32. Daftar situs judi online avatar

    vkladat, jde o defaultni bezpecnostni opatreni WordPr

  33. Pkv Games Resmi avatar

    ad srovnání, právě jsem našel tohle

    http://cafepkvgames.com

  34. https://ombakqq.dewalego.com avatar

    I am in fqct hapρy tto glance at thіs weblog posts ᴡhich includes lots of useful factѕ, thanks for providing
    ѕuch infоrmation.

    Feel free t᧐ surf to my website … https://ombakqq.dewalego.com