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

203 commentaires pour l'instant (Répondre)

#4017 Posté par Daviddek le 27/11/21 à 13:02

nolvadex for sale or tamoxifen skin changes or tamoxifen cost or nolvadex gynecomastia or low dose tamoxifen or does tamoxifen cause weight loss or common side effects of tamoxifen or tamoxifen generic or tamoxifen breast cancer prevention or nolvadex d or where can i buy nolvadex or nolvadex pct or hysterectomy after breast cancer tamoxifen or tamoxifen alternatives premenopausal or tamoxifenworld or nolvadex steroids or femara vs tamoxifen or tamoxifen endometriosis or does tamoxifen cause weight loss or what is tamoxifen used for or generic tamoxifen or does tamoxifen make you tired or generic tamoxifen or nolvadex for sale or common side effects of tamoxifen
fygxphcf

#4016 Posté par WARDON0300 le 27/11/21 à 12:53

Best webpage https://loput.ru

#4015 Posté par BOUGHMAN1084 le 27/11/21 à 12:40

Interesting webpage https://krauss-rt.ru

#4014 Posté par ChesterEngax le 27/11/21 à 12:24

valtrex 500 mg tablet cost or valtrex 500mg best price or buy generic valtrex without prescription or order valtrex or valtrex australia buy or valtrex 500 cost or cost for generic valtrex or canadian valtrex otc or order generic valtrex online or how much is valtrex or valtrex mexico or valtrex generic canada
buy valtrex generic online jdomvcxt
valtrex online no prescription fgcyvsfv
how to order valtrex uxuzuuoi

#4013 Posté par CAPAROULA3001 le 27/11/21 à 11:37

Best site https://ledlampru.ru

#4012 Posté par GOULETTE1375 le 27/11/21 à 11:11

Cool site https://ironsib.ru

#4011 Posté par BOWERY6854 le 27/11/21 à 10:59

Best site https://diesel-electric.ru

#4010 Posté par PornoGoa le 27/11/21 à 10:38

Новинки секс фильмы без регистрации просмотр на https://porno-go.website в HD720
Из домашних архивов порно фильмы для всех онлайн на https://porno-go.ru в HD720
Возбуждающее секс фильмы бесплатно просмотр на https://porno-go.top в HD1080
Жесткое порно съемка для взрослых онлайн на https://porno-go.pro в HD1080
Классное секс видео без регистрации просмотр на https://porno-go.mobi в HD720




.

#4009 Posté par TUCK7173 le 27/11/21 à 09:56

Cool website https://frequencydrives.ru

#4008 Posté par TETREAU8296 le 27/11/21 à 09:46

Usefull site https://smart-el.ru

#4007 Posté par walty le 27/11/21 à 09:31

Доброго времени суток!
Делюсь самой полезной и лучшей новостью с теми, кто заботится о своем организме и здоровье и употребляет продукты экологически чистые и высокого качества!
Недавно подсказали молодую динамично и прогрессивно развивающуюся молодую компанию, которая занимается прямым импортом со всего мира.
В наше время очень сложно найти надежных и стабильных поставщиков, которые помогут в становление или поддержание вашего бизнеса по продаже масел, орехов, сухофруктов и семян.
Друзья мои, для торговли очень важно качество и ассортимент продаваемых продуктов.
Качественные и натуральные продукты всегда пользовались, и будут пользоваться большим спросом и популярностью у рядовых покупателей.
Поэтому очень важно найти надежного и стабильного поставщика и партнера для успешного бизнеса.
В общем, если вы хотите найти, орехи оптом, сухофрукты оптом, специи оптом и т.д., например:
изюм джамбо
Тогда вам нужно прямо сейчас перейти на сайт Bio Food и узнать все подробности по поводу инжир, манго, грецкий орех, кедровые орехи, ванилин, орехи кешью, ванильный сахар, сырой миндаль, фисташки жареные, базилик сушеный, кольца ананаса, рис аланга и т.д. https://biofood.ru.com/ .
Друзья мои, номер телефона и название сайта серьезного и надежного поставщика партнера всегда нужно иметь под рукой, смело вносите в закладки и записывайте.
До новых встреч!

#4006 Posté par JeffreyJaX le 27/11/21 à 09:19

Играть со спичками безопасно и полезно. В большинстве задач одним или несколькими движениями можно получить совсем иную картинку или правильное равенство.
Официальный канал:
https://www.youtube.com/watch?v=3au9SkRgB5A&list=PLRzwvfslSvSVFIUnk1gibjkSRYOfg1LJt
Подробнее в видео ниже fgds5:
головоломки со спичками
головоломка со спичками с ответами для детей
головоломки со спичками для детей

#4005 Posté par walty le 27/11/21 à 09:17

Доброго времени суток!
Делюсь самой лучшей и полезной новостью с теми, кто заботится о своем организме и здоровье и употребляет продукты высокого качества и экологически чистые!
Недавно подсказали молодую прогрессивно и динамично развивающуюся молодую компанию, которая занимается прямым импортом со всего мира.
В наше время очень сложно найти надежных и стабильных поставщиков, которые помогут в становление или поддержание вашего бизнеса по продаже сухофруктов, орехов, масел и семян.
Друзья мои, для торговли очень важен ассортимент и качество продаваемых продуктов.
Натуральные и качественные продукты всегда пользовались, и будут пользоваться большим спросом и популярностью у рядовых покупателей.
Поэтому очень важно найти надежного и стабильного поставщика и партнера для успешного бизнеса.
В общем, если вам интересно найти, сухофрукты оптом, орехи оптом, специи оптом и т.д., например:
кедровые орехи купить москва
Тогда вам обязательно нужно прямо сейчас перейти на сайт Bio Food и узнать все подробности по поводу манго, грецкий орех, инжир, кедровые орехи, ванилин, орехи кешью, ванильный сахар, сырой миндаль, фисташки жареные, базилик сушеный, кольца ананаса, рис аланга и т.д. https://biofood.ru.com/ .
Друзья мои, номер телефона и название сайта надежного и серьезного поставщика партнера всегда нужно иметь под рукой, смело записывайте и вносите в закладки.
Увидимся!

#4004 Posté par walty le 27/11/21 à 09:12

Доброго времени суток!
Делюсь самой лучшей и полезной новостью с теми, кто заботится о своем организме и здоровье и употребляет продукты экологически чистые и высокого качества!
Недавно подсказали молодую динамично и прогрессивно развивающуюся молодую компанию, которая занимается прямым импортом со всего мира.
В наше время очень сложно найти надежных и стабильных поставщиков, которые помогут в становление или поддержание вашего бизнеса по продаже масел, орехов, сухофруктов и семян.
Друзья мои, для торговли очень важно качество и ассортимент продаваемых продуктов.
Натуральные и качественные продукты всегда пользовались, и будут пользоваться большим спросом и популярностью у рядовых покупателей.
Поэтому очень важно найти надежного и стабильного поставщика и партнера для успешного бизнеса.
В общем, если вам интересно найти, специи оптом, орехи оптом, сухофрукты оптом и т.д., например:
кедровые орехи
Тогда вам нужно прямо сейчас перейти на сайт Bio Food и узнать все подробности по поводу фисташки жареные, манго, грецкий орех, инжир, кедровые орехи, ванилин, орехи кешью, ванильный сахар, сырой миндаль, базилик сушеный, кольца ананаса, рис аланга и т.д. https://biofood.ru.com/ .
Друзья мои, номер телефона и название сайта надежного и серьезного поставщика партнера всегда нужно иметь под рукой, смело записывайте и вносите в закладки.
До новых встреч!

#4003 Posté par YORTY7673 le 27/11/21 à 08:39

Excellent site https://vfddrive.ru

#4002 Posté par MCKIM1214 le 27/11/21 à 08:29

Interesting internet site https://diesel-electric.ru

#4001 Posté par BuyEssayOnline le 27/11/21 à 08:01

Essay on my coach займы на карту онлайн с плохой кредитной


UYhjhgTDkJHVy

#4000 Posté par HARRIOTT5288 le 27/11/21 à 07:54

Best site https://detal50.ru

#3999 Posté par PAPPS7873 le 27/11/21 à 07:16

Interesting internet site https://diesel-electric.ru

#3998 Posté par FINDLEN1664 le 27/11/21 à 07:07

Interesting website https://loput.ru

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