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/

29 KOMENTÁŘŮ

  1. Jan Menšík napsal:

    Ano, zajimaji :).

  2. Jan Menšík napsal:

    Ano, zajimaji :).

  3. Adam napsal:

    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 napsal:

    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 napsal:

    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 napsal:

    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. 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. 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. 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. 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 napsal:

    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 napsal:

    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 napsal:

    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 napsal:

    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 napsal:

    Vojto a Milane, souhlas .. dobre napady :)

  16. Honza napsal:

    Vojto a Milane, souhlas .. dobre napady :)

  17. 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. 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 napsal:

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

  20. chytek napsal:

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

  21. ch napsal:

    !

  22. ch napsal:

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

  23. ch napsal:

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

  24. Honza napsal:

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

  25. Honza napsal:

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

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

  27. Jan Horna napsal:

    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

NAPIŠTE KOMENTÁŘ