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)

#3997 Posté par Gow le 27/11/21 à 06:57

Доброго времени суток!
Слушайте, отличная и полезная новость для всех, да именно для всех мужчин и женщин!
Вот скажите мне, есть такие в наше время кто не пользуется мобильными или сотовыми телефонами?
Конечно же, нет, имеется в виду из адекватного и сознательного населения глобального и необъятного мира.
Так вот, момент еще в том, что бывает, так что срочно и позарез нужны новые sim карты или сим карты, в общем, чтобы мобила звонила и принимала СМС-ки.
А еще важный момент – это огромная и всемирная интернет паутина. К ней постоянно или периодически нужен доступ, поэтому самый лучший вариант – это сим карта с без лимитным интернетом или без лимитным тарифом.
Недавно узнал о новом и интересном сайте, который продает с доставкой по России сим карт всех операторов связи, а именно Мегафон, МТС, Биллайн, Йота и т.д.
В общем, если вы ищите, сим карта, sim карта, новая сим карта, онлайн сим карта и т.д., например:
купить сим карту онлайн
Тогда вам нужно прямо сейчас перейти на сайт Simkisgood.com и узнать все подробности по поводу сим карта МТС, сим карта Мегафон, сим карта Билайн, сим карта Теле2, сим карта Йота, sim карта МТС, sim карта Мегафон, sim карта Билайн, sim карта Теле2, sim карта Yota и т.д. https://simkisgood.com/ .
Обязательно запишите номер телефона, запишите и внесите в закладки название сайта.
Увидимся!

#3996 Posté par Gow le 27/11/21 à 06:41

Добрый день!
Слушайте, отличная и полезная новость для всех, да именно для всех мужчин и женщин!
Вот скажите мне, есть такие в наше время кто не пользуется сотовыми или мобильными телефонами?
Конечно же, нет, имеется в виду из адекватного и сознательного населения глобального и необъятного мира.
Так вот, момент еще в том, что бывает, так что позарез и срочно нужны новые sim карты или сим карты, в общем, чтобы мобила звонила и принимала СМС-ки.
А еще важный момент – это огромная и всемирная интернет паутина. К ней периодически или постоянно нужен доступ, поэтому самый лучший вариант – это сим карта с без лимитным интернетом или без лимитным тарифом.
Недавно узнал о интересном и новом сайте, который продает с доставкой по России сим карт всех операторов связи, а именно Мегафон, МТС, Биллайн, Йота и т.д.
В общем, если вы ищите, sim карта, сим карта, новая сим карта, онлайн сим карта и т.д., например:
теле2 сим карта для интернета
Тогда вам срочно нужно прямо сейчас перейти на сайт Simkisgood.com и узнать все подробности по поводу sim карта МТС, сим карта МТС, сим карта Мегафон, сим карта Билайн, сим карта Теле2, сим карта Йота, sim карта Мегафон, sim карта Билайн, sim карта Теле2, sim карта Yota и т.д. https://simkisgood.com/ .
Обязательно запишите номер телефона, запишите и внесите в закладки название сайта.
До новых встреч!

#3995 Posté par Gow le 27/11/21 à 06:36

Доброго времени суток!
Слушайте, отличная и полезная новость для всех, да именно для всех мужчин и женщин!
Вот скажите мне, есть такие в наше время кто не пользуется мобильными или сотовыми телефонами?
Конечно же, нет, имеется в виду из адекватного и сознательного населения необъятного и глобального мира.
Так вот, момент еще в том, что бывает, так что срочно и позарез нужны новые sim карты или сим карты, в общем, чтобы мобила принимала СМС-ки и звонила.
А еще важный момент – это всемирная и огромная интернет паутина. К ней постоянно или периодически нужен доступ, поэтому самый лучший вариант – это сим карта с без лимитным тарифом или без лимитным интернетом.
Недавно узнал о интересном и новом сайте, который продает с доставкой по России сим карт всех операторов связи, а именно Мегафон, МТС, Биллайн, Йота и т.д.
В общем, если вы хотите найти, новая сим карта, сим карта, sim карта, онлайн сим карта и т.д., например:
сим карты мтс 4g
Тогда вам нужно прямо сейчас перейти на сайт Simkisgood.com и узнать все подробности по поводу сим карта Билайн, сим карта МТС, сим карта Мегафон, сим карта Теле2, сим карта Йота, sim карта МТС, sim карта Мегафон, sim карта Билайн, sim карта Теле2, sim карта Yota и т.д. https://simkisgood.com/ .
Обязательно запишите номер телефона, запишите и внесите в закладки название сайта.
Увидимся!

#3994 Posté par FECHTIG2831 le 27/11/21 à 06:01

Best internet site https://primik.ru

#3993 Posté par JeffreyJaX le 27/11/21 à 05:58

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

задачи по математике со спичками
задача со спичками квадрат
загадки со спичками для детей

#3992 Posté par DOSAL4392 le 27/11/21 à 05:52

Cool webpage https://emag220.ru

#3991 Posté par ABSHEAR3790 le 27/11/21 à 04:50

Cool internet site https://componentskey.ru

#3990 Posté par SOMSY4392 le 27/11/21 à 04:41

Interesting website https://emag220.ru

#3989 Posté par Kevinbom le 27/11/21 à 04:37

В настоящий период я оказываем обслуживание покупателям в местности в целом Таможенного объединения также из-за его границами также обладаем аккредитацию в целый список продукта.
Наш сайт:

перечень тр тс 010
тр тс 023 2011 на соковую продукцию

#3988 Posté par GONGALEZ4747 le 27/11/21 à 03:39

Excellent internet site https://pmp-kontakt.ru

#3987 Posté par LEGOULLON4562 le 27/11/21 à 03:30

Good website https://amperiy.ru

#3986 Posté par BuyEssayOnline le 27/11/21 à 02:45

Top university essay ghostwriters services us essaypro


UYhjhgTDkJHVy

#3985 Posté par miatm3 le 27/11/21 à 02:44

Hot galleries, thousands new daily.
http://terapornstart.johnsonvillage.hotnatalia.com/?macie
jamie lynn spears porn vid you porn indian babysitter husband wife sex porn movies masturbating to porn tubes giant dildo porn

#3984 Posté par HEIMERDINGER4629 le 27/11/21 à 02:29

Excellent website https://remontprokat.ru

#3983 Posté par DROBNY6588 le 27/11/21 à 02:19

Best internet site https://preobrazovateli-spb.ru

#3982 Posté par WendellClula le 27/11/21 à 01:55

Ощутимое снижение цен на металлическую обстановка! Заметное снижение расценок для металл является важным фактом. Эта рыночная желание стала прежде всего заметна гражданам, которые сдают на приёмку металлолом.
Больше информации по ссылкам ниже d1s:
Оборудование для общепита

#3981 Posté par RODEIGUES8206 le 27/11/21 à 01:18

Usefull internet site https://evo-electro.ru

#3980 Posté par ORFF4200 le 27/11/21 à 01:09

Best website https://mirfox.ru

#3979 Posté par WendellClula le 27/11/21 à 00:39

Ощутимое снижение цен на металлическую мебель! Заметное снижение расценок для металл является важным фактом. Эта рыночная желание стала прежде только заметна гражданам, которые сдают для приёмку металлолом.
Больше информации по ссылкам ниже d1s:
Складское оборудование

#3978 Posté par Kevinbom le 27/11/21 à 00:07

В настоящий период я оказываем обслуживание покупателям в местности в целом Таможенного объединения также из-за его границами также обладаем аккредитацию в целый список продукта.
Наш сайт:

тр тс 030
тр тс 004 020

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