5 astuces jQuery

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

203 commentaires pour l'instant (Répondre)

#3879 Posté par idepe le 25/11/21 à 13:32

Добрый день!
Хочу поделиться с дальновидными и умными хозяюшками очень приятной и полезной новостью в преддверии Новогодних праздников и Рождества Христова!
А если точнее, то хочу поделиться со всеми женщинами и мужчинами, бабушками и дедушками, девушками и юношами этой радостной и светлой новостью!
До Нового 2022 года осталось совсем чуть-чуть, пора уже призадуматься и поразмыслить, что бы начать планировать и рассчитывать предстоящие семейные бюджеты.
Испокон веков торжество и праздник было связанно с салютами и фейерверками.
Красочные и яркие залпы приводили в восторг всех присутствующих и доставляли неподдельную и настоящую радость всем участникам.
Недавно узнала об очень полезном и красивом сайте, специализирующемся исключительно на салютах и фейерверках.
На сайте огромное и разнообразное изобилие разноцветных и всевозможных фейерверков и салютов.
В общем, если вы хотите найти, магазин пиротехники, русский салют, салют, фейерверк и т.д., например:
[url=https://www.magazin-pirotehniki.ru/]фейерверки купить в москве недорого с доставкой[/url]
Тогда вам нужно прямо сейчас перейти на сайт Магазин пиротехники Русский салют и узнать все подробности по поводу бенгальские огни, салюты и фейерверки, пиротехнические изделия, супер салют, батарея салютов, римская свеча, цветной дым, петарды, салют фонтан, пневмохлопушка и т.д. https://www.magazin-pirotehniki.ru/ .
Мне особо понравились Супер салюты и Русский салют, например:
[url=https://www.magazin-pirotehniki.ru/super-salyuty]купить супер салют[/url]
Обязательно внесите в закладки и запишите профессиональное название сайта и номер бесплатного телефона.
Увидимся!

#3878 Posté par ELLIFRITZ4103 le 25/11/21 à 13:26

Excellent webpage https://roleme.ru

#3877 Posté par JosephJoume le 25/11/21 à 13:23

Lịch thi đấu

#3876 Posté par idepe le 25/11/21 à 13:17

Доброго времени суток!
Хочу поделиться с дальновидными и умными хозяюшками очень приятной и полезной новостью в преддверии Новогодних праздников и Рождества Христова!
А если точнее, то хочу поделиться со всеми женщинами и мужчинами, бабушками и дедушками, девушками и юношами этой светлой и радостной новостью!
До Нового 2022 года осталось совсем чуть-чуть, пора уже призадуматься и поразмыслить, что бы начать рассчитывать и планировать предстоящие семейные бюджеты.
Испокон веков праздник и торжество было связанно с салютами и фейерверками.
Яркие и красочные залпы приводили в восторг всех присутствующих и доставляли настоящую и неподдельную радость всем участникам.
Недавно узнала об очень полезном и красивом сайте, специализирующемся исключительно на фейерверках и салютах.
На сайте разнообразное и огромное изобилие всевозможных и разноцветных салютов и фейерверков.
В общем, если вы ищите, русский салют, магазин пиротехники, салют, фейерверк и т.д., например:
[url=https://www.magazin-pirotehniki.ru/]бенгальские огни[/url]
Тогда вам срочно нужно прямо сейчас перейти на сайт Магазин пиротехники Русский салют и узнать все подробности по поводу пиротехнические изделия, салюты и фейерверки, супер салют, батарея салютов, римская свеча, бенгальские огни, цветной дым, петарды, салют фонтан, пневмохлопушка и т.д. https://www.magazin-pirotehniki.ru/ .
Мне особо понравились Русский салют и Супер салюты, например:
[url=https://www.magazin-pirotehniki.ru/russkij-salyut]салют русский фейерверк[/url]
Обязательно запишите и внесите в закладки профессиональное название сайта и номер бесплатного телефона.
Увидимся!

#3875 Posté par RIETSCHLIN6642 le 25/11/21 à 13:16

Excellent website https://indukcionka.ru

#3874 Posté par idepe le 25/11/21 à 13:12

Добрый день!
Хочу поделиться с умными и дальновидными хозяюшками очень полезной и приятной новостью в преддверии Новогодних праздников и Рождества Христова!
А если точнее, то хочу поделиться со всеми мужчинами и женщинами, дедушками и бабушками, юношами и девушками этой светлой и радостной новостью!
До Нового 2022 года осталось совсем чуть-чуть, пора уже поразмыслить и призадуматься, что бы начать планировать и рассчитывать предстоящие семейные бюджеты.
Испокон веков праздник и торжество было связанно с фейерверками и салютами.
Яркие и красочные залпы приводили в восторг всех присутствующих и доставляли неподдельную и настоящую радость всем участникам.
Недавно узнала об очень полезном и красивом сайте, специализирующемся исключительно на фейерверках и салютах.
На сайте разнообразное и огромное изобилие разноцветных и всевозможных салютов и фейерверков.
В общем, если вы ищите, фейерверк, магазин пиротехники, русский салют, салют и т.д., например:
[url=https://www.magazin-pirotehniki.ru/]салюты и фейерверки купить[/url]
Тогда вам обязательно нужно прямо сейчас перейти на сайт Магазин пиротехники Русский салют и узнать все подробности по поводу салют фонтан, салюты и фейерверки, пиротехнические изделия, супер салют, батарея салютов, римская свеча, бенгальские огни, цветной дым, петарды, пневмохлопушка и т.д. https://www.magazin-pirotehniki.ru/ .
Мне особо понравились Супер салюты и Русский салют, например:
[url=https://www.magazin-pirotehniki.ru/super-salyuty]купить супер салют[/url]
Обязательно запишите номер бесплатного телефона, запишите и внесите в закладки профессиональное название сайта.
Всем пока!

#3873 Posté par Donaldchase le 25/11/21 à 12:52

hydrarusoeitpwagsnukxyxkd4copuuvio52k7hd6qbabt4lxcwnbsad.onion

#3872 Posté par JosephJoume le 25/11/21 à 12:50

Chelsea

#3871 Posté par BlairJal le 25/11/21 à 12:46

can cialis cause heart attack and cialis sell and cialis online canada and generic cialis fedex and canadian online pharmacy no prescription cialis dapoxetine and free cialis online and canadian pharmacy cialis 20mg and sell of cialis and order cialis brand and buy cheap cialis online with mastercard and brand cialis on line and cialis without persciction and cialis with dapoxetine sale and selling cialis in us and canadian pharmacy viagra & cialis and cialis with dapoxetine online and п»їcialis and online pharmacy cialis comparison and wallmart cialis
find cheapest cialis pills woemgrkg
cialis samples for healthcare professionals wotjzhhj
cialisblack jbhktvur

#3870 Posté par DOPAZO5978 le 25/11/21 à 12:12

Good internet site https://proftehnik.ru

#3869 Posté par DORANTES7407 le 25/11/21 à 12:02

Usefull website https://klin-service.ru

#3868 Posté par BuyEssayOnline le 25/11/21 à 10:49

Papers on malaria research ezaem оформить


UYhjhgTDkJHVy

#3867 Posté par HILDEN3235 le 25/11/21 à 10:46

Interesting webpage https://vlt2800.ru

#3866 Posté par FANG7900 le 25/11/21 à 10:34

Good webpage https://avto-electronik.ru

#3865 Posté par PERFATER2460 le 25/11/21 à 09:23

Nice website https://vlt2800.ru

#3864 Posté par MCASKILL2135 le 25/11/21 à 09:13

Excellent internet site https://chastotnikispb.ru

#3863 Posté par GeorgeFat le 25/11/21 à 09:04

ivermectin for humans or stromectol in canada or stromectol tab price or ivermectin 1 cream or stromectol order online or stromectol canada or ivermectin lice or ivermectin 10 ml or stromectol tab 3mg or stromectol 3 mg tablets price or ivermectin for sale or ivermectin buy nz
stromectol generic name clwdwytu
ivermectin ebay vauacptb
buy ivermectin for humans uk ugvdqnjp

#3862 Posté par immes le 25/11/21 à 08:23

Всем привет!
Ой, девочки и мальчики, такой классный и интересный сайт нашла в интернете, хочу поделиться со всеми мальчиками и девочками!
Много чего интересного и заманчивого видела в интернете, но такое необычное и оригинальное предложение вижу в первый раз.
Знаете, у каждого человека есть подруги, близкие, родные, друзья и знакомые.
У всех у них есть самый любимый и единственный праздник в году, как вы уже догадались – это День Рождения!
Именно в этот день человек хочет, что бы его поздравили и обрадовали близкие, друзья и коллеги по работе.
А самое главное, что бы поздравление было запоминающимся и необычным на всю жизнь, и, конечно же, что бы он помнил о поздравившей или поздравившем его.
Вот именно этот сайт и поздравляет по телефону с Днем свадьбы, с Днем Рождения, с юбилеем и т.д.
Поэтому вы можете удивить именинника своей необычностью и оригинальностью и доставить ей или ему приятные и незабываемые ощущения на долгое время.
В общем, если вы ищите, поздравления с Днем Рождения по телефону заказать по именам, как заказать поздравление с Днем Рождения по мобильному телефону, как заказать поздравление по телефону с Днем Рождения и т.д., например:
музыкальное поздравление александру с днем рождения
Тогда вам нужно прямо сейчас перейти на сайт NA-TELEFON.BIZ и узнать все подробности по поводу заказать поздравление по телефону с Днем Рождения, поздравления с Днем Рождения по телефону заказать по именам, заказать поздравление с Днем Рождения по мобильному телефону и т.д. https://na-telefon.biz/ .
Обязательно запишите номер телефона, запишите и внесите в закладки профессиональное название узконаправленного сайта.
Всем пока!

#3861 Posté par immes le 25/11/21 à 08:10

Всем привет!
Ой, девочки и мальчики, такой классный и интересный сайт нашла в интернете, хочу поделиться со всеми девочками и мальчиками!
Много чего интересного и заманчивого видела в интернете, но такое необычное и оригинальное предложение вижу в первый раз.
Знаете, у каждого человека есть близкие, родные, друзья, подруги и знакомые.
У всех у них есть самый единственный и любимый праздник в году, как вы уже догадались – это День Рождения!
Именно в этот день человек хочет, что бы его обрадовали и поздравили близкие, коллеги и друзья по работе.
А самое главное, что бы поздравление было необычным и запоминающимся на всю жизнь, и, конечно же, что бы он помнил о поздравившей или поздравившем его.
Вот именно этот сайт и поздравляет по телефону с Днем свадьбы, с Днем Рождения, с юбилеем и т.д.
Поэтому вы можете удивить именинника своей оригинальностью и необычностью и доставить ему или ей незабываемые и приятные ощущения на долгое время.
В общем, если вы хотите найти, как заказать поздравление с Днем Рождения по мобильному телефону, поздравления с Днем Рождения по телефону заказать по именам, как заказать поздравление по телефону с Днем Рождения и т.д., например:
поздравление с днем рождения женщине музыкальные
Тогда вам нужно прямо сейчас перейти на сайт NA-TELEFON.BIZ и узнать все подробности по поводу заказать поздравление с Днем Рождения по мобильному телефону, поздравления с Днем Рождения по телефону заказать по именам, заказать поздравление по телефону с Днем Рождения и т.д. https://na-telefon.biz/ .
Обязательно запишите номер телефона, внесите в закладки и запишите профессиональное название узконаправленного сайта.
Всем пока!

#3860 Posté par GRAMBLING9465 le 25/11/21 à 08:09

Cool webpage https://preobrazovateli-spb.ru

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