5 astuces jQuery

328
(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 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | Suivant >>

328 commentaires pour l'instant (Répondre)

#6297 Posté par Charlesfoops le 21/01/22 à 22:51

Мебель от МИКМАР — это модели по индивидуальным заказам, комплексное оборудование гостиниц, баров, ресторанов.
http://www.mikmar.ru/shop/cabinet-furniture/ Последние годы компания МИКМАР позиционирует себя на рынке, как АТЕЛЬЕ МЯГКОЙ МЕБЕЛИ, где основным направлением является создание мебели по индивидуальным размерам.

#6296 Posté par DaltonKeert le 21/01/22 à 22:32

mx vs atv reflex download pc completo free
https://silverliningjewelryoutlet.com/drim
twin usb vibration gamepad driver download free

microsoft qbasic download for windows 8.1 free
https://febteq.com/assets/ttr
trend following michael covel pdf download free
download pc youtube free
https://hopepariwar.org/wp-content/push
windows 8 to 8.1 offline download free
download rar extractor for windows 7 free
https://babalockusa.com/pono
nspro smart card driver windows 7 32 bit download free
watercad software download for windows 7 free
http://successacademyonline.org/mimo
cyberlink powerdirector 10 download for windows 8 free

#6295 Posté par IsidroBub le 21/01/22 à 22:32

Компания A+F Packaging Solutions более сорока лет является одним из ведущих производителей оборудования для групповой и конечной упаковки молочных продуктов, продуктов питания, напитков, продуктов фармацевтики и косметики, других штучных товаров.
Машина получила английское название «Flow pack» из-за технических особенностей: можно перевести как «упаковка потока».

#6294 Posté par Charlesvek le 21/01/22 à 22:32

Существующий многолетний опыт позволяет нам, производить установку автоклиматического оборудования: предпусковых подогревателей, воздушных отопителей и кондиционеров на любую технику.
вебасто в москве Технические консультанты L-Service (ООО "ЭЛ-Сервис") окажут квалифицированную консультацию и окажут вам помощь в подборе оборудования, как для легковых и грузовых автомобилей, так и морских судов.

#6293 Posté par JaimeSnina le 21/01/22 à 22:05

Обещать бады для мужчин для повышения либидо и потенции, китайская медицина.
Женские возбудители и афродизиаки. Однако дозволено Заказать тут :
https://fito-shop.in.ua

#6292 Posté par Rolandrix le 21/01/22 à 21:40

Чтобы информационном ресурсе zagrevo.ru публикуются статьи о духовных практиках, самопознании.
Ежедневный рента посещают читатели, интересующиеся разнообразной информацией о предметах эзотерической направленности и ритуалах.
Мы рады взаимовыгодным идеям, открыты ради диалога и новых контактов. Власть сайта готова ответить для интересующие вопросы.
Если у вас есть парадокс, интересные материалы применительно теме сайта сиречь суждение плодотворного партнерства, напишите нам.

#6291 Posté par PaulaExalp le 21/01/22 à 21:27

Тут вам просто также быстро сумеете отыскать необходимую ради вас mp3 музыку, слушать интернет песенки безвозмездно также выделывать плейлисты в отсутствии регистрации Наиболее свежайшие mp3 новшества 2022 годы. Загрузить новейшие бестселлеры....
Больше информации по ссылке: инстасамка песни

#6290 Posté par eveby16 le 21/01/22 à 20:55

Big Ass Photos - Free Huge Butt Porn, Big Booty Pics
http://cienegas.terrace.danexxx.com/?julissa
disrobing full screen porn videos bailey cream porn model uk sandy gibson porn amateru porn posted by date free porn cock torture

#6289 Posté par chrisrg3 le 21/01/22 à 20:30

Hot new pictures each day
http://pointclear.pornclipz.sexjanet.com/?parker
anal you tube porn ass avatar porn movies lebians fisting xhamster free porn dtube porn movies fifty old women porn

#6288 Posté par JaimeSnina le 21/01/22 à 20:17

Обещать бады ради мужчин ради повышения либидо и потенции, китайская медицина.
Женские возбудители и афродизиаки. Однако позволительно Заказать тут :
fito-shop.in.ua

#6287 Posté par coletteqw2 le 21/01/22 à 19:43

Hot photo galleries blogs and pictures
http://woodson.porn.for.women.alypics.com/?deasia
hag porn hindi indian porn porn tube mpegs porn to wank to porn box straight to your tv

#6286 Posté par DaltonKeert le 21/01/22 à 19:42

[url=http://beautynasa.com/wp-includes/fox]download swift shader 3.0 for windows 7 32bit free[/url]
https://vschitre.org/kvit
canon mf toolbox 4.9 windows 10 download free

[url=http://successacademyonline.org/mimo]pc gba emulator download free[/url]
https://redtelecom.com.br/poda
microsoft applocale download windows 8 free
[url=http://himmelpharma.pk/test/ccd]gimp-2.6.exe download free[/url]
http://evolveprotraining.com/smart
jogos para pc download gratis completo em portugues windows 7 free
[url=http://globaltechpk.com/kish]zune setup download windows 8 free[/url]
https://babalockusa.com/pono
tank game download for pc free
[url=http://after50sidehustle.com/semp]win 7 theme for xp sp3 download free[/url]
http://photosmaz.com/park
castle crashers pc version download free

#6285 Posté par EdwardQuolo le 21/01/22 à 19:29

Мебель от МИКМАР — это модели по индивидуальным заказам, комплексное оборудование гостиниц, баров, ресторанов.
[url=http://www.mikmar.ru/shop/mechanisms-of-transformation/othello/]кровати[/url] Благодаря этому направлению МИКМАР принимало участие в обустройстве Центра авиационных технологий им. Туполева по оборудованию мебелью VIP-класса авиалайнеров и вертолётов для таких клиентов как: Президент Республики Судана, компаний АЛРОСа, Норникель, Коминтеравиа; а также Музея Московского Кремля-Оружейной Палаты, гостиниц «Пекин», «Останкинская», "Арарат Парк Хаятт", "Ritz-Carlton" в Москве, «Жемчужная» и «Редиссон-Лазурная» в Сочи, ночной клуб "Провокатор" в Москве.

#6284 Posté par ClaudioNuh le 21/01/22 à 19:29

Мы ориентируемся на рациональных людей, на тех, кто ценит уважение к себе, любит качественную продукцию и бережно относится к деньгам.
[url=https://www.bonaromat.ru/spage-goods/parfum-Solo_Loewe_Pop.html]https://www.bonaromat.ru/spage-goods/parfum-Solo_Loewe_Pop.html[/url] Философия нашей компании очень проста – каждый клиент должен остаться доволен товаром, магазином и сервисом.

#6283 Posté par Harryeffem le 21/01/22 à 19:29

Важную роль в судьбе техники будет играть квалификация оператора, механика, климат, в котором техника будет эксплуатироваться и многое другое.
[url=https://gidromir.com/magazin-gidravliki/product/382224904]гидравлический насос поршневой[/url] Гидравлика Kawasaki является ведущим направлений деятельности компании «Kawasaki Precision Machinery», которая в течении многих лет специализируется на производстве надёжного и высокоэффективного гидравлического оборудования под брендом «Kawasaki Hydraulics».

#6282 Posté par BuyEssayOnline le 21/01/22 à 19:14

Description descriptive essay example http://elestoma.ru/bitrix/redirect.php?event1=&event2=&event3=&goto=https://essaypro.me/


UYhjhgTDkJHVy

#6281 Posté par Gregoryvoite le 21/01/22 à 18:29

В лице нас вы получите контроль качества поставляемых полуприцепов на каждом этапе их производства.
[url=https://vt174.ru/zapcasti-ror/]https://vt174.ru/zapcasti-ror/[/url] Поставляемые запасные части отвечают всем требованиям качества, и при этом мы всегда стараемся предложить выгодную цену.

#6280 Posté par Erickriz le 21/01/22 à 18:29

Российского и импортного производства.
Доставка от завода до вашей двери! [url=http://polymerbroker.ru]http://polymerbroker.ru[/url] Полимерное сырьё
от мировых производителей

#6279 Posté par DaltonKeert le 21/01/22 à 16:52

[url=https://lamontfranklin.com/zand]autocad 2009 full version download for windows 7 free[/url]
http://smyrnapraiseandworship.org/files/kors
winfiol ericsson download free

[url=https://leap.mrg.com.bd/wp-content/trx]winx club mythix full song download free[/url]
http://smyrnaguitarlessons.com/files/top
windows 7 admin download free
[url=http://groupemacelec.com/agan]gta san andreas crazy trainer download for pc free[/url]
https://redrosebusiness.com/idio
picasa software download for windows 8.1 free
[url=https://fndwineandspirits.com/drum]wwe impact 2k16 pc game gameplay + download link free[/url]
https://signal-digi.store/vupy
desktop folder icons windows 7 download free
[url=https://www.gemliktesatilik.gen.tr/wp-content/lom]cyberlink power2go download windows 7 free[/url]
http://www.yourperfectva.com/mina
opengl 1.4 renderer download for windows 8 free

#6278 Posté par GeraldISOKS le 21/01/22 à 16:00

Для сегодняшний день игроки из России могут столкнуться чуть с одной проблемой — блокировкой игрового клуба в интернете. Поэтому власть казино онлайн прилагает постоянно усилия ради того, для каждый потенциальный посетитель смогу получить доступ ко всем развлечениям, доступным на сайте.
[url=http://happyrest.ru/]адмирал ххх[/url]
[url=http://mih26.ru/]казино[/url]
[url=http://bel-bereg.ru/]адмирал х[/url]
[url=http://xn----7sbqmtbri4a.xn--p1ai/]azzino 777[/url]
[url=https://www.teogames.ru/]fresh casino[/url]
[url=http://xn--80afejusarp.xn--p1ai/]орка 88 регистрация[/url]

<< Précédent | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 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.

© 2022 Pierrick Dautrement. Tous droits réservés.

Ce qu'il y a derrière