5 astuces jQuery

136
(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 >>

136 commentaires pour l'instant (Répondre)

#2719 Posté par Joshuaren le 17/10/21 à 10:53

Good posts. Appreciate it!
essay writer website https://canadianrxpillusa.com/en/page-u78doous674pc.html mba essay writing service
how to write a good english essay m91gjn 3595_b7

#2718 Posté par TysonhoimE le 17/10/21 à 10:28

Демонтаж в квартире москва
Демонтаж москва a399f9d

#2717 Posté par stymn le 17/10/21 à 10:13

Добрый день!
Полезная и нужная новость для тех, кто хочет подать бесплатное объявление!
Доска бесплатных объявлений Pickity – аукционы и свежие предложения частных лиц, магазинов и компаний о покупке и продаже товаров всех категорий в Россия Сочи Краснодарский Край.
Самый простой способ купить или продать вещи, арендовать квартиру, найти помещение и работу.
объявления бесплатные доски сельскохозяйственные россия
Обязательно запишите и не забудьте название доски бесплатных объявлений https://pickity.ru/ , а лучше внесите в закладки.
Увидимся!

#2716 Posté par stymn le 17/10/21 à 10:00

Доброго времени суток!
Нужная и полезная новость для тех, кто хочет подать бесплатное объявление!
Доска бесплатных объявлений Pickity – аукционы и свежие предложения частных лиц, магазинов и компаний о продаже и покупке товаров всех категорий в Россия Сочи Краснодарский Край.
Самый простой способ арендовать квартиру, купить или продать вещи, найти помещение и работу.
бесплатные доски объявлений о работе по россии
Обязательно не забудьте и запишите название доски бесплатных объявлений https://pickity.ru/ , а лучше внесите в закладки.
Всем пока!

#2715 Posté par stymn le 17/10/21 à 09:54

Добрый день!
Полезная и нужная новость для тех, кто хочет подать бесплатное объявление!
Доска бесплатных объявлений Pickity – аукционы и свежие предложения частных лиц, магазинов и компаний о продаже и покупке товаров всех категорий в Россия Сочи Краснодарский Край.
Самый простой способ продать или купить вещи, арендовать квартиру, найти помещение и работу.
бесплатные объявления россия
Обязательно запишите и не забудьте название доски бесплатных объявлений https://pickity.ru/ , а лучше внесите в закладки.
До новых встреч!

#2714 Posté par Dennyatrob le 17/10/21 à 09:45

You actually said it terrifically.
homework now bergenfield https://seobsldor.com/en/post-q512uudi867ww.html college essay brainstorming
help writing a compare and contrast essay a37zvp 9f9d27a

#2713 Posté par Timothynen le 17/10/21 à 09:41

https://seopop.xyz/domain/de.bitcoinforearnings.com
Rodneyniz 4031791

#2712 Posté par Leonardovasy le 17/10/21 à 09:10

Cheers, Fantastic information!
dissertat https://lifeinnetwork.com/en/page-n61zhg3q945qd.html coursework for phd
writing the college essay r24xrk 83d1d40

#2711 Posté par Raist le 17/10/21 à 08:57

Доброго времени суток!
Хочу поделиться новостью, вернее новостью внутреннего и интимного характера!
Люди слабы, в особенности, когда попадают в зависимости и рабство порокам.
Не каждый может признаться и сознаться, что является рабом наркотиков, спиртного, игр, еды и прочих привязанностей.
Обычно вначале радостно и весело всегда, и счастье с удовлетворением приходит, а проблемы становятся меньше и отходят.
Но это самообман и обольщение, ни какой свободы и ни какого счастья нет – это все самообольщение и самообман!
Еще опасно и страшнее, когда человек не осознает и не видит всей безысходности и опасности своего положения.
Родственники такого человека просто испытывают неимоверные страдания и муки от безысходности положения, потому что сами помочь не могут.
С этими безысходностью и проблемами может справиться только профессионал с профессиональным опытом и реальной практикой.
Поэтому всегда нужно обращаться к практикующим профессионалам, через чьи руки и ум прошли десятки лет опыта и сотни больных, а лучше тысячи больных.
В общем, если вам интересно найти, лечение зависимости, наркологическую клинику, клинику неврозов и т.д., например:
клиника неврозов в москве
Тогда вам обязательно нужно прямо сейчас перейти на сайт Клиники Поколение и узнать все подробности по поводу лечение алкоголизма, наркологическая помощь, психиатрическая помощь, лечение наркомании, вывод из запоя, нарколог на дом, невроз лечение, лечение игромании и т.д. https://pk-clinic.ru/ .
Чуть не забыл, прежде чем обратиться в клинику за помощью и лечением, обязательно посмотрите и спросите их разрешения и лицензии.
Обязательно запишите номер телефона, запишите и внесите в закладки название сайта.
Всем пока!

#2710 Posté par Bernardsnumb le 17/10/21 à 08:46

Thanks a lot! A lot of postings.
help me essays https://writingthesistop.com/en/post-p10cpbnm791tb.html analysis dissertation
how to write classification essay v99rey 91f5a39

#2709 Posté par Raist le 17/10/21 à 08:41

Добрый день!
Хочу поделиться новостью, вернее новостью внутреннего и интимного характера!
Люди слабы, в особенности, когда попадают в зависимости и рабство порокам.
Не каждый может признаться и сознаться, что является рабом еды, спиртного, наркотиков, игр и прочих привязанностей.
Обычно вначале радостно и весело всегда, и счастье с удовлетворением приходит, а проблемы становятся меньше и отходят.
Но это обольщение и самообман, ни какого счастья и ни какой свободы нет – это все самообольщение и самообман!
Еще страшнее и опасно, когда человек не видит и не осознает всей опасности и безысходности своего положения.
Родственники такого человека просто испытывают неимоверные страдания и муки от безысходности положения, потому что сами помочь не могут.
С этими проблемами и безысходностью может справиться только профессионал с профессиональным опытом и реальной практикой.
Поэтому всегда нужно обращаться к практикующим профессионалам, через чьи руки и ум прошли сотни больных и десятки лет опыта, а лучше тысячи больных.
В общем, если вы ищите, лечение зависимости, наркологическую клинику, клинику неврозов и т.д., например:
лечение никотиновой зависимости в москве
Тогда вам обязательно нужно прямо сейчас перейти на сайт Клиники Поколение и узнать все подробности по поводу нарколог на дом, наркологическая помощь, психиатрическая помощь, лечение алкоголизма, лечение наркомании, вывод из запоя, невроз лечение, лечение игромании и т.д. https://pk-clinic.ru/ .
Чуть не забыл, прежде чем обратиться в клинику за лечением и помощью, обязательно посмотрите и спросите их лицензии и разрешения.
Обязательно внесите в закладки и запишите название сайта и номер телефона.
Увидимся!

#2708 Posté par Raist le 17/10/21 à 08:35

Всем привет!
Хочу поделиться новостью, вернее новостью интимного и внутреннего характера!
Люди слабы, в особенности, когда попадают в зависимости и рабство порокам.
Не каждый может сознаться и признаться, что является рабом спиртного, наркотиков, игр, еды и прочих привязанностей.
Обычно вначале весело и радостно всегда, и удовлетворение со счастьем приходит, а проблемы отходят и становятся меньше.
Но это самообман и обольщение, ни какого счастья и ни какой свободы нет – это все самообман и самообольщение!
Еще страшнее и опасно, когда человек не осознает и не видит всей безысходности и опасности своего положения.
Родственники такого человека просто испытывают неимоверные муки и страдания от безысходности положения, потому что сами помочь не могут.
С этими безысходностью и проблемами может справиться только профессионал с профессиональным опытом и реальной практикой.
Поэтому всегда нужно обращаться к практикующим профессионалам, через чьи ум и руки прошли сотни больных и десятки лет опыта, а лучше тысячи больных.
В общем, если вы хотите найти, клинику неврозов, наркологическую клинику, лечение зависимости и т.д., например:
депрессия симптомы и лечение
Тогда вам обязательно нужно прямо сейчас перейти на сайт Клиники Поколение и узнать все подробности по поводу лечение алкоголизма, наркологическая помощь, психиатрическая помощь, лечение наркомании, вывод из запоя, нарколог на дом, невроз лечение, лечение игромании и т.д. https://pk-clinic.ru/ .
Чуть не забыл, прежде чем обратиться в клинику за помощью и лечением, обязательно спросите и посмотрите их разрешения и лицензии.
Обязательно внесите в закладки и запишите название сайта и номер телефона.
Всем пока!

#2707 Posté par Joshuaren le 17/10/21 à 08:12

Nicely put, Thanks a lot.
dissertation editing service https://canadianmsnpharmacy.com/en/topic-v97vacne989tg.html autobiography essay for college
write my essay please z39cpt 3d1d403

#2706 Posté par RodrigoHib le 17/10/21 à 07:56

With thanks. An abundance of content!
good essay writing service https://altertraff.com/en/post-g15kcf2k99zfw.html apa thesis statement
cover page for college essay p88wko af69359

#2705 Posté par Dennyatrob le 17/10/21 à 05:59

You explained this terrifically!
large writing paper https://ebonyblackhd.com/en/topic-s79xojtc74klu.html thesis statement introduction
how to write an illustrative essay k142kn 1f5a399

#2704 Posté par Joshuaren le 17/10/21 à 05:29

You've made the point!
best online essay writing service https://pandabox.pro/en/page-o744ijxi364et.html should college athletes be paid essay
essay writting service a21goy 6483d1d

#2703 Posté par Leonardovasy le 17/10/21 à 05:23

Excellent advice. Kudos!
romeo and juliet essay help https://canadianpharmacyntv.com/en/post-b95lvh0a75rxh.html dissertation objectives
argumentative essay for college k96bwn 4031791

#2702 Posté par Jamesamamb le 17/10/21 à 04:20

http://garrettparks.com/__media__/js/netsoltrademark.php?d=bitcoinforearnings.com
Rodneycor 27af693

#2701 Posté par Bernardsnumb le 17/10/21 à 04:10

Seriously a lot of useful info.
report writing services https://essaywriting4you.com/en/post-r58hybrd104yj.html how to write a mla essay
titles for college essays x57zhq 99f9d27

#2700 Posté par RodrigoHib le 17/10/21 à 04:10

Cheers, Numerous posts.
urgent essay help https://canadianonlinepharmaciesntv.com/en/post-v473hknf46xzr.html writing research papers ppt
transfer college essay u98qkn 6483d1d

<< 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.

© 2021 Pierrick Dautrement. Tous droits réservés.

Ce qu'il y a derrière