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

203 commentaires pour l'instant (Répondre)

#3897 Posté par belleImpub le 25/11/21 à 19:29

https://writeablog.net/slipanime51/auto-repair-helpful-tips-you-can-use-tl09

[url=https://articlescad.com/are-you-facing-a-machine-rectify-progeny-for-approximately-auto-repairs-you-seat-do-the-line-yourse-141399.html]Free PSN Codes No Verification Or Survey 2022
[/url]



Free PSN Codes List 2022 Unused 2022
Free PSN Codes Without Surveys
Free PSN Codes 2021 Unused 2022
Codes PSN Free 2022

[url=https://circlebonline.com/homeowners/mulch/?cf_er=_cf_process_619fb586d30db]PSN Plus Free Codes[/url] [url=http://jairolonpi.mex.tl/?gb=1#top]PSN Redeem Codes Free 2022[/url] [url=https://www.expatsleiden.nl/?cf_er=_cf_process_619fbb10ab587]Free PSN Codes 2021 No Human Verification[/url] [url=https://www.ortorent.ru/?cf_er=_cf_process_619fc44aa38d0]Free PSN Codes Generator 2022[/url] 93595_c

#3896 Posté par TONIC6284 le 25/11/21 à 18:44

Best internet site https://supply-service.ru

#3895 Posté par Smicy le 25/11/21 à 18:33

Доброго времени суток!
Ой, девочки, такой красивый и интересный магазин нашла в необъятном и безграничном интернете, хочу поделиться с вами этой интересной и заманчивой новостью!
Мальчики, эта новость для вас тоже, вы же будете делать красивые и достойные подарки своим красивым и любимым девушкам!
Это онлайн магазин брендовых аксессуаров и одежды из Европы и США.
Чего там только нет, различные и многообразные производители и бренды.
Конечно, в интернете полно недобросовестных и безответственных продавцов, которые ради денег обманывают доверчивых и неискушенных покупателей.
К счастью и радости, на сайте есть бесплатный телефон, вы всегда сможете позвонить и подробнее расспросить и разузнать о товаре и о доставке курьерской службой, а так же и об оплате при получении заказанного товара.
Только уважающие себя организации и фирмы предлагают в наше ненадежное и смутное время доставку товаров без оплаты денег. Вы будете оплачивать заказанный товар при получении в пункте вывозе или у себя дома.
В общем, если вам интересно найти, брендовые наручные часы, брендовые рюкзаки, брендовые сумки и т.д., например:
[url=https://primelook.ru/]coach сумки женские цены[/url]
Тогда вам обязательно нужно прямо сейчас перейти на сайт PRIMELOOK и узнать все подробности по поводу магазин брендовой женской одежды, магазин брендовой одежды, магазин брендовой мужской одежды, магазин брендовых аксессуаров, наручные часы, рюкзаки, сумки и т.д. https://primelook.ru/ .
Срочно записывайте и вносите в закладки название сайта и номер бесплатного телефона.
Всем пока!

#3894 Posté par MONGEON2383 le 25/11/21 à 18:32

Usefull site https://ustanka.ru

#3893 Posté par Smicy le 25/11/21 à 18:18

Доброго времени суток!
Ой, девочки, такой красивый и интересный магазин нашла в необъятном и безграничном интернете, хочу поделиться с вами этой интересной и заманчивой новостью!
Мальчики, эта новость для вас тоже, вы же будете делать достойные и красивые подарки своим любимым и красивым девушкам!
Это онлайн магазин брендовой одежды и аксессуаров из Европы и США.
Чего там только нет, различные и многообразные бренды и производители.
Конечно, в интернете полно безответственных и недобросовестных продавцов, которые ради денег обманывают неискушенных и доверчивых покупателей.
К радости и счастью, на сайте есть бесплатный телефон, вы всегда сможете позвонить и подробнее разузнать и расспросить о товаре и о доставке курьерской службой, а так же и об оплате при получении заказанного товара.
Только уважающие себя организации и фирмы предлагают в наше ненадежное и смутное время доставку товаров без оплаты денег. Вы будете оплачивать заказанный товар при получении у себя дома или в пункте вывозе.
В общем, если вы хотите найти, брендовые наручные часы, брендовые рюкзаки, брендовые сумки и т.д., например:
[url=https://primelook.ru/]часы мужские наручные armani exchange[/url]
Тогда вам нужно прямо сейчас перейти на сайт PRIMELOOK и узнать все подробности по поводу наручные часы, магазин брендовой одежды, магазин брендовой мужской одежды, магазин брендовой женской одежды, магазин брендовых аксессуаров, рюкзаки, сумки и т.д. https://primelook.ru/ .
Срочно вносите в закладки и записывайте название сайта и номер бесплатного телефона.
До новых встреч!

#3892 Posté par Smicy le 25/11/21 à 18:12

Доброго времени суток!
Ой, девочки, такой красивый и интересный магазин нашла в необъятном и безграничном интернете, хочу поделиться с вами этой заманчивой и интересной новостью!
Мальчики, эта новость для вас тоже, вы же будете делать красивые и достойные подарки своим красивым и любимым девушкам!
Это онлайн магазин брендовых аксессуаров и одежды из США и Европы.
Чего там только нет, различные и многообразные производители и бренды.
Конечно, в интернете полно безответственных и недобросовестных продавцов, которые ради денег обманывают доверчивых и неискушенных покупателей.
К счастью и радости, на сайте есть бесплатный телефон, вы всегда сможете позвонить и подробнее разузнать и расспросить о товаре и о доставке курьерской службой, а так же и об оплате при получении заказанного товара.
Только уважающие себя фирмы и организации предлагают в наше смутное и ненадежное время доставку товаров без оплаты денег. Вы будете оплачивать заказанный товар при получении в пункте вывозе или у себя дома.
В общем, если вы ищите, брендовые рюкзаки, брендовые наручные часы, брендовые сумки и т.д., например:
[url=https://primelook.ru/]calvin klein рюкзак черный[/url]
Тогда вам обязательно нужно прямо сейчас перейти на сайт PRIMELOOK и узнать все подробности по поводу рюкзаки, магазин брендовой одежды, магазин брендовой мужской одежды, магазин брендовой женской одежды, магазин брендовых аксессуаров, наручные часы, сумки и т.д. https://primelook.ru/ .
Срочно записывайте номер бесплатного телефона, а так же сохраняйте и вносите в закладки название сайта.
До новых встреч!

#3891 Posté par JosephNew le 25/11/21 à 18:01

[url=http://gogvo.com/redir.php?url=http://vgrsild100.com]viagra generic[/url] for [url=http://discovertheirsecret.com/__media__/js/netsoltrademark.php?d=vgrsild100.com]order viagra online[/url] for [url=http://thrilljoy.com/__media__/js/netsoltrademark.php?d=vgrsild100.com]100mg viagra without a doctor prescription[/url] for [url=http://syriasale.com/__media__/js/netsoltrademark.php?d=vgrsild100.com]viagra professional[/url] for [url=http://www.jmshq.top/home.php?mod=space&uid=1247584]real viagra without a doctor prescription[/url] for [url=http://fbc-nj.com/__media__/js/netsoltrademark.php?d=vgrsild100.com]how does viagra work[/url] for [url=http://hucksdorfdiesel.com/__media__/js/netsoltrademark.php?d=vgrsild100.com]buy viagra pills[/url] for [url=http://zncky.cn/home.php?mod=space&uid=87020]real viagra without a doctor prescription[/url] for [url=http://mbqwzlt.com/space-uid-67360.html]over the counter alternative to viagra[/url] for [url=http://www.shiqi98.com/bbs/home.php?mod=space&uid=41436]real viagra without a doctor prescription[/url] for [url=http://wholesalecondensers.net/__media__/js/netsoltrademark.php?d=vgrsild100.com/]100mg viagra without a doctor prescription[/url] for [url=http://aka-construction.com/__media__/js/netsoltrademark.php?d=vgrsild100.com]viagra cost[/url] for [url=http://komaba-eminence.com/__media__/js/netsoltrademark.php?d=vgrsild100.com]viagra price[/url] for [url=http://lifeinvestgroup.com/__media__/js/netsoltrademark.php?d=vgrsild100.com]cialis vs viagra[/url] for [url=http://psycure.jp/index/redirest/?id=83&url=http://vgrsild100.com]viagra generic[/url] for [url=http://bridgeblue.edu.vn/advertising.redirect.aspx?advid=35&url=http://vgrsild100.com]viagra price[/url] for [url=http://fusion-for-energy.org/__media__/js/netsoltrademark.php?d=vgrsild100.com/]cost of viagra[/url] for [url=http://brinksprotection.com/__media__/js/netsoltrademark.php?d=vgrsild100.com]generic viagra without a doctor prescription[/url]
[url=]free viagra[/url] hktfuzkm
[url=]cost of viagra[/url] iadhsbhd
[url=]free viagra[/url] whccxuoj

#3890 Posté par RUSHDAN5169 le 25/11/21 à 17:19

Cool internet site https://supply-service.ru

#3889 Posté par DELCAMP1986 le 25/11/21 à 17:06

Usefull website https://stroy-montel.ru

#3888 Posté par JosephJoume le 25/11/21 à 16:35

International social network for pet owners

#3887 Posté par BuyEssayOnline le 25/11/21 à 16:34

Day effective in one only resume use write cash net usa.com


UYhjhgTDkJHVy

#3886 Posté par janismq16 le 25/11/21 à 16:30

Hot new pictures each day
http://lingeriapornsouthroyalton.gigixo.com/?yuliana
big black camel toe porn free celebruty porn videos anal virgins porn fere british porns shockng porn pics

#3885 Posté par LATHROP4669 le 25/11/21 à 15:55

Excellent internet site https://serviceman-company.ru

#3884 Posté par MITSDARFFER8161 le 25/11/21 à 15:45

Cool website https://krauss-rt.ru

#3883 Posté par CUCCIA1074 le 25/11/21 à 14:41

Cool website https://roleme.ru

#3882 Posté par Larryfakly le 25/11/21 à 14:38

hydra сайт

[url=https://hydraclubbioknikokex7njhwuahc2l67lfiz7z36md2jvopda7nchid.uno/]hydraclubbioknikokex7njhwuahc2l67lfiz7z36md2jvopda7nchid.onion[/url]

#3881 Posté par Richardetege le 25/11/21 à 14:38

гидра сайт

[url=https://hydrarupzxne4af.com/]hydraclubbioknikokex7njhwuahc2l67lfiz7z36md2jvopda7nchid.onion[/url]

#3880 Posté par PELES0224 le 25/11/21 à 14:30

Good internet site https://proftehnik.ru

#3879 Posté par idepe le 25/11/21 à 13:32

Добрый день!
Хочу поделиться с дальновидными и умными хозяюшками очень приятной и полезной новостью в преддверии Новогодних праздников и Рождества Христова!
А если точнее, то хочу поделиться со всеми женщинами и мужчинами, бабушками и дедушками, девушками и юношами этой радостной и светлой новостью!
До Нового 2022 года осталось совсем чуть-чуть, пора уже призадуматься и поразмыслить, что бы начать планировать и рассчитывать предстоящие семейные бюджеты.
Испокон веков торжество и праздник было связанно с салютами и фейерверками.
Красочные и яркие залпы приводили в восторг всех присутствующих и доставляли неподдельную и настоящую радость всем участникам.
Недавно узнала об очень полезном и красивом сайте, специализирующемся исключительно на салютах и фейерверках.
На сайте огромное и разнообразное изобилие разноцветных и всевозможных фейерверков и салютов.
В общем, если вы хотите найти, магазин пиротехники, русский салют, салют, фейерверк и т.д., например:
[url=https://www.magazin-pirotehniki.ru/]фейерверки купить в москве недорого с доставкой[/url]
Тогда вам нужно прямо сейчас перейти на сайт Магазин пиротехники Русский салют и узнать все подробности по поводу бенгальские огни, салюты и фейерверки, пиротехнические изделия, супер салют, батарея салютов, римская свеча, цветной дым, петарды, салют фонтан, пневмохлопушка и т.д. https://www.magazin-pirotehniki.ru/ .
Мне особо понравились Супер салюты и Русский салют, например:
[url=https://www.magazin-pirotehniki.ru/super-salyuty]купить супер салют[/url]
Обязательно внесите в закладки и запишите профессиональное название сайта и номер бесплатного телефона.
Увидимся!

#3878 Posté par ELLIFRITZ4103 le 25/11/21 à 13:26

Excellent webpage https://roleme.ru

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