Préchargement du CSS et du Javascript

Résolu/Fermé

YameFAZE Messages postés 201 Date d'inscription mardi 24 avril 2012 Statut Membre Dernière intervention 14 mars 2021 - 13 févr. 2019 à 12:28
YameFAZE Messages postés 201 Date d'inscription mardi 24 avril 2012 Statut Membre Dernière intervention 14 mars 2021 - 18 févr. 2019 à 15:31

Bonjour,

J'ai un "index.php" avec plusieurs "include" pour mutualiser certains affichages sur l'ensemble de mon site. Actuellement je charge tous les fichiers CSS et JS dans le "head" de mon "index.php". Il y a quand même une dizaine de fichiers au total. J'ai peur que pour un visiteur qui essaye de se connecter depuis un smartphone au milieu de la nature, donc avec une connexion et un débit merdique, cela devienne très lourd. Est-ce qu'il y a un moyen de charger juste les fichiers indispensables pour l'affichage de l'index dans un premier temps, puis dans un second, de précharger les autres fichiers pour leur utilisation future lorsque le visiteur en aura besoin ? Merci d'avance.

A voir également:

Préchargement du CSS et du Javascript
Telecharger javascript - Télécharger - Langages
Javascript est activé mais ne fonctionne pas ✓ - Forum Réseaux sociaux
Javascript echo ✓ - Forum PHP
Afficher un tableau javascript en html ✓ - Forum Javascript
Css exposant ✓ - Forum CSS

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38457 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 mars 2025 4 740
13 févr. 2019 à 14:22

Bonjour,

Oui... il suffit de placer le chargement de tes fichiers non pas dans le head comme on le faisait il y a 15 ans...... mais à la fin de ton fichier html (juste avant le </body> )
Cela permet de mettre à disposition le contenu même si tout le css/js n'est pas encore chargé.

Je t'invite aussi à regarder comment minifier tes fichiers afin de réduire leur taille/poids.

YameFAZE Messages postés 201 Date d'inscription mardi 24 avril 2012 Statut Membre Dernière intervention 14 mars 2021
13 févr. 2019 à 14:49

Ok merci. J'ai cru voir quelque part il y a quelques temps une fonction "preload". Et j'ai entendu parler d'un parsing asynchrone. Non ?

ToraTorapa
Modifié le 15 févr. 2019 à 02:45

Une chose est sûre c'est pas PHP qui va faire un quelconque preload puisque qu'il fonctionne avant que la page existe. Et sans page pas de chocolat.
Pour le parsing asynchrone je ne connait pas, mais il faut qu'il y ait déjà la page donc pas vraiment du préchargement.
Pour le preload d'images/fichiers il y a cela qui permet de mettre les images dans le cache comme ceci

<html>
<head>
<script>
let imagesPrechargees=[image1.jpg, ...];
document.body.onLoad=function (){
imagesPrechargees;
//-- en lisant le tableau lors de l’événement du chargement de la page celles ci sont mises en cache
}
</script>
</head>
<body>
...la page
</body>
</html>

Voilà mais ça ne peut pas charger les fichiers .css ou .js puisque ceux ci sont liés à la page.
Le mieux est de les alléger et pour le JS d'utiliser les minifier, éviter les bibliothèques lourdes comme JQuery quand ce n'est pas nécessaire.

" Est-ce qu'il y a un moyen de charger juste les fichiers indispensables pour l'affichage de l'index dans un premier temps" euh refaire tout le programme pour pas qu'il n'y ait des dizaines de fichiers JS pour afficher une page...La minification sinon. Un CDN? Il y a plusieurs façons d'alléger le chargement, la première étant de ne pas avoir des fichiers trop lourds côté CSS, pareil pour JS. Vous pouvoir voir aussi du côté de l'import de fonctions je ne sais pas si ça aide. Il y a aussi les web workers mais c'est plus du côté chargement mais lors de l'interprétation/exécution.

YameFAZE Messages postés 201 Date d'inscription mardi 24 avril 2012 Statut Membre Dernière intervention 14 mars 2021
18 févr. 2019 à 15:31

Merci.

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

Bonjour,

je cherche une fonction javascript qui permettrait d'arrondir un nombre à deux chiffres après la virgule (un peu comme number_format du php), car la fonction round() ne permet d'arrondir qu'à l'unité!

Merci
Ciao

JérémyConfiguration: Windows Vista
Firefox 2.0.0.14

java script error in the main process

Bonjour

je viens d'acheter un ordi et depuis 2 jours j'ai ce message :

Pouvez vous me dire ce que je dois faire.
Sachant que je me sens pas douée dans l'informatique. En gros merci d'être précis et détaillé dans vos retours.

D'avance merci pour votre aide

javascript:void(0);

Bonjour,
merci me dire c'est quoi ce message :"javascript:void(0);"
comment faire pour l'eviter

merci

trait horizontal avec du css

Bonjour,

Je n'arrive pas à faire un trait horizontal avec du css.

Merci pour votre aide

Problème bandeau publicitaire ''Accepter les cookies'' sur le site de la Fnac

Bonsoir,

Je rencontre un petit soucis d'affichage on va dire sur le site Fnac via Firefox. Je précise que je suis connecté à mon compte.

Lorsque je me rend sur le site j'ai en bas de page ce message :

J'ai beau cliqué sur accepter ou même sur la croix rien ne se passe, il reste à l'écran...
Alors certes ce n'est pas très grave ça ne m’empêche pas de naviguer ou passer mes commandes mais c'est un peu gênant.

Si quelqu'un a une solution à me fournir je vous en remercie d'avance.