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

328 commentaires pour l'instant (Répondre)

#6320 Posté par Billielax le 22/01/22 à 06:25

Направление деятельности компании ООО "Райдстоун, гранит и мрамор" — производство изделий из натурального камня по индивидуальным заказам любой сложности под ключ — от этапа замера, производства, до сдачи проектов.
[url=https://www.raidstone.ru/catalog/izdeliya-iz-kamnya/stoleshnicy.html]столешница из камня в ванную[/url] Для придания даже типовому дому эксклюзивного внешнего вида стоит воспользоваться внешней отделкой из камня.

#6319 Posté par Terryphogs le 22/01/22 à 06:25

Мы осуществляем поставку и продажу запасных частей и расходных материалов к бензиновой и дизельной садовой и строительной технике уже 12 лет.
[url=https://zapchasti-remont.ru/shop/zapchasti_gazonokosilok1/]запчасти к бензиновым газонокосилкам[/url] Начав работу на уровне Москвы и области мы со временем развились до масштабов нашей огромной страны и теперь осуществляем продажи и поставки в любой регион Российской Федерации.

#6318 Posté par GregoryRip le 22/01/22 à 05:44

Основной сферой деятельности нашей компании является изготовление металлоизделий и металлоконструкций различного назначения, как по чертежам Заказчика, так же с разработкой чертежей КМД.
[url=https://mmc24-msk.ru/katalog]https://mmc24-msk.ru/katalog[/url] Но самый главный признак подразделяющий эти изделия - это назначение. Они могут применяться не только как строительные, вроде панелей, колонн, витражей, перекрытий, купольных конструкций, но и как ограждающие, например, заборы, ворота сварные решетчатые или обшитые профилированные оцинкованные листами, металлическим штакетником, листами поликарбоната.

#6317 Posté par Charlesamurf le 22/01/22 à 05:44

По причине стремительного развития строительного производства количество использованного металла только увеличивается.
[url=https://glavchermet.ru/%D0%B2%D1%8B%D0%B2%D0%BE%D0%B7-%D0%BC%D1%83%D1%81%D0%BE%D1%80%D0%B0]https://glavchermet.ru/%D0%B2%D1%8B%D0%B2%D0%BE%D0%B7-%D0%BC%D1%83%D1%81%D0%BE%D1%80%D0%B0[/url] Компания "Главчермет" осуществляет не только прием и вывоз лома черных и цветных металлов, но и оказывает услуги по вывозу снега, строительного и бытового мусора (ТБО).

#6316 Posté par Edwardgah le 22/01/22 à 05:44

Полное восстановление учета организации
включает создание заново бухгалтерского и налогового учета и полное восстановление первичных документов
[url=https://buhexpert-in.ru]https://buhexpert-in.ru[/url] Наша помощь позволит вам избежать штрафов и сэкономить немало средств на содержании штата бухгалтеров

#6315 Posté par Robertloaby le 22/01/22 à 05:28

Как работает домашний риэлтор знают немногие, потому сколько привыкли видеть специалиста по недвижимости под «крылом» агентства, однако приобретя опыт посредник начинает самостоятельное проведение сделок купли-продажи.
[url=https://realtornamillion.ru/]риэлторский сайт[/url]

#6314 Posté par RichardclUsy le 22/01/22 à 05:10

порно девушка кончает хорошо https://tube-porn.club/ любит большие порно

порно молодых свингеров https://tube-porn.club/categories/gruppovoj/

[url=https://suiteshare.com/blog/vtex-adquire-a-suiteshare/?waitingforapproval=289312#comment-289312]скачать порно з[/url]
[url=https://sunandbubbles.blogg.se/2015/august/kod-e15-och-forvirrad-linda.html]нарезка домашнего порно[/url]
[url=https://czetka.eoldal.hu/cikkek/link.html#block-comments]голые женщины в колготках[/url]
[url=http://vsesoli.ru/reviews#comment_177378]бесплатное порно зрелые жены[/url]
[url=https://bien-shop.fr/boutique/animaux/leopard/leopard-70cm-fibre-de-verre/#comment-98835]порно большие жопы в масле[/url]
[url=https://x-factor-cz.estranky.cz/clanky/seznam-co-mame-doma-_mp3_.html#block-comments]видео голых русских девушек бесплатно[/url]
[url=https://austro-liber.boards.net/thread/3/bitcoins-teorema-da-regress?page=54#scrollTo=809]голые русские пожилые женщины[/url]
[url=http://muaramedia.co.id/konsultasi#comment-3848]голые женщины в бане частное[/url]
[url=http://61.218.21.8/forum.php?mod=viewthread&tid=2281177&extra=]голые девушки проститутки[/url]
[url=http://crm.xp3.biz/?page_id=2#comment-20337]смотреть онлайн порно качестве новинки[/url]
27af693

#6313 Posté par tiaai3 le 22/01/22 à 05:00

Nude Sex Pics, Sexy Naked Women, Hot Girls Porn
http://springarbor.pornstarkasey.moesexy.com/?aleah
free kira reed porn starfire raven and terra porn michael drew porn bukakke porn powered by vbulletin britney amber porn slutload

#6312 Posté par KennethUncep le 22/01/22 à 04:18

Check this article it can be really useful -
https://hrtus.com/somatropinne-hgh-review-price-benefits-and-ingredients/

#6311 Posté par DaltonKeert le 22/01/22 à 04:05

photo viewer download windows 10 free
http://chiyu-t.com.pk/wp-content/fonts
final fantasy 7 pc download tpb free

netio.sys windows 8 download free
https://billionwealthmining.com/gosp
gparted download windows 10 free
portal 2 full game download pc free
https://www.labatforsheriff.com/poli
gta dhoom 3 game download for pc free
fifa 2001 full pc game download free
http://gujratistatus.in/wp-includes/front
computer games download full version windows 7 free
download game midnight club 2 untuk pc free
https://fakirafoundation.org/jpg
realtek audio driver windows 10 download free

#6310 Posté par sofiaew60 le 22/01/22 à 03:56

Enjoy our scandal amateur galleries that looks incredibly dirty
http://wells.bbw.amandahot.com/?kenna
widescreen porn pics girls outnumbered porn party temari on top porn game african porn teenage signs of being addicted to porn

#6309 Posté par BuyEssayOnline le 22/01/22 à 03:52

Statics homework solutions riley http://warriorsofmotherhood.co.za/__media__/js/netsoltrademark.php?d=papershelps.org


UYhjhgTDkJHVy

#6308 Posté par ScottDaw le 22/01/22 à 02:23

Существующий многолетний опыт позволяет нам, производить установку автоклиматического оборудования: предпусковых подогревателей, воздушных отопителей и кондиционеров на любую технику.
https://webasto-msk.ru/Products/article_108/ Все технические специалисты ООО «ЭЛ-Сервис» прошли обучение, получили квалифицированную подготовку

#6307 Posté par Melvinvenly le 22/01/22 à 02:23

С самого начала Ampco предлагала наиболее успешные решения в области производства насосов.
https://provision-group.ru/2015/03/06/distribyutory-murzan/ Путем постепенного увеличения линейки продукции в части насосов для санитарного применения AMPCO стала одним из лидирующих поставщиков насосов на нынешнем рынке Соединенных Штатов. Нашими основными продуктами являются центробежные и объемные насосы широкого спектра санитарного и несанитарного применения: подача рабочих сред, водное охлаждение, легкие химреагенты, канализация и многое другое.

#6306 Posté par SteveFek le 22/01/22 à 02:11

По причине стремительного развития строительного производства количество использованного металла только увеличивается.
пункт приема цветных металлов Мы установим сменный бункер (8м3, 20м3, 27м3) и предоставим полный пакет необходимых документов.

#6305 Posté par JuliusEpise le 22/01/22 à 02:10

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

#6304 Posté par JulioUtift le 22/01/22 à 02:10

За время существования компании сложился сплочённый коллектив высокопрофессиональных специалистов способных решать задачи различной степени сложности.
заборы для дачи Но самый главный признак подразделяющий эти изделия - это назначение. Они могут применяться не только как строительные, вроде панелей, колонн, витражей, перекрытий, купольных конструкций, но и как ограждающие, например, заборы, ворота сварные решетчатые или обшитые профилированные оцинкованные листами, металлическим штакетником, листами поликарбоната.

#6303 Posté par DaltonKeert le 22/01/22 à 01:18

vlc player download for windows 8.1 free
https://groupemacelec.com/agan
avast antivirus download gratis italiano 2014 windows 8 free

super smash bros brawl download pc gratis free
https://mgprosa.co.za/wp-includes/kolg
online football games download for pc free
download sound effects software for windows 7 free
https://successacademyonline.org/mimo
speed up my pc 2015 download free
download the king of fighters 98 para pc free
https://www.labatforsheriff.com/poli
download net framework 4 windows 7 32 bit free
best music downloader app for windows 8 free
http://ruteroscix.com/olso
windows 7 ultimate rtm iso download free

#6302 Posté par WillieDrula le 21/01/22 à 23:59

Положение мало отличается, буде лифт больше не гарантируется. Тогда обслуживание лифта и его исправление может выполнить любой делец из этой отрасли. Присутствие выборе подходящей компании ради реализации вышеперечисленных задач следует руководствоваться не единственно ценой для услугу, только и опытом сотрудников.
http://skatsport.ru/news/wjo/kredity_v_rosselyhozbanke.html
http://polisos.ru/wp-content/pages/kak_chasto_provodity_tehnicheskoe_obslughivanie_i_osmotr_lifta.html
http://www.tehproekt34.ru/mebel/yavnye-dostoinstva-mebeli-italyanskogo-proizvodstva
http://kimchicafe.ru/news/kogda_i_s_kakih_produktov_nachinaty_prikorm_svoego_rebenka.html
https://p-10.ru/news/o_kooperativah_v_selyskom_hozyaystve_sssr.html


yuiuipkhgfdj2tert3

#6301 Posté par BuyEssayOnline le 21/01/22 à 23:28

Clip art homework pass https://maps.google.it/url?q=https://bestessayservicereview.com


UYhjhgTDkJHVy

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