5 astuces jQuery

328
(24/02/09) Categories : Astuces ; jQuery ; Tutoriaux

Je vous propose cinq astuces à mettre en place dans vos applications jQuery. Elles vous faciliteront la vie et surtout optimiseront les performances de vos scripts.

1. Chargez jQuery depuis Google CDN

Plutôt que stocker le fichier jQuery sur votre serveur, une bonne idée peut être de le charger directement du Google CDN (Réseau de Distribution de Contenu). Quatre avantages à cela :

  1. Une économie de bande passante (environ 20Ko par visiteur pour jQuery 1.3.2)
  2. Les serveurs Google CDN sont très puissants et la librarie jQuery se chargera rapidement chez votre visiteur.
  3. Si le visiteur a déjà été sur un site chargeant jQuery a partir du Google CDN, il l'aura déjà en cache, ce qui minimise le temps de chargement de votre site.
  4. Vous changez très facilement de version de jQUery, sans avoir à télécharger le fichier et à l'uploader sur votre ftp.

Pour charger jQuery depuis Google CDN, il suffit de changer la source du script qui inclut jQuery sur votre site :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>

Si vous préférez la version 1.3.2 par exemple, il suffit de remplacer '1.2.6' par '1.3.2' dans le code ci-dessus !

2. Utilisez les antisèches !

Quoi de plus pénible quand on développe, que chercher quelle est la fonction qui permet de faire telle ou telle chose ? Pour éviter cela, il existe des "antisèches" (Cheat Sheet en anglais). Il s'agit de feuilles à imprimer qui listent les fonctions d'une librairie, et leurs paramètres.

» Exemple de Cheat Sheet pour jQuery 1.3

3. Regroupez vos scripts

Certains navigateurs ont du mal à charger successivement plusieurs fichiers JavaScript. Je vous conseille donc de regrouper les plugins jQuery que toutes les pages de votre site utilisent et d'en faire un unique fichier. Si vos plugins sont compréssés, n'oubliez pas de garder un commentaire pour savoir à quelle version de quel plugin correspond chaque partie du nouveau script.

4. Minifiez, ne packez pas !

De nombreux algorithmes permettent de minifier (de l'anglais minify, amoindrir) vos plugins jQuery. Citons par exemple l'excellent YUI Compressor, de la librairie Javascript Yahoo!. Ces algorithmes utilisent diverses techniques pour rétrécir votre code, notamment l'ofuscation, qui consiste à raccourcir vos noms de variable ('var monBooleen = true;' devient par exemple 'A=true;').

Il existe un autre type de compression, "pack" en anglais. Bien que plus efficace au niveau du poids du scripts compréssé, il utilise des fonctions qui augmentent la complexité du code. Le bénéfice gagné lors du chargement est donc perdu lors de l'interpretation du code par le navigateur.

Il faut donc toujours minifier, mais jamais packer !

5. Utilisez un raccourci à l'évenement 'ready'

Les développeurs jQuery connaissent bien l'évenement 'ready', qui permet de ne commencer à utiliser jQuery que lorsque tout le DOM s'est chargé.

$(document).ready(function (){
    // code
});

Il existe un raccourci, ayant exactement la même fonctionnalité :

$(function (){
    // code
});

Sachant que vous pouvez inclure plusieurs évenements ready dans la même page (peu conseillé), ce bout de code peut vous faire gagner quelques centaines d'octets.

Retour en haut de la page

Commentaires

<< Précédent | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | Suivant >>

328 commentaires pour l'instant (Répondre)

#2520 Posté par WilliamGuigo le 14/10/21 à 01:50

Whoa plenty of very good knowledge.
top essay writing services https://lifeinnetwork.com/en/page-o506mvws600ai.html college essays prompts
writing an essay for scholarship m738ed a399f9d

#2519 Posté par BarbaraHourn le 14/10/21 à 01:46



Back To School S02Title Song VideoNakkalites

#2518 Posté par gearefaspiem le 14/10/21 à 01:23

You can always buy dumps best for bets
http://slavsbyt.ru/index.php?subaction=userinfo&user=ojuzyb
http://diakov.net/index.php?subaction=userinfo&user=ucojawy
http://producm.ru/forum/user/50572/
http://i-rybak.ru/forums/user/ufosyjele/
http://nivitalik.ru/users/iqajab
http://fckremen.com/index.php?subaction=userinfo&user=ynuxaf
http://test.shinaexpres.ru/profile.php?lookup=11876
http://mega-zaim96.ru/forum/user/11847/
https://fhm.group/communication/forum/user/6072/
https://stylist-profi.ru/forum/user/159006/

http://blood-arena.ru/index.php?name=account&op=info&uname=ylaquni
http://blog.edavoda24.ru/index.php?subaction=userinfo&user=yfubyqi
https://gidro2000.com/forum-gidro/user/3832/
http://www.lada-4x4.net/member.php?u=9743
http://diakov.net/index.php?subaction=userinfo&user=ucojawy
http://cgsn162.ru/about/forum/?PAGE_NAME=profile_view&UID=25691
http://mokomasis-astuntukas.lt/index.php?subaction=userinfo&user=ijofuqys
https://coffeetrade.ua/forum/?PAGE_NAME=profile_view&UID=26072
http://tpexpert-yar.ru/communication/forum/user/4883/
http://xn--80adkgeuoi5b1f.xn--p1ai/index.php?subaction=userinfo&user=ifytifi

#2517 Posté par RodrigoHib le 14/10/21 à 00:55

Helpful data. Kudos!
top ghostwriters https://canadianpharmacyfirst.com/en/page-u54xzmoz462ih.html how to write a thesis statement for an essay
easy steps to write an essay m34ryz 483d1d4

#2516 Posté par RichardJer le 13/10/21 à 23:59

http://openlink.ca.skku.edu/link.n2s?url=https://demontagmoskva.ru/demontaj-peregorodok-gipsolita-i-betona/
демонтаж стен москва f693595

#2515 Posté par Robertevact le 13/10/21 à 23:49

ничего особенного
_________________
кизильюрттағы букмекерлік кеңсе

#2514 Posté par Bernardsnumb le 13/10/21 à 23:21

You actually suggested that terrifically!
need help writing essay https://modafinil-info.net/en/page-s30nlhpz11ent.html custom college essay
college essay review services u91bmy d1d4031

#2513 Posté par Joshuaren le 13/10/21 à 23:11

Awesome stuff, Appreciate it.
business plan writers nyc https://health21cialis.com/en/topic-s85ayfzo800hk.html ebook writing service
how to write an essay on yourself q15ofl 791f5a3

#2512 Posté par WilliamGuigo le 13/10/21 à 23:03

Amazing plenty of good info!
college essay personal statement https://viagramsnrx.com/en/page-x74nng4k810yy.html statement writer
learning how to write essays v66qoz d403179

#2511 Posté par Dennyatrob le 13/10/21 à 22:57

Nicely put, Many thanks!
going to college essay https://payday8onlinetop.com/en/post-b244hbzz94wjm.html phd dissertation writing service
essays to write j59ocw d1d4031

#2510 Posté par Leonardovasy le 13/10/21 à 22:23

Seriously many of excellent info.
border writing paper https://topcbdproductstrust.com/en/topic-t77eeenu19xvj.html buy thesis
write custom essays m28ioj 6483d1d

#2509 Posté par Hectorexers le 13/10/21 à 21:43

Далеко не всем хочется возводить стенки погреба — это долго, а время есть не всегда. Для хранения овощей в небольших количествах можно сделать погреб из бетонных колец. Самый большой диаметр подобных изделий — 2 м и 2,5 м, вот их и можно использовать. polvam.ru

#2508 Posté par ChaseSmess le 13/10/21 à 21:35

https://itboat.com/redirect?url=https://demontagmoskva.ru/demontaj-polov-v-moskve-2/
Демонтаж москва 7af6935

#2507 Posté par RodrigoHib le 13/10/21 à 21:10

Amazing material, Appreciate it.
college essay on diversity https://onlinecasinontx.com/en/topic-y93lwzdg584ar.html report writing services
online essay help chat h68vah f5a399f

#2506 Posté par Joshuaren le 13/10/21 à 20:18

This is nicely put. .
thesis writing help https://canadianonlinepharmaciesntv.com/en/post-e88sfs5b92cqy.html ghostwriter services
how to write a personal essay for grad school j29mbj 7_10947

#2505 Posté par WilliamGrile le 13/10/21 à 19:48

http://fussballkirche.de/__media__/js/netsoltrademark.php?d=de.bitcoinforearnings.com
Michaelcek 5a399f9

#2504 Posté par WilliamGuigo le 13/10/21 à 19:41

Regards. An abundance of stuff.
custom writing https://canadianpharmaciesmsn.com/en/post-d97eni2j91emj.html phd thesis submission
customized essays u57rkb 94_b7cf

#2503 Posté par Dennyatrob le 13/10/21 à 19:12

Whoa plenty of terrific knowledge!
term papers for sale https://modafinil-info.net/en/post-j31pcduz46dxv.html custom essay writing help
writing an essay online j507cc 97_f11d

#2502 Posté par StephenGyday le 13/10/21 à 19:11

Астрологические программы. http://astrologia-profi.ru Профессиональный астролог проводит обучение астрологии, вебинары по астрологии. Консультации астролога, прогнозирование событий, анализ личной жизни, профориентация детей, подбор условий для эмиграции, анализ совместимости мужчины и женщины

#2501 Posté par Leonardovasy le 13/10/21 à 18:38

Really many of terrific knowledge.
buy research paper online https://lifeinnetwork.com/en/page-o72kcgen37mio.html essay how to write
write my admissions essay u75ihn 4031791

<< Précédent | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | Suivant >>
Retour en haut de la page

Ajouter un commentaire

 
Règles
  • Merci d'écrire des commentaires en relation avec le billet et en français correct
  • Ces balises HTML sont autorisées : <a><b><i><em><strong><abbr><acronym><blockquote><code>
  • Tout message avec spam, langage SMS sera supprimé.
Inscrivez ici le nom de la capitale de la France
 
Retour en haut de la page


  • Lien vers la page Contact
  • Lien vers le flux RSS du blog
  • Lien vers la page Liens
Partenaire Rammstein World Partenaire Emigrate France
Page valide XHTML 1.0 Page valide CSS Level 2.1 Flux RSS Valide

Ce site respecte les standards du web du W3C.

Site optimisé pour une largeur d'écran supérieure ou égale à 1024 pixels.
Site testé sur Firefox, Internet Explorer 7+, Chrome, Opera, Safari.

contenu | menu | recherche

Ce site propose un blog qui parle d’informatique, notamment de développement et design.

Il a été créé, designé et est maintenu par Pierrick Dautrement.

© 2022 Pierrick Dautrement. Tous droits réservés.

Ce qu'il y a derrière