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

203 commentaires pour l'instant (Répondre)

#3957 Posté par BELLAS6279 le 26/11/21 à 17:24

Good webpage https://arsmash.ru

#3956 Posté par DavidGob le 26/11/21 à 17:14

термодерево купить в москве цена

термодерево купить в краснодаре

#3955 Posté par BARREDA4181 le 26/11/21 à 16:12

Cool site https://preobrazovateli-spb.ru

#3954 Posté par VATES9781 le 26/11/21 à 16:02

Nice site https://retorgiy.ru

#3953 Posté par BuyEssayOnline le 26/11/21 à 15:40

Actual company business plan essaypro sign up


UYhjhgTDkJHVy

#3952 Posté par FISHBAUGH5966 le 26/11/21 à 14:54

Cool website https://avto-electronik.ru

#3951 Posté par PULTORAK1650 le 26/11/21 à 14:45

Good internet site https://proftehnik.ru

#3950 Posté par Gow le 26/11/21 à 14:38

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

#3949 Posté par Gow le 26/11/21 à 14:24

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

#3948 Posté par Gow le 26/11/21 à 14:19

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

#3947 Posté par MEZA1434 le 26/11/21 à 13:41

Usefull internet site https://remontprokat.ru

#3946 Posté par LOBBAN2544 le 26/11/21 à 13:31

Usefull internet site https://etrzhev.ru

#3945 Posté par belleImpub le 26/11/21 à 13:31

https://squareblogs.net/coinlion11/expert-auto-repair-advice-from-people-who-know-1zn2

PSN Redeem Codes Free No Surveys 2022




Free PSN Codes Generator
How To Get Unbanned From PSN
Free PSN Codes 2021 Unused 2022
Free PSN Codes Without Surveys

Free PSN Codes 2022 Generator PSN Free Codes List 2022 Free PSN Codes 2021 Unused 2022 Free PSN Card Codes 2022 99f9d27

#3944 Posté par ALGE6016 le 26/11/21 à 12:27

Cool website https://kiplab.ru

#3943 Posté par CASHATT2562 le 26/11/21 à 12:18

Nice website https://roleme.ru

#3942 Posté par SPARKS9921 le 26/11/21 à 11:15

Best internet site https://tractorsparts.ru

#3941 Posté par SHETH8750 le 26/11/21 à 11:05

Interesting internet site https://svetilnikild.ru

#3940 Posté par BuyEssayOnline le 26/11/21 à 10:25

Literature review on a company cashnetusa


UYhjhgTDkJHVy

#3939 Posté par SLATKIN9135 le 26/11/21 à 10:02

Good website https://agro-texnika.ru

#3938 Posté par PFLUGER6326 le 26/11/21 à 09:53

Nice webpage https://colard.ru

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