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/[email protected]/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/[email protected]/dist/umd/popper.min.js"; 
            document.body.appendChild(script1);
 
            const script2 = document.createElement('script');
            script2.src = "https://cdn.jsdelivr.net/npm/[email protected]/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