Optimisation appel fichier Js

Bonjour,

Dans le but d'optimiser mon temps de chargement de page, j'ai fait en sorte de n'utiliser que les versions minimisées des scripts js (jquery, ...).
Quand au code perso je les ai passés dans YUI Compressor.
Jusque la tout va bien.

Mais en utilisant YSlow, j'ai une note de F en ce qui concerne le nombre de fichier JS appelé (11 fichiers).
Je me souvient avoir utiliser Minify de google qui permet de minifier les fichier js et css et de les appeler en une seule ligne.

Du coups je me demandais s'il n'existait pas un système équivalent mais uniquement pour l'appel (la compression ayant déjà été faite).

Merci

pourquoi ???
il te suffit d'utiliser les versions normales et de les asssembler avant de minimizer avec n'importe quel outil comme js-builder

A+JYT

A part Minify, je n'en connais pas d'autre.
De plus il faut que cela tourne en php 5 car je suis ne mutu et donc je ne peux pas installer des solutions comme js-builder ou YUI Compressor.

Je suis ouvert a tt suggestion de solutions.

Bon week

quel rapport entre minify js-builder ou autre
et PHP ?

ces outils ne demende aucune installation sur le serveur.

tu écrit ton code tu le passe à la moulinette et tu le mets sur le serveur
A+JYT

Concaténer les scripts n'est plus si utile qu'avant. Voir mes réponses sur :
http://www.developpez.net/forums/d13...r-fichiers-js/
http://www.developpez.net/forums/d12...cripts-mobile/

Merci Sylvain pour tes liens, cela me donne une piste de recherche pour des solution de concaténation.

Par le plus grand de hasard tu en connais qui font aussi le css ?

Merci et bonne semaine.

A vrai dire dans mes liens je dis que les solutions de concaténation ne sont plus très utiles ; J'ai l'impression qu'on me lit en diagonale... :roll:

Non j'ai bine pris le temps de lire les liens.
Seulement, bien pas pas très utile, j'ai besoin de mettre en place cette technique et dans tes liens il y a des solutions de proposé.

une fois tes scripts minifiés, cherche du coté de la librairie require :)

C'est a dire, je ne comprend pas ta remarque.

Comme expliqué par les autres membres, l'intérêt d'une telle librairie sera d'utiliser le chargement des scripts a bon escient :
- chargement dans l'ordre
- gestion des dépendances
- optimisation du load des scripts de façon dynamique ( sans bloquer ta page )

http://requirejs.org/

intéressante comme méthode requirejs.org, je vais approfondir le sujet.
Il faudrait que je trouve la même chose pour le css.

Dans le recommandation d'optimisation pour le chargement des pages, il est dit que les appels des fichier js doivent être mis en bas de page.
Je ne connais pas cette pratique, cela change t'il la manière dont ont utilise telle ou telle plugin jquery ?

Citation:

---

Dans le recommandation d'optimisation pour le chargement des pages, il est dit que les appels des fichier js doivent être mis en bas de page.
Je ne connais pas cette pratique, cela change t'il la manière dont ont utilise telle ou telle plugin jquery ?

---

OUI !

Lorsqu'une page HTML se charge , celle-ci commence par charger les entêtes et fichiers externes, avant de loader le DOM , ce qui fait que si tes fichiers externes sont lourd, l'utilisateur aura une page blanche le temps que ceux ci se chargent.

Afin d'éviter cela on lui affiche la page html avec le rendu css, puis APRES le chargement des scripts javascript, qui permettent de ne pas bloquer l'affichage.

et enfin la méthode asynchrone préconisé, permet de loader au fur et a mesure ( cf : require.js )

Voila les grandes lignes :)