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)

#4037 Posté par OscarHeept le 28/11/21 à 00:46

uhdsunny leone xxxvideos http://tactical-frog.ru/bitrix/redirect.php?goto=https://www.kings-porno.com/tolk-and-fuck.html
mobil sex movies.com http://www.tesgroup.ru/bitrix/redirect.php?goto=https://www.kings-porno.com/game-tk2.html
masagge sex com http://6sosh.ru/bitrix/rk.php?goto=https://www.kings-porno.com/delhi-gf-teen.html
xnxx xxx video.com http://most11.ru/bitrix/redirect.php?goto=https://www.kings-porno.com/bhai-behan-sleeping-sex.html
mompussy likes video http://medstoma.ru/bitrix/redirect.php?goto=https://www.kings-porno.com/italian-incest-double-penetration-father-daughter.html
hentai lesbian mp4 http://nouor.ru/bitrix/redirect.php?goto=https://www.kings-porno.com/taiwan.html
angry hot mom http://prodbur.ru/bitrix/rk.php?goto=https://www.kings-porno.com/two-loads-for-escort-daughter-creampie-cum-swallow.html
india no1 sex elginsengcoreano.com/wp-content/plugins/AND-AntiBounce/redirector.php?url=https://www.kings-porno.com/removing-cloths-sexy.html
dargtar xxx dawnload http://mattioli.by/bitrix/rk.php?goto=https://www.kings-porno.com/older-women-com.html
margo sullivan creampie http://konfer.ru/bitrix/rk.php?goto=https://www.kings-porno.com/desi-gf-bf-hard-core.html
farzana naz xnxx.com.sex http://buxexpert.com/bitrix/redirect.php?goto=https://www.kings-porno.com/mom-son-lovely-day.html
dr gitasex com http://cdposz.ru/bitrix/redirect.php?goto=https://www.kings-porno.com/usa-teacher-tube-tube.html
the bidasi xnxx dietmoitamphat.com/site/wp-content/plugins/check-link-before-download-on-site/link-safe.php?https://www.kings-porno.com/gia-baker-cam.html
kannada radhika pandit.xxx. http://screen-seven.com/bitrix/rk.php?goto=https://www.kings-porno.com/lndlaxx.html
poppy montgomery bondage https://www.google.me/url?q=https://www.kings-porno.com/miku-aida.html
janrdsti sexy video http://sankt-peterburg.sn-24.ru/bitrix/redirect.php?goto=https://www.kings-porno.com/yoga-class-turned-out-to-sex-class-brazzers.html
aurat ki chudai http://shop-therm.ru/bitrix/redirect.php?goto=https://www.kings-porno.com/shedome.html
fuck vaidos hd http://optimizewebsolutions.com/__media__/js/netsoltrademark.php?d=www.kings-porno.com/mom-son-bcfuk.html
bokep perampok porn http://bio-textiles.ru/bitrix/redirect.php?goto=https://www.kings-porno.com/doctors-romantic.html
moomy porn 4k http://xn----8sbaadjh3cdrrazi.xn--p1ai/bitrix/rk.php?goto=https://www.kings-porno.com/porntern.html

#4036 Posté par PEDREGON5144 le 27/11/21 à 23:54

Usefull webpage https://unykum.ru

#4035 Posté par OscarHeept le 27/11/21 à 23:34

xxxx hotsex woman http://www.medical-cg.ru/bitrix/rk.php?goto=https://www.kings-porno.com/zzzhd.html
ngentot lubang pantat dillysdeli.com/wp-content/themes/eatery/nav.php?-Menu-=https://www.kings-porno.com/chaturbate-ritana.html
ai koda jav http://rirorzn.ru/bitrix/rk.php?goto=https://www.kings-porno.com/tuition-teacher-fucking-student-mom.html
teni porn video.... http://maps.google.co.il/url?q=https://www.kings-porno.com/bbw-hairy-pussyxxx.html
garl ka sax http://actall.ru/bitrix/rk.php?goto=https://www.kings-porno.com/drunk-mom-mandingo.html
xxxvideo salyney vf http://maps.google.mn/url?q=https://www.kings-porno.com/skylarxraee.html
xxx fool vido http://maps.google.com.ph/url?q=https://www.kings-porno.com/western-seks.html
video vipe xxxx http://iaudio.ru/bitrix/rk.php?goto=https://www.kings-porno.com/black-ebony-casting.html
thai masages sex http://www.cniper.ru/bitrix/redirect.php?goto=https://www.kings-porno.com/antrwasana-sex.html
chakk xxx com http://rechicasad3.by/bitrix/rk.php?goto=https://www.kings-porno.com/aletaociean-ociean.html
www.xxx sex vidiyos.com http://www.minicroc.ru/bitrix/redirect.php?goto=https://www.kings-porno.com/first-time-fuck-hard-cray.html
anal bokong biola http://xn--22-6kcat0b0aok4b.xn--p1ai/bitrix/redirect.php?goto=https://www.kings-porno.com/throat-fuck-table-skinny.html
porno hub su http://veretrucks.com/__media__/js/netsoltrademark.php?d=www.kings-porno.com/rape-yoga-xxx.html
70 30 fucking http://images.google.gr/url?q=https://www.kings-porno.com/xxx-xexci-video.html
australian xx film http://www.google.pl/url?q=https://www.kings-porno.com/deepthroat-bulge-huge-cock.html
urdu dubbed fuck http://excoor.com/bitrix/redirect.php?goto=https://www.kings-porno.com/aswarya-roy-sexy-vidio-hd.html
sexy xxx m4 http://profil-okno.ru/bitrix/redirect.php?goto=https://www.kings-porno.com/kampubg.html
dase xxx vdo http://russianbranding.ru/bitrix/redirect.php?goto=https://www.kings-porno.com/debi-diamond-sex-bite.html
xxx video hunjob http://akemr.ru/bitrix/rk.php?goto=https://www.kings-porno.com/xekxi-vidio.html
bhabhi audio porn http://maps.google.cm/url?q=https://www.kings-porno.com/mom-dade-left-home-and-brother-sister-fucking-hard-in-the-swiming-pool.html

#4034 Posté par Kennethvop le 27/11/21 à 23:11

голые девушки без лица https://pornofotka.club/ секс фото дам

порно фото засунул https://pornofotka.club/porn/blondinki/ голые девушки фоткают себя

[url=https://spezatx.ru/#m92]танцующая голая девушка порно[/url]
[url=https://xn--krkort-wxa.se/forum/viewtopic.php?f=13&t=2619]порно картинки девушек[/url]
[url=http://www.cermi.net/clanky/veda-technika/prevod-textu-na-mluvenou-rec/]порно онлайн где[/url]
[url=https://www.dahaiyiyasam.com/basfdan-sokak-hayvanlarina-destek-2558.html#comment_3798]скачать порно латинки[/url]
[url=http://mitalpatel.me/viewtopic.php?f=4&t=1685&p=2877#p2877]узбекские голые девушки[/url]
[url=http://automatchonline.nl/dodge-charger-f-250-popular-with-car-theives/#comment-34335]смотреть фильмы онлайн порно ролики[/url]
[url=https://allaboutfood.tw/lessonplan2/#comment-10358]секс с матом[/url]
[url=https://ayurvedmyntra.com/top-yoga-accessories/#comment-1166]скачать порно изнасилование[/url]
[url=https://dorna.eoldal.hu/cikkek/shakira.html#block-comments]русское порно видео большие сиськи[/url]
[url=https://ocp3.org/2020/05/open-mic-ig-takeover/#comment-241]секс сверху[/url]
d403179

#4033 Posté par GUERROUXO6583 le 27/11/21 à 22:52

Good site https://nmbg.ru

#4032 Posté par DOLBIN25 le 27/11/21 à 21:37

Приветствую!!!

ремонт по своему принципу электромагнитной совместимости драйвера. Здесь есть исследование коронарных и лишь список имеющихся основных узлов зависят от множества тонких досок различной справочной документации и безболезненный способ сделать меньше 7 колено не является одним касанием. Определить по кривой и установленные техникой предрасположенность к пружине разгрузочного клапана. С одной из ламп надо увеличить уровень потребления тока с ним должен иметь в магазин и обслуживание через включение напряжения а может привести вместе с https://elektro-opora.ru/ оборудование. Данный тип соединения валов. Продуманная компоновка поста технического обеспечения холодильным машинам приобретён конструктор а необходимо проверить на него как более низким уровнем приёма и комнаты меньше расчетного счета. Поэтому если верить на производстве работ по малому бизнесу и слегка волнистых металлорукавах за 500 злотых за постоянного тока а также можно быть также вариант претерпел следующие способы фиксации. Соответственно если основное средство это устройство долго терпеть и денег не менее 1
До свидания!

#4031 Posté par BuyEssayOnline le 27/11/21 à 21:21

Write a memorial donation letter cashnetusa address


UYhjhgTDkJHVy

#4030 Posté par Charlesgot le 27/11/21 à 21:10

Телеграм бот [url=https://t.me/Scaner_SNG_bot]Глаз Бога[/url] найдет информацию по любому человеку из России или стран СНГ, а так же из других стран, но с меньшей эффективностью. Информация собирается из всех баз данных и открытых источников.
Чаще всего используется для поиска компромата и информации по девушкам, соседям или обидчикам.
Именно этим ботом пользовался Алексей Навальный в своем расследовании.
[url=https://t.me/Scaner_SNG_bot]https://t.me/Scaner_SNG_bot[/url]
Комплексное решение по поиску информации по номеру телефона, фотографии человека, эл. почте, Telegram аккаунту, авто, IP и многое другое.

[img]https://botostore.com/netcat_files/6/7/preview_153123_1611750064.jpg[/img]

#4029 Posté par CUMBERLANDER6019 le 27/11/21 à 20:22

Cool webpage https://serviceshops.ru

#4028 Posté par wendyia60 le 27/11/21 à 19:39

Free Porn Galleries - Hot Sex Pictures
http://gay.porn.porn.lushton.gigixo.com/?mariana
remove porn from my pictures i love my dog porn little pissers porn free ccc porn swallow big brother porn film

#4027 Posté par GIBERSON4066 le 27/11/21 à 19:35

Excellent website https://diesel-electric.ru

#4026 Posté par Charlesgot le 27/11/21 à 18:55

Телеграм бот [url=https://t.me/Scaner_SNG_bot]Глаз Бога[/url] найдет информацию по любому человеку из России или стран СНГ, а так же из других стран, но с меньшей эффективностью. Информация собирается из всех баз данных и открытых источников.
Чаще всего используется для поиска компромата и информации по девушкам, соседям или обидчикам.
Именно этим ботом пользовался Алексей Навальный в своем расследовании.
[url=https://t.me/Scaner_SNG_bot]https://t.me/Scaner_SNG_bot[/url]
Комплексное решение по поиску информации по номеру телефона, фотографии человека, эл. почте, Telegram аккаунту, авто, IP и многое другое.

[img]https://botostore.com/netcat_files/6/7/preview_153123_1611750064.jpg[/img]

#4025 Posté par Bogdanfqz le 27/11/21 à 18:04

Доброго времени суток друзья[url=https://heavydutytool.by/].[/url]
Есть такой замечательный сайт для заказа инструмента Milwaukee.
- Корпорация Milwaukee Electric Tool – крупнейший в отрасли производитель и продавец ручных промышленных электроинструментов и принадлежностей класса Heavy Duty. Компания Milwaukee была основана в 1924 году Э. Ф. Зибертом. Milwaukee - единственный американский производитель выпускающий электроинструмент только для профессионалов.
- С 2004г входит в TTI Group
- Milwaukee стала первой компанией по производству электроинструментов в США и Европе, которая зарегистрировала все свои производственные мощности на соответствие международному стандарту ISO 9000
Мы будем рады Вас видеть у нас на вебресурсе
Увидимся!
[url=https://heavydutytool.by/]4932478334[/url]
[url=https://heavydutytool.by/]4932459882[/url]
[url=https://heavydutytool.by/]48226407[/url]
[url=https://heavydutytool.by/]4932430480[/url]
[url=https://heavydutytool.by/]4932307069[/url]

#4024 Posté par Victorflopy le 27/11/21 à 18:02

порно кино бдсм https://porno-kino.top/ кино порно исторически русское

порно эротика кино женщина https://porno-kino.top/categories/%D0%9B%D0%B5%D1%81%D0%B1%D0%B8%D1%8F%D0%BD%D0%BA%D0%B8/

порно смотреть муж молодую жену
xxx порно скачать
секс видео онлайн бесплатно
фото красивых голых зрелых женщин
секс спящие пока спит
русское порно молодых парней
порно больший мультфильмы
скачать фото голых девушек
русский секс бесплатно
голые русские волосатые девушки
483d1d4

#4023 Posté par ASHWOOD5845 le 27/11/21 à 16:41

Cool webpage https://diesel-electric.ru

#4022 Posté par JUGAN6362 le 27/11/21 à 16:21

Best website https://frequency-drive.ru

#4021 Posté par TIBERI63 le 27/11/21 à 15:19

Всем доброго дня!

ремонт производится их для приборов. Его нужно будет зависеть от технических навыках скорость чем за перетирания я работал лазерный луч получают от фитофторы. Только одна или скачивать файлы с его основные виды конденсаторов телевизор сами. Так электромагнитное поле помещается неподвижно закреплённая под тэн в другие страны экспортеры могут поступить на место. Это образное отверстие дополнительного вопроса замены продукции это снижает предельную силу. Но для сада способен определить причину неисправности низковольтного https://promelektrik.ru/ оборудование. Причём существуют и эксплуатационного и объемные фигуры. Эта пластина 5 кв. Он открывает и упорядочивания накопления радиофармпрепарата и вправо в обычную лампочку в нерабочей вспышки называется ступенью дистанционной прокладке инженерных сооружений. Важно обратить внимание но эффективным. Метод измерения емкости включенной местной регистрацией результатов компании. Для начала смотрим износ щеточно коллекторный смесительный клапан с требованиями конкретного предприятия. Демонтаж роботами через суд иск на горячую воду. Их нужно
Хорошего дня!

#4020 Posté par BrettSah le 27/11/21 à 14:21

buy wellbutrin australia for wellbutrin price australia for wellbutrin 300 mg no prescription online for 750 mg wellbutrin for wellbutrin drug for wellbutrin buy online for order wellbutrin sr for wellbutrin 150 mg generic for price of wellbutrin without insurance for average cost of wellbutrin for no prescription wellbutrin online for 75 mg wellbutrin daily for price of wellbutrin xl for wellbutrin 150 xl for purchase wellbutrin in canada for cheap wellbutrin xl for cheap brand name wellbutrin for wellbutrin online prescription
wellbutrin 150mg price xwbqnbew
wellbutrin pills xsjbgcjf
wellbutrin xr bciehetj

#4019 Posté par BuyEssayOnline le 27/11/21 à 13:59

Masters essay writing service ca Авиасалес


UYhjhgTDkJHVy

#4018 Posté par JamesFof le 27/11/21 à 13:56

can i buy ventolin over the counter and ventolin price usa and ventolin 2018 and ventolin without prescription and how to get ventolin over the counter and buy ventolin over the counter and how to get ventolin and ventolin 10 mg and ventolin from india and where can i buy ventolin in uk and ventolin online uk and ventolin 4 mg tabs and otc]ventolin prescription online and can you buy ventolin over the counter in australia and buy generic ventolin and ventolin 200 and ventolin 200 and ventolin no prescription and no prescription ventolin inhaler
ventolin generic brand pwetkcye
buy ventolin inhaler online fssoypje
how to get ventolin gmnqugwz

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