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

203 commentaires pour l'instant (Répondre)

#3937 Posté par JosephJoume le 26/11/21 à 09:24

https://vetworld.net

#3936 Posté par PARONTO0174 le 26/11/21 à 08:50

Excellent website https://zenles.ru

#3935 Posté par DAIL9233 le 26/11/21 à 08:41

Usefull site https://retorgiy.ru

#3934 Posté par WALDHOFF7606 le 26/11/21 à 07:39

Interesting site https://zenles.ru

#3933 Posté par CHEESMAN6549 le 26/11/21 à 07:29

Excellent website https://industrialelectronics.ru

#3932 Posté par Nof le 26/11/21 à 06:48

Доброго времени суток!
Долгоиграющая и вековая новость для тех, кто хочет сделать неповторимый и оригинальный подарок своим близким или себе!
Подсказали необычный и оригинальный сайт, где можно заказать картину или портрет по фотографии или фото.
Очень удивилась и приятно обрадовалась, что все происходит очень быстро в буквальном смысле за 1 день или за 1 сутки.
В общем, если вы ищите, портрет по фотографии, картину по фотографии и т.д., например:
[url=https://xn--24-6kcl0akmiefb0a0a.xn--p1ai/]нарисовать картину с фотографии цена[/url]
А то, что больше всего понравилось и привлекло внимание так это то, что на сайте есть отличный и разнообразный выбор видов и жанров картин и портретов по фотографии, например:
[url=https://xn--24-6kcl0akmiefb0a0a.xn--p1ai/love-is]портрет по фото в стиле live is... 1 день[/url]
Если вас действительно интересуют картины или портреты по фотографии или по фото.
Тогда вам срочно нужно прямо сейчас перейти на сайт МногоКартин24 и узнать все подробности по поводу картина по фото на холсте, портреты на холсте по фотографии, картина на холсте по фотографии, портрет по фото, картина по фото, портрет по фото на холсте и т.д. https://xn--24-6kcl0akmiefb0a0a.xn--p1ai/ .
Самый важный и главный момент это то что они осуществляют доставку, поэтому узнавайте о доставке картин и портретов по фотографии по СНГ и России https://многокартин24.рф/oplata-dostavka .
Всем пока!

#3931 Posté par marlenehe69 le 26/11/21 à 06:39

Hot photo galleries blogs and pictures
http://rebekhadeeporncrivitz.lexixxx.com/?taylor
big ass butt porn free college coed porn streaming mobile 3gp porn old woman teaching young porn hot older women porn videos

#3930 Posté par Nof le 26/11/21 à 06:32

Всем привет!
Долгоиграющая и вековая новость для тех, кто хочет сделать неповторимый и оригинальный подарок своим близким или себе!
Подсказали необычный и оригинальный сайт, где можно заказать картину или портрет по фотографии или фото.
Очень удивилась и приятно обрадовалась, что все происходит очень быстро в буквальном смысле за 1 день или за 1 сутки.
В общем, если вы ищите, картину по фотографии, портрет по фотографии и т.д., например:
[url=https://xn--24-6kcl0akmiefb0a0a.xn--p1ai/]портрет по фотографии челябинск[/url]
А то, что больше всего понравилось и привлекло внимание так это то, что на сайте есть отличный и разнообразный выбор жанров и видов картин и портретов по фотографии, например:
[url=https://xn--24-6kcl0akmiefb0a0a.xn--p1ai/forbs]портрет по фотографии в стиле forbes за 1 день[/url]
Если вас действительно интересуют портреты или картины по фотографии или по фото.
Тогда вам срочно нужно прямо сейчас перейти на сайт МногоКартин24 и узнать все подробности по поводу картина на холсте по фотографии, портреты на холсте по фотографии, портрет по фото, картина по фото, портрет по фото на холсте, картина по фото на холсте и т.д. https://xn--24-6kcl0akmiefb0a0a.xn--p1ai/ .
Самый главный и важный момент это то что они осуществляют доставку, поэтому узнавайте о доставке портретов и картин по фотографии по СНГ и России https://многокартин24.рф/oplata-dostavka .
До новых встреч!

#3929 Posté par Nof le 26/11/21 à 06:27

Добрый день!
Долгоиграющая и вековая новость для тех, кто хочет сделать оригинальный и неповторимый подарок своим близким или себе!
Подсказали оригинальный и необычный сайт, где можно заказать портрет или картину по фото или фотографии.
Приятно обрадовалась и очень удивилась, что все происходит очень быстро в буквальном смысле за 1 день или за 1 сутки.
В общем, если вы хотите найти, портрет по фотографии, картину по фотографии и т.д., например:
[url=https://xn--24-6kcl0akmiefb0a0a.xn--p1ai/]портрет по фото цена[/url]
А то, что больше всего привлекло внимание и понравилось так это то, что на сайте есть отличный и разнообразный выбор видов и жанров картин и портретов по фотографии, например:
[url=https://xn--24-6kcl0akmiefb0a0a.xn--p1ai/digital]портрет по фото в стиле digital 1 день[/url]
Если вас действительно интересуют картины или портреты по фотографии или по фото.
Тогда вам обязательно нужно прямо сейчас перейти на сайт МногоКартин24 и узнать все подробности по поводу картина по фото, портреты на холсте по фотографии, картина на холсте по фотографии, портрет по фото, портрет по фото на холсте, картина по фото на холсте и т.д. https://xn--24-6kcl0akmiefb0a0a.xn--p1ai/ .
Самый главный и важный момент это то что они осуществляют доставку, поэтому узнавайте о доставке картин и портретов по фотографии по России и СНГ https://многокартин24.рф/oplata-dostavka .
Увидимся!

#3928 Posté par TEATS7062 le 26/11/21 à 06:25

Usefull internet site https://emag220.ru

#3927 Posté par DOTTO2522 le 26/11/21 à 06:16

Nice site https://evo-electro.ru

#3926 Posté par ODIEN3672 le 26/11/21 à 05:13

Nice site https://uesm.ru

#3925 Posté par OSMAN7576 le 26/11/21 à 05:03

Interesting internet site https://mirfox.ru

#3924 Posté par FESSLER5790 le 26/11/21 à 03:59

Cool internet site https://chastotnyepreobrazovateli.ru

#3923 Posté par ROSSELL3317 le 26/11/21 à 03:49

Nice website https://privodsystem.ru

#3922 Posté par BuyEssayOnline le 26/11/21 à 03:44

Best rhetorical analysis essay proofreading services au Рђuthor24


UYhjhgTDkJHVy

#3921 Posté par HOLSING7869 le 26/11/21 à 02:45

Good website https://megapostavshik.ru

#3920 Posté par CAPPONI2664 le 26/11/21 à 02:35

Good site https://asc-technoservice.ru

#3919 Posté par belleImpub le 26/11/21 à 02:19

https://writeablog.net/notifyskiing0/auto-repair-tips-that-are-certain-to-help-fix-your-car-problems-8sy3

[url=https://blogfreely.net/oxygenlion90/do-you-fear-auto-shopping-check-these-tips-nvt8]Free PSN Codes No Surveys
[/url]



PSN Plus Codes Free
Free PSN Codes Giveaway 2022
Free PSN Codes Generator No Survey 2022
Free PSN Codes No Survey No Download 2022

[url=https://victoryoffices.com.au/meeting-rooms-event-function-spaces/boardrooms/?cf_er=_cf_process_619ff2d1435df]Free PSN Codes No Survey 2022[/url] [url=http://jorbasmar.mex.tl/?gb=1#top]Free PSN Gift Card Codes[/url] [url=http://oishisushi.ru/katalog-tovarov/salaty/kajso/]Free PSN Codes No Verification Or Survey 2022[/url] [url=https://panvasoft.com/rus/blog/138/]Free PSN Codes List 2022 Unused[/url] 693595_

#3918 Posté par Jessenix le 26/11/21 à 02:15

Dal 1982, nella Valle Peligna, una lunga storia di mobili, passione e successo. Arredamenti Iacobucci nasce a Pratola Peligna grazie alla passione ed alla dedizione per l’arredamento dei coniugi Carlo e Rita Iacobucci che con determinazione ed impegno costante hanno dato vita al loro sogno.
[url=http://www.sean1949.com/dont-texas-holdem-hands-rank-unless-you-use-these-10-tools/ http://www.ampeonme.com/triple-your-results-at-hotel-near-battle-creek-mi-in-half-the-time/ http://asintllc.com/10-factors-that-affect-best-texas-holdem-hands/ http://tourismaegypt.com/2021/11/16/charles-brokaw-explained/ https://revealme.digital-ppa.fr/how-5-stories-will-change-the-way-you-approach-aarp-spider/ ]the source[/url]

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