5 astuces jQuery

203
(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 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Suivant >>

203 commentaires pour l'instant (Répondre)

#3917 Posté par ROLLOCK1693 le 26/11/21 à 01:29

Cool webpage https://servis-55.ru

#3916 Posté par fayemn69 le 26/11/21 à 01:20

Enjoy daily galleries
http://pornwithnewyorkholliday.sexjanet.com/?paloma
angeles bar girls porn pregnet girls porn free russian porn full movie babyface teen porn free sleazy porn cries black

#3915 Posté par GUNTHROP0651 le 26/11/21 à 01:18

Nice webpage https://rbdev.ru

#3914 Posté par LAPIDUS4062 le 26/11/21 à 00:12

Nice webpage https://vlt2800.ru

#3913 Posté par BrianMug le 26/11/21 à 00:07

грязное порно фото https://krasotulki.vip/ секс часы фото

домашнее частное секс порно фото https://krasotulki.vip/category/v-chulkah/

[url=http://probki.kirov.ru/content/reshenie-1442012#comment-17834107]порно анал боком[/url]
[url=http://forum.eltex-co.ru/viewtopic.php?f=5&t=10702]порно зрелых женщин за 45[/url]
[url=https://www.voxvote.com/blog/how-to-write-great-questions-writing-tips?__r=8d9af5d1ff72b50]домашнее порно зрелых семейных пар[/url]
[url=https://cila-milak.eoldal.hu/cikkek/vendegkonyv.html#block-comments]порно подростков смотреть онлайн[/url]
[url=https://www.chuangkeup.com/thread-82645-1-1.html]секс чат онлайн[/url]
[url=http://huiyingkj.com.cn/wypc.asp?id=]порно анал зрелые группа[/url]
[url=http://automatron.pro/forum/index.php?topic=8914.new#new]порно красивая спит[/url]
[url=https://demo.mage-review.com/fire-kalima-remix-by-unannounced-guest.html]русское порно молодых втроем[/url]
[url=https://www.snusfynd.se/product/lyft-mint/]красивые голые женщины за 40[/url]
[url=http://thamdinhgiaforum.online/showthread.php?tid=813&pid=859#pid859]жесткое порно онлайн без[/url]
1d40317 порно фото итальянок

#3912 Posté par MUZIO5887 le 26/11/21 à 00:02

Usefull website https://avto-electronik.ru

#3911 Posté par GeorgeFat le 25/11/21 à 23:14

ivermectin lotion price or stromectol 3mg cost or stromectol online pharmacy or ivermectin 50ml or ivermectin 18mg or ivermectin lotion for lice or ivermectin 1 cream 45gm or ivermectin oral or ivermectin new zealand or buy ivermectin uk or stromectol 6 mg tablet or ivermectin over the counter
ivermectin pills rhniburn
where to buy stromectol online zvfbgpnb
stromectol 3 mg dosage isoeftbj

#3910 Posté par timothyxn1 le 25/11/21 à 23:10

Young Heaven - Naked Teens & Young Porn Pictures
http://chiefland.babespornthumbs.adablog69.com/?jayda
mature indian porn tng black porn actress hosted free porn videos michael jackson porn pctures granny asss porn

#3909 Posté par CANTERBERRY9607 le 25/11/21 à 22:54

Cool webpage https://spd46.ru

#3908 Posté par KULLAS0755 le 25/11/21 à 22:44

Cool site https://stroy-montel.ru

#3907 Posté par JustinDem le 25/11/21 à 22:18

http://zazebok.ru/buy-a-car/all-new-and-used/qld/all-locations/all-bodytypes/mercedes-benz?cpo=paid
These hotels in Aarhus are highly rated by couples: Villa Provence, Hotel Royal and Radisson RED Aarhus.

#3906 Posté par BuyEssayOnline le 25/11/21 à 22:06

Good esthetician resume банки личный кабинет


UYhjhgTDkJHVy

#3905 Posté par DEMCHOK1149 le 25/11/21 à 21:36

Good website https://klin-service.ru

#3904 Posté par SWIATEK3461 le 25/11/21 à 21:26

Good webpage https://frequency-drive.ru

#3903 Posté par gok le 25/11/21 à 20:59

Всем привет!
На огромных и безграничных просторах интернете много чего есть, самой всевозможной и разнообразной информации просто безмерно полно.
Можно не только часами и днями, а месяцами, даже годами блуждать в поисках нужной информации.
Как говорится время – это деньги! Зачем бессмысленно тратить уйму свободного и нужного времени в поисках не понятно чего?
Хочу с вами поделиться интересным и полезным сайтом, созданным для веселого и быстрого поздравления на все случаи жизни и события.
Вы угадали – это красочные, веселые, интересные и забавные открытки!
Открытки есть практически и по факту на все случаи и события жизни.
Как говорится лучше один раз увидеть, чем сто раз прочитать и услышать.
В общем, если вы хотите найти, открытки с Поздравлениями, красивые картинки и т.д., например:
otkritkis
Тогда вам нужно прямо сейчас перейти на сайт ОткрытКис и узнать все подробности по поводу коллекции более 15000 красивых картинок и открыток, красивые картинки, открытки с Поздравлениями и т.д. https://otkritkis.ru/ .
Не забудьте внести в закладки и записать название оригинального и полезного сайта.
Всем пока!

#3902 Posté par gok le 25/11/21 à 20:43

Добрый день!
На огромных и безграничных просторах интернете много чего есть, самой разнообразной и всевозможной информации просто безмерно полно.
Можно не только часами и днями, а месяцами, даже годами блуждать в поисках нужной информации.
Как говорится время – это деньги! Зачем бессмысленно тратить уйму свободного и нужного времени в поисках не понятно чего?
Хочу с вами поделиться полезным и интересным сайтом, созданным для веселого и быстрого поздравления на все случаи жизни и события.
Вы угадали – это веселые, красочные, интересные и забавные открытки!
Открытки есть практически и по факту на все случаи и события жизни.
Как говорится лучше один раз увидеть, чем сто раз услышать и прочитать.
В общем, если вы хотите найти, открытки с Поздравлениями, красивые картинки и т.д., например:
[url=https://otkritkis.ru/]otkritkis[/url]
Тогда вам срочно нужно прямо сейчас перейти на сайт ОткрытКис и узнать все подробности по поводу красивые картинки, открытки с Поздравлениями, коллекции более 15000 красивых картинок и открыток и т.д. https://otkritkis.ru/ .
Не забудьте внести в закладки и записать название полезного и оригинального сайта.
Увидимся!

#3901 Posté par gok le 25/11/21 à 20:38

Всем привет!
На огромных и безграничных просторах интернете много чего есть, самой разнообразной и всевозможной информации просто безмерно полно.
Можно не только часами и днями, а месяцами, даже годами блуждать в поисках нужной информации.
Как говорится время – это деньги! Зачем бессмысленно тратить уйму свободного и нужного времени в поисках не понятно чего?
Хочу с вами поделиться интересным и полезным сайтом, созданным для веселого и быстрого поздравления на все случаи события и жизни.
Вы угадали – это красочные, веселые, интересные и забавные открытки!
Открытки есть практически и по факту на все события и случаи жизни.
Как говорится лучше один раз увидеть, чем сто раз прочитать и услышать.
В общем, если вы ищите, красивые картинки, открытки с Поздравлениями и т.д., например:
[url=https://otkritkis.ru/]Здесь[/url]
Тогда вам обязательно нужно прямо сейчас перейти на сайт ОткрытКис и узнать все подробности по поводу коллекции более 15000 красивых картинок и открыток, красивые картинки, открытки с Поздравлениями и т.д. https://otkritkis.ru/ .
Не забудьте записать и внести в закладки название полезного и оригинального сайта.
До новых встреч!

#3900 Posté par BELDON4626 le 25/11/21 à 20:16

Excellent internet site https://colard.ru

#3899 Posté par Ioppobby le 25/11/21 à 20:16

custo da pГ­lula de ivermectina ivermectin for humans

#3898 Posté par GREENSFELDER4177 le 25/11/21 à 20:03

Nice website https://industrialelectronics.ru

<< Précédent | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 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.

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

Ce qu'il y a derrière