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 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | Suivant >>

328 commentaires pour l'instant (Répondre)

#6340 Posté par ManzokaBus le 22/01/22 à 12:53

Онлайн займы на карту без отказа и без проверки сейчас вы можете взять за 10 минут. Если срочно нужны деньги на карту, то советуем перейти по ссылкам ниже где вы найдете лучшие МФО которые работают круглосуточно!

Для оформления займа нужен паспорт, мобильный телефон и любая именная банковская карта. У нас проверенный список микрофинансовых компаний где можно взять быстрый займ на карту до 50 тысяч рублей. Также для новых клиентов есть акция в виде займа под 0% на 15 дней.

Посмотреть все актуальные предложения по займам:
https://www.google.com.ng/url?q=https://mikro-zaim-online.ru/
https://maps.google.td/url?q=https://mikro-zaim-online.ru/
https://www.google.nr/url?q=https://mikro-zaim-online.ru/
https://cse.google.com.jm/url?q=https://mikro-zaim-online.ru/
https://images.google.mn/url?q=https://mikro-zaim-online.ru/

#6339 Posté par BuyEssayOnline le 22/01/22 à 12:33

Esl college problem solving example http://youmydaddy.com/cgi-bin/at3/out.cgi?id=253&trade=https://papershelps.org


UYhjhgTDkJHVy

#6338 Posté par loriepy16 le 22/01/22 à 11:50

Daily updated super sexy photo galleries
http://old.young.porn.hoterika.com/?quinn
sample dog porn french home porn free flashplayer porn video forced lesbiansex porn stars having sex car porn videos

#6337 Posté par belleImpub le 22/01/22 à 11:31

https://www.toptal.com/developers/hastebin/raw/usoveyeriy

http://devinlctj.thezenweb.com/IMVU-CREDITS-Totally-free-IS-HERE-43060557


imvu credits free,imvu credits,imvu credits hack,imvu hack 2022,imvu credits free,free imvu credits,imvu generator ios andorid,imvu hack android,imvu hack free credits,imvu generator hack,imvu credits,imvu credits 2022,imvu clothes free,imvu hack usa 2022,imvu generator free,imvu free clothes 2022,imvu hack ios,imvu hack 2022 android,imvu hack free online,imvu free hacks,imvu free credits
imvu credits free,imvu credits,imvu credits hack,imvu hack 2022,imvu credits free,free imvu credits,imvu generator ios andorid,imvu hack android,imvu hack free credits,imvu generator hack,imvu credits,imvu credits 2022,imvu clothes free,imvu hack usa 2022,imvu generator free,imvu free clothes 2022,imvu hack ios,imvu hack 2022 android,imvu hack free online,imvu free hacks,imvu free credits
imvu credits free,imvu credits,imvu credits hack,imvu hack 2022,imvu credits free,free imvu credits,imvu generator ios andorid,imvu hack android,imvu hack free credits,imvu generator hack,imvu credits,imvu credits 2022,imvu clothes free,imvu hack usa 2022,imvu generator free,imvu free clothes 2022,imvu hack ios,imvu hack 2022 android,imvu hack free online,imvu free hacks,imvu free credits
imvu credits free,imvu credits,imvu credits hack,imvu hack 2022,imvu credits free,free imvu credits,imvu generator ios andorid,imvu hack android,imvu hack free credits,imvu generator hack,imvu credits,imvu credits 2022,imvu clothes free,imvu hack usa 2022,imvu generator free,imvu free clothes 2022,imvu hack ios,imvu hack 2022 android,imvu hack free online,imvu free hacks,imvu free credits
imvu hack free online imvu hack 2022 af69359

#6336 Posté par Prerb le 22/01/22 à 11:13

Nothing to add, just I love to spend time in this website and read every word here.
I this like as well:

נערות ליווי ברמת גן

#6335 Posté par LloydLut le 22/01/22 à 10:33

Направление деятельности компании ООО "Райдстоун, гранит и мрамор" — производство изделий из натурального камня по индивидуальным заказам любой сложности под ключ — от этапа замера, производства, до сдачи проектов.
https://www.raidstone.ru/services/oblicovka-interera/oblicovka-sten.html Компания начала свою деятельность всего несколькими сотрудниками и 2 станками, а теперь обладает хорошо оснащенным производством, станково- инструментальным парком, складом, офисом в центре города.

#6334 Posté par RobertMique le 22/01/22 à 10:33

Мы осуществляем поставку и продажу запасных частей и расходных материалов к бензиновой и дизельной садовой и строительной технике уже 12 лет.
Являясь авторизованным Сервисным центром, практически всех известных Торговых марок, работающих в нашем регионе, мы имеем возможность поставки и реализации оригинальных запасных частей для всех видов, типов и моделей бензинового и дизельного инструмента, а также можем предложить аналоговые варианты деталей, если по каким то причинам вы не можете приобрести оригинальные запчасти.

#6333 Posté par Richardguecy le 22/01/22 à 09:37

Если ранее автоматика для ворот устанавливалась только на коммерческих объектах или во владениях весьма состоятельных людей, то теперь такого рода товары доступны даже среднестатистическому жителю нашей страны.
[url=https://mosvrata.ru/catalog/shlagbaumy/avtomaticheskie/]ворота распашные металлические[/url] Надежность и производительность автомобильных ворот во многом определяется запчастями, которые в них установлены.

#6332 Posté par Frankhoume le 22/01/22 à 09:37

Изделия от именитых производителей, что подтверждает их качество и надежность. Мы работаем с представителями таких компаний, как MUPRO, FISCHER, SPAX, выпускающие крепежные изделия.
[url=https://gm-k.ru]купить крепежи[/url] Имея более чем 50-летний опыт работы в своей отрасли и присутствия на рынке, компания MUPRO является одним из ведущих производителей крепежных, звукоизоляционных и противопожарных систем.

#6331 Posté par JohnnieGloNi le 22/01/22 à 09:37

В нашем интернет-магазине представлено оборудование для уборочно-моечных работ на улице и внутри помещения: в торговых центрах и офисах, частных коттеджах, больницах, школах, в кафе и ресторанах.
[url=https://chisteam.ru/stat/minimalnaya-tolshchina-bezopasnogo-pokrytiya-na-detskikh-ploshchadkakh-rekomendatsii-proektirovshchi/]бесшовное резиновое покрытие[/url] Мы уверены, что купив в интернет-магазине «Чистим» уборочную технику, Вы не только останетесь полностью довольны, но и будете рекомендовать наш магазин своим друзьям и коллегам!

#6330 Posté par Dew le 22/01/22 à 09:24

Приветствую вас!
Вопрос для знатоков и опытных в строительстве, в особенности для тех, кто разбирается и понимает в строительстве фундаментов.
В интернете нашла сайт Школы частных прорабов Prorab2.ru, они утверждают, что можно строить дешевые и качественные фундаменты для гаража, дома, дачи, бани, в общем, для разных строений.
Неужели можно строить фундаменты за полцены или за 1/2, не нарушая технологического процесса и соблюдая все строительные нормы?
В этом я как то по-женски колеблюсь и сомневаюсь.
Хотя если посмотреть их сайт, то там можно найти много подробных и длинных статей с множеством интересных и схематических изображений, например:
[url=https://prorab2.ru/fundament/razmery-fundamenta/razmery-blokov-fbs-dlya-fundamenta-gost.html]Фундаментные блоки ФБП ГОСТ[/url]
То начинаешь верить в подлинность и реальность.
В строительство дешевых и качественных фундаментов под баню, дом, дачу, гараж и т.д. за полцены или 1/2.
Еще придает уверенности психологический раздел о ремонте и строительстве, т.е. обо всех участниках ремонтного и строительного процесса.
Есть моменты и нюансы, о которых ни когда и ни от кого в настоящем и реальном строительстве еще не слышала. Интересных и задумчивых статей несколько десятков, например:
[url=https://prorab2.ru/sokrovennoe-v-stroitelstve-i-remonte/psihologiya-podryadchika-v-stroitelstve-i-remonte]Психология подрядчика в строительстве[/url]
Знатоки и опытные в строительстве фундаментов, что думаете, возможно ли строить качественные и дешевые фундаменты за 50% или за полцены от цены фундамента, или не возможно такое строительство?
Вот вам адрес сайта Школы Прорабов Prorab2.ru https://prorab2.ru/ , перейдите, посмотрите своим знающим и опытным взглядом.
До встречи!

#6329 Posté par Dew le 22/01/22 à 09:10

Всем привет!
Вопрос для опытных и знатоков в строительстве, в особенности для тех, кто понимает и разбирается в строительстве фундаментов.
В интернете нашла сайт Школы частных прорабов Prorab2.ru, они утверждают, что можно строить дешевые и качественные фундаменты для дома, дачи, бани, гаража, в общем, для разных строений.
Неужели можно строить фундаменты за полцены или за 1/2, не нарушая технологического процесса и соблюдая все строительные нормы?
В этом я как то по-женски колеблюсь и сомневаюсь.
Хотя если посмотреть их сайт, то там можно найти много длинных и подробных статей с множеством схематических и интересных изображений, например:
[url=https://prorab2.ru/fundament/kak-delat-fundament/kak-delat-lentochnyy-fundament-pod-dom.html]Как правильно делать ленточный фундамент[/url]
То начинаешь верить в реальность и подлинность.
В строительство дешевых и качественных фундаментов под дом, дачу, баню, гараж и т.д. за 1/2 или полцены.
Еще придает уверенности психологический раздел о строительстве и ремонте, т.е. обо всех участниках ремонтного и строительного процесса.
Есть моменты и нюансы, о которых ни когда и ни от кого в настоящем и реальном строительстве еще не слышала. Задумчивых и интересных статей несколько десятков, например:
[url=https://prorab2.ru/sekretnaya-podgotovka-k-stroitelstvu-i-remontu/pochemu-ne-slushayut-spetsialistov-v-stroitelstve-i-remonte]Специалист по строительству домов[/url]
Опытные и знатоки в строительстве фундаментов, что думаете, возможно ли строить качественные и дешевые фундаменты за полцены или за 50% от цены фундамента, или не возможно такое строительство?
Вот вам адрес сайта Школы Частных Прорабов Prorab2.ru https://prorab2.ru/ , перейдите, посмотрите своим знающим и опытным взглядом.
До скорой встречи!

#6328 Posté par Dew le 22/01/22 à 09:04

Добрый день!
Вопрос для знатоков и опытных в строительстве, в особенности для тех, кто понимает и разбирается в строительстве фундаментов.
В интернете нашла сайт Школы частных прорабов Prorab2.ru, они утверждают, что можно строить дешевые и качественные фундаменты для гаража, дома, дачи, бани, в общем, для разных строений.
Неужели можно строить фундаменты за 1/2 или за полцены, соблюдая все строительные нормы и не нарушая технологического процесса?
В этом я как то по-женски колеблюсь и сомневаюсь.
Хотя если посмотреть их сайт, то там можно найти много подробных и длинных статей с множеством интересных и схематических изображений, например:
[url=https://prorab2.ru/fundament/sut-fundamenta/kakoy-fraktsii-scheben-luchshe-dlya-fundamenta-doma.html]Вторичный щебень[/url]
То начинаешь верить в подлинность и реальность.
В строительство качественных и дешевых фундаментов под дачу, дом, баню, гараж и т.д. за полцены или 1/2.
Еще придает уверенности психологический раздел о ремонте и строительстве, т.е. обо всех участниках строительного и ремонтного процесса.
Есть нюансы и моменты, о которых ни когда и ни от кого в реальном и настоящем строительстве еще не слышала. Задумчивых и интересных статей несколько десятков, например:
[url=https://prorab2.ru/sokrovennoe-v-stroitelstve-i-remonte/psihologiya-arhitektora-i-proektirovschika-v-stroitelstve-i-remonte]Психология архитектора и проектировщика в строительстве и ремонте[/url]
Знатоки и опытные в строительстве фундаментов, что думаете, возможно ли строить качественные и дешевые фундаменты за полцены или за 50% от цены фундамента, или не возможно такое строительство?
Вот вам адрес сайта Prorab2.ru https://prorab2.ru/ , перейдите, посмотрите своим знающим и опытным взглядом.
Увидимся!

#6327 Posté par PatrickWeary le 22/01/22 à 09:04

Kierre.info - Hỏi Gì Cũng Biết. Giải đáp tất cả các câu hỏi trong cuộc sống xung quanh bạn một cách chính xác nhất. Bao gồm các câu hỏi là gì, tại sao, như thế nào, là ai, ở đâu, làm thế nào...
Address: 281 Doi Can, Ba Dinh, Hanoi, Vietnam
Zipcode: 11113
Phone number: +84383294435
Mail: kierre.info@gmail.com

Follow us:

https://www.youtube.com/channel/UCaehx72Jeiv_yWccnoshXdg
https://www.pinterest.com/kierreinfo/_saved/
https://www.facebook.com/Kierre-103326488924568
https://twitter.com/kierreinfo
https://myspace.com/kierre.info

#6326 Posté par BuyEssayOnline le 22/01/22 à 08:08

Cheap dissertation results proofreading services online studybay


UYhjhgTDkJHVy

#6325 Posté par WillieDrula le 22/01/22 à 07:38

Ситуация мало отличается, ежели лифт больше не гарантируется. Тогда обслуживание лифта и его исправление может выполнить любой предприниматель из этой отрасли. Присутствие выборе подходящей компании чтобы реализации вышеперечисленных задач следует руководствоваться не только ценой на услугу, однако и опытом сотрудников.
https://alehan.ru/sizes/wj/?pochemu_v_racion_vashego_rebenka_obyazatelyno_dolghno_vhodity_moloko_i_drugaya_molochka_m.html
https://elekspb.ru/pages/sovety_po_prohoghdeniyu_assassin_039s_creed_unity_osnovnye_missii_037.html
http://www.tehproekt34.ru/mebel/yavnye-dostoinstva-mebeli-italyanskogo-proizvodstva
http://attlab.ru/wp-content/pages/sovety_po_prohoghdeniyu_igry_lego_city_undercover_prohoghdenie_igry_031.html
http://www.compaleks62.ru/info/19216-elektricheskoe-otoplenie-doma-dostoinstva-resheniya


yuiuipkhgfdj2tert3

#6324 Posté par JoshuaErync le 22/01/22 à 07:04

Покупать щебень 20 40, бутовый камень, щебень 5 20 , а также щебень гравийный 40 70 с доставкой сообразно лучшей цене дозволено у нас
https://shebenkamen.ru/

#6323 Posté par DaltonKeert le 22/01/22 à 06:58

[url=http://www.diamondgroupweb.com/nefr]sims carnival snapcity download full version free[/url]
https://smyrnaguitarlessons.com/files/top
download driver acer aspire e5-471g windows 7 32 bit free

[url=http://surinworld.com/wp-content/slom]ftp download firefox windows free[/url]
https://www.clarioncoolers.com/zoro
audio editing software for pc download free
[url=http://www.dutasarana.com/img/pug]idm download for my pc free[/url]
https://abortionpill.mariestopabortionkenya.org/dast
download excel services windows 7 gadget free
[url=https://takshshilaa.com/part]download condition zero full pc free[/url]
https://grandmarketltd.co.uk/vosm
dexter the game 2 download for pc free
[url=https://www.sciotoreservehoa.com/spec]ibm sametime download for windows 8 free[/url]
http://exclusivevent.it/wp-content/floop
download role play games for pc free

#6322 Posté par JoshuaErync le 22/01/22 à 06:41

Покупать щебень 20 40, бутовый камень, щебень 5 20 , а также щебень гравийный 40 70 с доставкой сообразно лучшей цене дозволительно у нас
https://shebenkamen.ru/

#6321 Posté par WilliamElozy le 22/01/22 à 06:26

Experience a good gaming platform

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