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 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Suivant >>

328 commentaires pour l'instant (Répondre)

#6557 Posté par Dantemyday le 29/01/22 à 06:10

Имеется 2 ключевых типа проектов согласно искусственному материнству. 1-Ый, более зачастую применяемый разряд суррогатного материнства – данное проект, во каковой применяются сексуальные клеточки предстоящих отца с матерью. Во данном случае супружеская чета приобретают вероятность владеть для генном уровне-родимого ребенка, обдуманного искусственной мамой.
2-Ой образец искусственного материнства подразумевает применение донорских, мужеских и/или дамских, сексуальных клеток со дальнейшим вынашиванием детей искусственной мамой.Детальный избрание доноров сексуальных клеток дает возможность учитывать фенотипические свойства предстоящих отца с матерью также достаточно часто на генном уровне-приемный дитя точно оказалось схожим в собственных отца с матерью.
Подробнее о суррогатном материнстве можно ознакомиться по ссылке: [url=http://my-surrogate.ru]http://my-surrogate.ru[/url]

#6556 Posté par reginalc2 le 29/01/22 à 05:21

Hot galleries, daily updated collections
http://bordentown.paristexasporn.alypics.com/?jacquelyn
porn pointer gay porn kissing 1970 s 8mm porn tube porn and infidelity free online ipod porn

#6555 Posté par revaqi69 le 29/01/22 à 04:07

New sexy website is available on the web
http://larson.pornwithadog.hoterika.com/?amber
young tender teen porn teacher now a porn star gay porn ameature free ftp porn sreach maple story porn

#6554 Posté par Williamsek le 29/01/22 à 01:52

Modern warfare download ps4:
Torrents Download Sites - The invention of the sewing machine, the rise of mass production, and the proliferation of retail stores by the late nineteenth century led people first to sample and later to rely on ready-made clothing for sale as a reliable means of obtaining fashionable clothing. In the 1890s, ready-to-wear clothing came into its own, and by the turn of the century ready-made women's wear was available in abundance in the United States. By the 1920s, it was considered more fashionable to buy clothing from a store than to make it at home.
https://chocipecas.blogspot.com/2021/11/othello-game-free-download.html
https://nazifilm.blogspot.com/2021/09/download-apps-without-app-store.html

Solitaire Online Free No Download
How To Download Zip Files
Download Team Of Teams Summary Pdf Free
Freddi Fish Game Free Download Full
Aramaic Bible Pdf Download
Data Science Interviews Exposed Pdf
Octane Free Download
Fanfiction Downloader Online Pdf

#6553 Posté par WayneBig le 29/01/22 à 01:47

Полезные статьи про ремонт remstroy.expert

Зовём Вас на интернет сайт для тех, кто хочет самостоятельно осуществить ремонтные дела по загородному участку. Много важных публикаций с детальным описанием проблемы и её разрешением, фото необходимых деталей и многим другим. Переходите на remstroy.expert и откройте для себя множество полезного.

Изучите про [url=https://remstroy.expert/chto-luchshe-postroit-iz-kirpicha-mangal-ili-barbekyu]как сделать барбекю из кирпича своими руками[/url] на нашем веб ресурсе. Сегодня многие выбирают загородный дом квартире, но прайс на строительство и небольшой ремонт безосновательно завышены, поэтому самое время обучиться делать нужное своими руками. Обшить дом сайдингом тоже возможно самим и это не так уж сложно, как может представиться на первый взгляд. Для начала нужно понять, какой результат Вы хотите получить, а потом приниматься к изучению отделки. Разновидностей сайдинга сегодня очень много, различных цветов, материалов и составов.

Для Вашего удобства мы разделили статьи по тематикам: строительство дома, участок и сад, инженерные системы и ремонт квартир. Вся информация взята от точных источников и ни единожны применялись в личном быту. Ландшафтный дизайн — один из самых важных вопросов для владельцев участков. Как сделать водоем своими руками на загородном участке? Как смастерить беседку или зону барбекю? Здесь Вы найдете испытанные примеры.

Узнать про [url=https://remstroy.expert/chto-luchshe-postroit-iz-kirpicha-mangal-ili-barbekyu]кирпичные барбекю[/url] можно также на сайте remstroy.expert уже сегодня. Строительство бани, фасады сооружений, всё про окна, ремонтные материалы, план жилья, ремонт домов, дизайн кухни и о многом другом мы постим регулярно новейшие полезные статьи. Данная информация непременно пригодится как любителям, так и профессионалам в ремонте и строительстве.

#6552 Posté par billpt1 le 29/01/22 à 01:09

Hot teen pics
http://porn.for.women.hoterika.com/?tania
mexixan porn vintage porn thumbnails porn silver movie bestility porn vido sex with unconscious girls porn

#6551 Posté par irmazj16 le 29/01/22 à 00:04

Nude Sex Pics, Sexy Naked Women, Hot Girls Porn
http://lesbian.porn.elmwood.place.miyuhot.com/?whitney
ivette cintron porn eskimo porn penny flame sexy feet porn porn shops near wolverhampton ella milano porn videos

#6550 Posté par RodrickCrugh le 28/01/22 à 23:37

Очаг сертификации продукции с большим опытом успешно выполненных заказов и безупречной репутацией квалифицированных услуг в области декларирования, сертифицирования и оформления разрешающей документации чтобы произведенных продуктов пищевого и промышленного назначения.
https://roscertifikat.ru/

#6549 Posté par BruceDem le 28/01/22 à 23:36

порно фото зрелые с молодыми https://pornik.xyz/ порно видео изнасилование сыном матери

[url=https://pornik.xyz/search/%D0%98%D0%B7%D0%BD%D0%B0%D1%81%D0%B8%D0%BB%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5/]смотреть порно изнасилование в жопу [/url]

[url=https://shinwa-en.net/pages/3/b_id=7/r_id=1/fid=1193aa7a3875c52be4f206a9f55ced1e]порно изнасилование на работе[/url]
[url=https://hostmasters.co.ke/how-to-choose-domain-name/#comment-11609]изнасилование жесть порно русский[/url]
[url=https://yoshihiro-inoue.com/2020/04/23/hello-world/#comment-593]порно видео бесплатно анал изнасилования[/url]
[url=https://k0o6kkrkea.blog.ss-blog.jp/2010-06-15?comment_success=2022-01-28T23:51:47&time=1643381507]порно изнасилование усыпил[/url]
[url=http://fujita-grp.jp/publics/index/5/step=confirm/b_id=9/r_id=1/fid=7186fef86b82bd8c074f402582ca30a6]порно изнасилование на вечеринке[/url]
[url=https://teatermanus.dk/eventyrspil-fabler/tik-tak-og-menneskedrengen?page=8017]гей порно изнасилование спящего[/url]
[url=https://secure.virtual-private-server.net/hertfordshirebc/viewtopic.php?f=3&t=38918]порно без регистрации изнасилование русских[/url]
[url=https://tenx7.co.za/2019/11/16/transformational-change/#comment-6844]порно бдсм игрушки изнасилование[/url]
[url=https://www.stajbasvurusu.gen.tr/kizilay-staj-basvurusu.html/comment-page-1#comment-37596]порно инцест изнасилование смотреть онлайн[/url]
[url=https://www.gooseworks.com/first-ride-cannondale-scalpel-se/#comment-4347]порно фанфики изнасилование[/url]
a399f9d

#6548 Posté par RodrickCrugh le 28/01/22 à 23:14

Фокус сертификации продукции с большим опытом успешно выполненных заказов и безупречной репутацией квалифицированных услуг в области декларирования, сертифицирования и оформления разрешающей документации ради произведенных продуктов пищевого и промышленного назначения.
https://roscertifikat.ru/

#6547 Posté par AaronDed le 28/01/22 à 21:06

What do you think about this hormone replacement therapy clinic -
https://sedalia.hrtvitality.com?

#6546 Posté par noelledr2 le 28/01/22 à 20:11

Nude Sex Pics, Sexy Naked Women, Hot Girls Porn
http://casting.porn.topanasex.com/?kalyn
best porn star movies euro porn blonde unusual porn pay sites cuming porn videos facial free rollin high drugs porn drunk

#6545 Posté par BuyEssayOnline le 28/01/22 à 20:03

Critical essay on pygmalion PaperHelp


UYhjhgTDkJHVy

#6544 Posté par Isaacvok le 28/01/22 à 17:09

hydraclubbioknikokex7njhwuahc2l67lfiz7z36md2jvopda7nchid.onion

[url=https://hydraclubbioknikokex7njhwuahc2l67lfiz7z36md2jvopda7d-onion-shop.com/]гидра сайт[/url]

#6543 Posté par millicentzk69 le 28/01/22 à 16:57

Enjoy daily galleries
http://porngameforhowardlake.alexysexy.com/?abbigail
teen girl locker room porn black porn muscle women 36dd porn stars breast ps3 internet porn most beautiful porn queens

#6542 Posté par royzb18 le 28/01/22 à 15:48

Sexy pictures each day
http://winters.grnyporn.alypics.com/?melody
free porn movie of hot gays daphne zuniga porn professional porn bikini full movies teenagers sex porn free porn apps for my phone

#6541 Posté par BuyEssayOnline le 28/01/22 à 15:16

Write professional email resume http://desmarcorp.com/__media__/js/netsoltrademark.php?d=papershelps.org


UYhjhgTDkJHVy

#6540 Posté par MeganJeday le 28/01/22 à 14:16

Lotion boy: One time in my chemistry class, while the teacher was talking, this guy asked loudly, “Does anyone have any lotion?” The teacher stopped talking as some girl gave him some hand lotion. The guy proceeds to slowly rub the lotion on his face as the whole class watches him in confusion. The teacher asks him what he’s doing, and he responds with “I forgot to moisturize this morning” and puts even more on his face. The teacher asks him to go to the hall to finish his moisturizing because he’s being a distraction, and after about 10 minutes he still hasn’t come back in, so someone opens the door to check and he’s still smearing lotion all over his face. He finally comes back in and hands the girl her lotion, and he’s used up half of it. Now people call him lotion boy. More stories here [url=https://lutron.palaciodosleiloes.top]https://moebel-fundgrube.palaciodosleiloes.top[/url]

#6539 Posté par PornoGoc le 28/01/22 à 14:13

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




.

#6538 Posté par Steventoows le 28/01/22 à 13:26

hydraclubbioknikokex7njhwuahc2l67lfiz7z36md2jvopda7nchid

[url=https://hydraclubbioknikokex7njhwahc2l67lfiz7z36md2jvopda7nchid.com]hydraruzxpnew4af[/url]

<< Précédent | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 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