Discussion :

[Matteo53]

Bonjour,
J'ai crée un site(perso familiale) et j'ai utilisé BOOTSTRAP GSAP.
Je voulais que le site puisse être visionné correctement meme si il n'y pas de connexion. J'ai crée un script pour utiliser le CDN si connecté ou bien chercher les fichiers en local si pas de connexion. je voudrais votre avis si mon script risque de ralentir le chargement de mon site au démarrage. J'ai testé pour l'instant en local et le script fonctionne.
Je me suis posé la question "pourquoi ne pas utiliser que le dossier BOOTSTRAP local ?", mais je me suis dis que si BOOTSTRAP fait des mises à jour au moins online on pourra toujours visionner correctement.

Je suis débutant peut être j'aurais pu simplifier mon script mais ...il fonctionne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
if (navigator.onLine) {
            const link =document.createElement("link")
            link.rel = 'stylesheet';
            link.href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
            link.integrity = "sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65";
            link.crossOrigin = "anonymous";
            document.head.prepend(link);
 
            const script1 = document.createElement('script');
            script1.src = "https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"; 
            document.body.appendChild(script1);
 
            const script2 = document.createElement('script');
            script2.src = "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"; 
            document.body.appendChild(script2);
 
            const script3 = document.createElement('script');
            script3.src = "https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"; 
            document.body.appendChild(script3);
        }
        // offline
        else {
 
            const link =document.createElement("link")
            link.rel = 'stylesheet';
            link.href="libs/bootstrap-5.0.2-dist/css/bootstrap.min.css"
            document.head.prepend(link);
 
            const script1 = document.createElement('script');
            script1.src = "libs/bootstrap-5.0.2-dist/js/bootstrap.bundle.js";
            document.body.appendChild(script1);
 
            const script2 = document.createElement('script');
            script2.src = "libs/bootstrap-5.0.2-dist/js/bootstrap.min.js";
            document.body.appendChild(script2);
 
            const script3 = document.createElement('script');
            script3.src = "libs/gsap-public/minified/gsap.min.js";
            document.body.appendChild(script3); 
        }

merci Bonne journée

[SpaceFrog]

Lier un site à des CDN te rends bien entendu dépendant d'une part de la connexion distante qui ne t'appartient pas et d'autre part de la modification éventuelle de la source.
Le CDN te permet également de gagner en place de stockage et en trafic.
Il est donc tout à fait possible de rapatrier les sources sur un hébergement que tu seras en mesure de contrôler les sources.
A toi pour le coup de faire la mise à jour régulière pour éviter des failles qui pourraient être dues à l'obsolescence.

[Matteo53]

ah d'accord, avec ce script j'avais opté pour les deux, peut être inutile alors.
merci