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

328 commentaires pour l'instant (Répondre)

#6277 Posté par Robertobern le 21/01/22 à 15:50

В нашем каталоге представлено более 3 000 брендов лучших парфюмерных домов всего мира, а это более 300 000 образцов парфюмерии и косметики. Эти цифры относительны, так как товар постоянно пополняется.
[url=https://www.bonaromat.ru/spage-goods/category-10_52_0_0_0_0_0.html]духи cartier[/url] Вашему вниманию представлено более 300 000 наименований парфюмерии и косметики, более 3000 брендов.

#6276 Posté par RufusTub le 21/01/22 à 15:50

Компания «Метр квадратный» предлагает вашему внимаю универсальные и надежные двери от ведущих производителей.
[url=https://metr2.pro/peregorodki.html]https://metr2.pro/peregorodki.html[/url] Задавшись целью выбрать межкомнатные изделие, мы желаем идеального соотношения качество-цена, гармоничного сочетания с внутренним убранством, прочности, изысканного дизайна.

#6275 Posté par Briandrusa le 21/01/22 à 15:50

Искусственное озеленение офиса актуально в случае недостаточного освещения, его преимущество- это отсутствие необходимости ухода за такими растениями в интерьере офиса, отсутствие постоянных ежемесячных затрат на уход за цветами в офисе.
[url=https://floren.pro/phytostenes-artificial-plants]https://floren.pro/phytostenes-artificial-plants[/url] Мох может располагаться не только на стене в интерьере, но представлять собой отдельную перегородку из стабилизированного мха.

#6274 Posté par Hildaned le 21/01/22 à 15:36

Мостбет казино – игорное убежище, которое открыто на платформе одноименной букмекерской конторы. Своим посетителям игровой клуб предлагает качественный софт известных брендов, участие в программе лояльности и регулярных турнирах. Основная аудитория Mostbet казино – пользователи из стран СНГ и России. Чтобы их удобства для портале предусмотрено русскоязычное меню и мочь исполнять ставки российскими рублями.
[url=http://mspa7520.ru/]онлайн казино[/url]
[url=http://www.tsvetybd.ru/]онлайн казино[/url]
[url=https://bestmostbet.com/]мостбет регистрация[/url]
[url=http://suz-vak.ru/]мостбет казино[/url]
[url=https://novshkola.ru/]selector казино[/url]

#6273 Posté par DaltonKeert le 21/01/22 à 15:08

[url=http://behoof.in/assets/pic]fifa 12 euro 2012 patch pc download free[/url]
http://jacksonketchem.com/botr
baidu browser download for window 8 free

[url=http://blog.revestor.com/megi]eset nod antivirus download for windows 7 free[/url]
https://smyrnamusiclessons.com/ssd
crysis 3 pc game crack download free
[url=http://himmelpharma.pk/test/ccd]download rainmeter themes for windows 7 free[/url]
https://orca-hub.net/slow
download apple imovie for pc free
[url=https://signal-digi.store/vupy]how to download m indicator on pc free[/url]
http://batrepairadda.com/products/apl
gta 4 pc game download full version windows 7 free
[url=http://smyrnapraiseandworship.org/files/kors]modern combat 3 pc download free[/url]
http://www.egelinda.com/frt
spider man 2 demo download pc free

#6272 Posté par BuyEssayOnline le 21/01/22 à 14:58

Qlikview developer resume http://anneparks.biz/__media__/js/netsoltrademark.php?d=papershelps.org


UYhjhgTDkJHVy

#6271 Posté par GeraldISOKS le 21/01/22 à 14:30

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

#6270 Posté par ErnestMef le 21/01/22 à 14:24

жесткое порево групповуха https://poebon.club/ порно 18 порево

порево 50 летних https://poebon.club/categories/minet/

смотреть онлайн и без регистрации хорошее порно
порно девушки вудмана
видео голых девушек онлайн бесплатно
секс парней
голые девушки на пляже частное
смотреть русское порно с большими сиськами
порно молодые девочки членом
порно тинейджеры анал
порно первый анал слезы
смотреть порно большое черное
91f5a39

#6269 Posté par Raymonddob le 21/01/22 à 14:17

In school sensual massage women will hold erotic 4hands massage. Similar swedish massage, as in principle, and relaxation, influences on some area human body, this give a chance male gain strength.
And while, french massage and not violates practically any prohibitions, for the reason it's not about sexual contact.
The energy massage inSoho it today skill give away bliss. The Soapy massage - on the influence on clients is meant practically unlimited available opportunities actions on bodily, and consequently, and psychoemotional state of health friends.
Systematically visiting the four hands massage for clients, you guarantee himself excellent sexual relaxation.
Sensitive touch rasprekrasnoy girls will flow through your body, dipping in depth boundless the ocean pleasure. In the quiet slip, donating your skin kisses, prelestress envelops the warmth of one's body. You will be surprised at, which sea bliss today it is possible to feel fromnude massage in Midtown.


Блог это Что такое Блог

#6268 Posté par Hildaned le 21/01/22 à 14:14

Мостбет казино – игорное заведение, которое открыто на платформе одноименной букмекерской конторы. Своим посетителям игровой клуб предлагает качественный софт известных брендов, участие в программе лояльности и регулярных турнирах. Основная комната Mostbet казино – пользователи из стран СНГ и России. Чтобы их удобства для портале предусмотрено русскоязычное список и возможность упражняться ставки российскими рублями.
гранд казино онлайн
гранд казино
mostbet скачать
мостбет казино
казино

#6267 Posté par RobertTus le 21/01/22 à 14:13

Мы понимаем своих клиентов, им нужен не только качественный материал, но и минимальная себестоимость в кратчайшие сроки. полимерной Компания имеет прямые контракты с крупными мировыми производителями, в Европе и Юго-Восточной Азии.

#6266 Posté par AbrahamTrofe le 21/01/22 à 14:13

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

#6265 Posté par leliahm3 le 21/01/22 à 12:34

My new hot project|enjoy new website
http://eating.pussy.kanakox.com/?taryn
porn natsume 3 game free porn torrent cris bela brasil porn ameatur porn videos free angelina loves porn

#6264 Posté par Rodolfosindy le 21/01/22 à 12:26

При выборе железной двери в квартиру или дом стоит учитывать следующие показатели:

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

#6263 Posté par Edwardlok le 21/01/22 à 12:26

ыбирайте понравившийся автомобиль из каталога, оставьте заявку на покупку в кредит или trade-in и наш менеджер тут же вам перезвонит.
https://avaloncars.ru/catalog/audi/tproduct/224544989-565450588361-audi-a3 Благодаря нашей репутации и налаженным отношениям с банками, для заемщиков требования минимальны

#6262 Posté par Michaelbus le 21/01/22 à 12:26

В ТЦ с наличием привлекательного озеленения посетители больше средств потратят на покупки. С помощью озеленения ТЦ также можно решить задачу зонирования пространств растениями.
газон Живые растения служат прекрасным украшением любого интерьера.

#6261 Posté par belleImpub le 21/01/22 à 11:38

https://online.fliphtml5.com/vwhze/ayfi/#p=1

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 2022 imvu free hacks f693595

#6260 Posté par evelynjb69 le 21/01/22 à 11:28

Girls of Desire: All babes in one place, crazy, art
http://lesbian.porn.miaxxx.com/?monserrat
deflowered babysitters porn woodshed gay porn naruto porn hentai clips girdles porn twin valley school student porn

#6259 Posté par BuyEssayOnline le 21/01/22 à 10:42

Compare contrast essay thesis examples http://doodle.com/r?url=https%3A%2F%2Fessaytyper.cm%2F


UYhjhgTDkJHVy

#6258 Posté par MarioSiz le 21/01/22 à 09:54

Мы можем организовать отдельно поставку сэндвич панелей или выполнить монтаж нашими бригадами на вашем объекте.
[url=https://panelistroy.ru]https://panelistroy.ru[/url] сборно-разборные тентовые конструкции: летние кафе, шатры, тенты и садовые беседки.

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