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

328 commentaires pour l'instant (Répondre)

#6360 Posté par Ronnylix le 22/01/22 à 20:59

Кованый стол – это предмет интерьера, который украсит каждый дом. Они не только привлекательны внешне, но и респектабельны и солидны. У нас вы можете купить прикроватный, туалетный и обеденный столы по цене производителя.
https://damian-m.ru/kovanaya_mebel_versal Кованые зеркала служат одним из самых важных компонентов в оформлении интерьера любого пространства – квартиры, дачи, загородного дома или офисного помещения.

#6359 Posté par myraro2 le 22/01/22 à 20:28

Sexy photo galleries, daily updated pics
http://beamanmnaughtygayporn.miyuhot.com/?aryanna
porn videos veronica zemavova jentel porn star free abdl porn naked gay teen porn yoda porn

#6358 Posté par deannafw11 le 22/01/22 à 19:52

Girls of Desire: All babes in one place, crazy, art
http://ramona.freeuranusporn.hotnatalia.com/?erin
vyvanse porn mature ukrainian women porn porn taboos youjizz porn porn anime lebians

#6357 Posté par JimmieBib le 22/01/22 à 18:51

Белт-лайт представляет собой 2-х или 5-ти жильный провод с равномерно расположенными на нем патронами для ламп с цоколем Е27. В народе его также называют гирляндой с лампочками, ретро гирляндой https://белт-лайт.рф/#catalog Двухжильный белт-лайт используется, если вам не нужно, чтобы лампочки мигали

#6356 Posté par Jamesiteva le 22/01/22 à 18:51

Robotomag.ru — новый амбиционный проект ООО «СиПиЭс Групп», признанного российского поставщика программного обеспечения.
https://robotomag.ru/catalog/ochistiteli_vozdukha_aic/ Постоянно расширяя ассортимент, мы имеем возможность предложить роботов из разных ценовых диапазонов с учетом требуемого функционала и возможностей.

#6355 Posté par PornoGoi le 22/01/22 à 18:23

Классное секс фильмы без регистрации просмотр на https://porno-go.website в высоком качестве
Новинки порно ролики без границ онлайн на https://porno-go.ru в HD1080
Сексуальное секс фильмы бесплатно просмотр на https://porno-go.top в высоком качестве
Со всего мира секс ролики для взрослых смотреть на https://porno-go.pro в HD1080
Со всего мира секс фильмы для всех смотреть на https://porno-go.mobi в HD720




.

#6354 Posté par Danielmog le 22/01/22 à 17:30

Компания осуществляет деятельность по производству и продаже на российском и зарубежном рынках высококачественных полимерных строительных материалов на акриловой основе, таких как штукатурка эластичная, гидроизоляционная, декоративная для фасадов и интерьеров MultiFlex NANO ®.
цены на грунтовку ООО «Полимер Мегаполис» вышел на рынок Германии.
Очень символично 9 мая 2021 года в городе Бохуме мы открыли представительство (это наша
маленькая победа в состязании экспортеров из России).

#6353 Posté par FrankAvemy le 22/01/22 à 17:30

На заводе работают только высококвалифицированные специалисты с многолетним опытом.
металлические двери двери Сейчас, мы добились того, что наши клиенты рекомендуют двери Гранит от производителя друзьям и знакомым.

#6352 Posté par RobertReins le 22/01/22 à 17:30

Кованый стол – это предмет интерьера, который украсит каждый дом. Они не только привлекательны внешне, но и респектабельны и солидны. У нас вы можете купить прикроватный, туалетный и обеденный столы по цене производителя.
кованый Производство мебели в стиле Лофт предназначено для дополнения такого необычного интерьера.

#6351 Posté par 1xbesWes le 22/01/22 à 17:27

By clicking the "Sign up" switch, an account at the official 1xBet gambling enterprise will be developed 1xbet app By clicking on the switch below, you will be directed to one of the functioning mirrors of the 1xBet casino authorities internet site 1xbet colombia app Registration at 1xBet will certainly likewise enable you to withdraw your winnings in a short time, the capability to speak to support, as well as appreciate various other advantages of 1xBet online casino site 1 x bet descargar Casino wagers are as fast as 1xBet sports betting, so you can win actual cash in very little time! Casino 1xBet is able to supply a great deal of possibilities to win genuine cash descargar 1xbet android

#6350 Posté par BuyEssayOnline le 22/01/22 à 16:58

Write history term paper http://gardnerscandies.biz/__media__/js/netsoltrademark.php?d=papershelps.org


UYhjhgTDkJHVy

#6349 Posté par WilliamElozy le 22/01/22 à 16:23

카지노사이트

#6348 Posté par burenokbitty le 22/01/22 à 15:57

Спортивные уличные тренажеры.
Смотрите детские игровые площадки купить у нас на сайте.
Смотрите информацию манжета для тяги на сайте.
Смотрите подробности тренажер бубновского купить в украине на сайте.
Описание манжета для ног.

#6347 Posté par Richardmut le 22/01/22 à 15:34

Вашему вниманию представляется бесплатный онлайн-кинотеатр rezka.men, в котором всегда можно будет посмотреть фильм или сериал в HD качестве.
Наш сайт Вам очень понравится, и Вы будете пользоваться им с большим удовольствием. Приятный и оптимизированный плеер под все устройства, включая ТВ. Плеер грузится достаточно быстро и, собственно, сайт тоже. Смотрите фильмы на этом портале, Вы не пожалеете.

#6346 Posté par Stevenbek le 22/01/22 à 14:41

ЛАМПОЧКИ ДЛЯ БЕЛТ-ЛАЙТА
гирлянда купить москва Он подходит для улицы, так как полностью резиновый: и кабель, и патроны обладают высокой степенью защиты - IP65. А патрон отличается резиновой юбкой для плотного прилегания к лампочке

#6345 Posté par MilfordTaple le 22/01/22 à 14:41

Robotomag.ru — новый амбиционный проект ООО «СиПиЭс Групп», признанного российского поставщика программного обеспечения.
робот для бассейна Постоянно расширяя ассортимент, мы имеем возможность предложить роботов из разных ценовых диапазонов с учетом требуемого функционала и возможностей.

#6344 Posté par RobertReila le 22/01/22 à 13:36

Компания ДЖИ ЭМ на российском строительном рынке появилась в 2001 году, и сегодня является крупным поставщиком крепежных изделий, расходных материалов и инструментов для самых разнообразных работ.
https://gm-k.ru/homuty/xomuti-zvukoizol/2s/2s47.html Имея более чем 50-летний опыт работы в своей отрасли и присутствия на рынке, компания MUPRO является одним из ведущих производителей крепежных, звукоизоляционных и противопожарных систем.

#6343 Posté par RichardEmpah le 22/01/22 à 13:36

Купить недорого ограничители проникновения на объекты и территории, а также множественные комплектующие предлагает наша компания «Московские Ворота». Давайте обсудим подробнее особенности выбора и стоимость шлагбаума.
https://mosvrata.ru/catalog/komplektuyushhie-dlya-vorot/podvesnih/?sort=price&order_by=asc Именно на фурнитуру для ворот оказывается наибольшее напряжение и нагрузка, а, следовательно, небольшие детали нередко выходят из строя.

#6342 Posté par ScottElife le 22/01/22 à 13:36

Мы уверены, что каждый покупатель найдет у нас все необходимое для чистоты и уборки, а наши условия его полностью устроят.
https://chisteam.ru/catalog/hygienic_equipment/ Каждый тип клинингового оборудования представлен высокотехнологичными функциональными современными моделями, отобранными нашими специалистами благодаря своей эффективности

#6341 Posté par gwenii16 le 22/01/22 à 12:58

Browse over 500 000 of the best porn galleries, daily updated collections
http://hdteenporntubes.hazelcrest.alexysexy.com/?aubrie
poonani porn movies uk girl porn college football player in porn free porn tv and movie free hg mom porn pics

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