Se connecter

Informatique

Création de sites web

Sujet : Question sur performance d'une fonctinonalité JS
1
BatmanDay
Niveau 10
22 avril 2021 à 18:17:09

Donc voici le cas https://image.noelshack.com/fichiers/2017/22/1496583962-risisingecigarette.png

Je fais une page où des photographes présentent leur travaux.
Il y a des photos + des vidéos avec grosses résolutions.

Tout est injecté en JS depuis un JSON.

  1. J'ai une grille et chaque éléments doivent être chargés et affichés comme des images statiques.
  2. Il y a ensuite une lightbox et là les éléments vidéos doivent être visionnable en tant que vidéo.

Ma question est la suivante : en terme de performances quel est le meilleur choix ?

  • Créer tout de suite tout les éléments tels qu'ils sont ? donc en tant qu'images et vidéos et bloquer les attribues de contrôles pour les vidéos + utiliser une image poster, etc etc

ou

  • Créer uniquement des éléments images puis transformer avec le JS, au moment de l'utilisation de la lightbox ceux qui sont censés être des vidéos ?

cimer mes bros https://image.noelshack.com/fichiers/2021/01/7/1610269269-golem-removebg-preview.png

ScientistLambda
Niveau 10
22 avril 2021 à 20:42:05

Effectivement si tu veut alléger ta page le mieux ce serait de faire des thumbnails pour les lightbox vidéo et charger les vidéos au moment où l'utilisateur clique sur la thumbnail

Si tu précharges chaque vidéo tu vas très fortement alourdir la page

boucif
Niveau 24
22 avril 2021 à 21:35:55

Fait des thumbnail de tout même des images, j’ai bossé sur un dam, on avait in thumbnail pour chaque élément

BatmanDay
Niveau 10
23 avril 2021 à 13:05:02

oké cimer je bloque le topic https://image.noelshack.com/fichiers/2016/48/1480329227-1466366228-risitas38.png

1
Sujet : Question sur performance d'une fonctinonalité JS
   Retour haut de page
Consulter la version web de cette page