Commentaires sur : javascript avec jQuery http://didiode.fr/wp/2011/04/javascript-avec-jquery/ Internet & Outils, Paris-Diderot Thu, 20 Feb 2025 09:37:38 +0000 hourly 1 http://wordpress.org/?v=3.0.5 Par : Christophe http://didiode.fr/wp/2011/04/javascript-avec-jquery/#comment-598 Christophe Wed, 13 Apr 2011 15:39:45 +0000 http://didiode.fr/wp/?p=249#comment-598 Merci Baptiste (et désolé pour les problèmes de html dans la gestion des commentaires, je constate en écrivant ce commentaire que les balises autorisées sont écrites en dessous du textarea, et script n'en fait pas partie) Merci Baptiste (et désolé pour les problèmes de html dans la gestion des commentaires, je constate en écrivant ce commentaire que les balises autorisées sont écrites en dessous du textarea, et script n’en fait pas partie)

]]> Par : Baptiste F http://didiode.fr/wp/2011/04/javascript-avec-jquery/#comment-559 Baptiste F Tue, 12 Apr 2011 06:36:23 +0000 http://didiode.fr/wp/?p=249#comment-559 Les codes de mon précédent commentaire n'ont pas été affichés. Les voici (remplacez les '[' et ']' par '') [...] il est correct d'écrire: <code>[script src="js/toto.js"][/script]</code> à la place de: <code>[script type="text/javascript" src="js/toto.js"][/script]</code> [...] exemple: <code>[link rel="stylesheet" href="/css/oldschool"]</code> Une autre technique d'optimisation du JS consiste à compiler son code (enlever tous les commentaires et les espaces). Google propose un <a href="http://closure-compiler.appspot.com/home" rel="nofollow">outil en ligne</a> qui le fait automatiquement. Les codes de mon précédent commentaire n’ont pas été affichés. Les voici (remplacez les ‘[' et ']‘ par  »)

[...] il est correct d’écrire:
[script src="js/toto.js"][/script]
à la place de:
[script type="text/javascript" src="js/toto.js"][/script]
[...] exemple:
[link rel="stylesheet" href="/css/oldschool"]

Une autre technique d’optimisation du JS consiste à compiler son code (enlever tous les commentaires et les espaces). Google propose un outil en ligne qui le fait automatiquement.

]]> Par : Baptiste F http://didiode.fr/wp/2011/04/javascript-avec-jquery/#comment-558 Baptiste F Mon, 11 Apr 2011 17:25:00 +0000 http://didiode.fr/wp/?p=249#comment-558 À noter que pour l'inclusion de scripts, il est inutile avec HTML5 de préciser le type. Autrement dit, il est correct d'écrire: <code></code> à la place de: <code></code> On n'est même pas obligés de fermer la balise (<code></code>), puisqu'on est pas dans du XHTML. Ca marche également avec les styles CSS. <a href="http://annevankesteren.nl/" title="Anne Van Kesteren" rel="nofollow">Certains</a> vont même jusqu'à ne pas écrire d'extension, exemple: <code></code> Pour optimiser le chargement de la page pour le visiteur, on peut placer ses scripts non pas dans le <code></code> mais dans le bas de la page, en dessous du <code></code>. Les navigateurs chargent la page "de haut en bas". En utilisant cette méthode, le contenu sera chargé avant les scripts, utile s'ils sont lourds (comme Scriptaculous par exemple, alternative à jQuery), mais à ne pas appliquer si les scripts sont nécessaires pour l'affichage du contenu (ex: Un élément affiché normalement est caché au chargement par javascript). Autre astuce, n'inclure le javascript que s'il est nécessaire sur la page courante (par exemple en PHP: <code>if ($page == "animations") { echo("<script ...");}</code>). C'est toujours ça de gagné. Pour finir, ne pas utiliser javascript pour des éléments essentiels d'un site, par exemple la navigation, ou alors proposer une alternative. Selon les études, 5 à 7% des utilisateurs n'ont pas de javascript (navigateurs textuels (comme Lynx), lecteurs visuels (pour les aveugles), etc). C'est peu, mais ils ne sont pas inexistants pour autant. À noter que pour l’inclusion de scripts, il est inutile avec HTML5 de préciser le type. Autrement dit, il est correct d’écrire:

à la place de:

On n’est même pas obligés de fermer la balise (), puisqu’on est pas dans du XHTML. Ca marche également avec les styles CSS. Certains vont même jusqu’à ne pas écrire d’extension, exemple:

Pour optimiser le chargement de la page pour le visiteur, on peut placer ses scripts non pas dans le mais dans le bas de la page, en dessous du . Les navigateurs chargent la page « de haut en bas ». En utilisant cette méthode, le contenu sera chargé avant les scripts, utile s’ils sont lourds (comme Scriptaculous par exemple, alternative à jQuery), mais à ne pas appliquer si les scripts sont nécessaires pour l’affichage du contenu (ex: Un élément affiché normalement est caché au chargement par javascript).
Autre astuce, n’inclure le javascript que s’il est nécessaire sur la page courante (par exemple en PHP: if ($page == "animations") { echo("<script ...");}). C’est toujours ça de gagné.

Pour finir, ne pas utiliser javascript pour des éléments essentiels d’un site, par exemple la navigation, ou alors proposer une alternative. Selon les études, 5 à 7% des utilisateurs n’ont pas de javascript (navigateurs textuels (comme Lynx), lecteurs visuels (pour les aveugles), etc). C’est peu, mais ils ne sont pas inexistants pour autant.

]]>