Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUGFIX] Inclure les images dans les builds, deuxième essai #668

Merged
merged 6 commits into from
Jun 20, 2024

Conversation

yannbertrand
Copy link
Member

@yannbertrand yannbertrand commented Jun 18, 2024

🦄 Problème

Actuellement, les images ne sont plus incluses dans les build des différents sites. Cela a pour conséquence d'augmenter notre usage du CDN Prismic 💸 .

Suite à #661 on a eu des problèmes d'accès à certaines images...

Le 20/06/2024 en prod, sur la homepage, on constate 41 requêtes à des images n'étant pas sur pix.fr (on requête divers CDN chez Prismic).

image

🤖 Proposition

Utiliser @nuxt/image pour les images "dynamiques" (celles mises en place chez Prismic) pour qu'elles soient téléchargées lors du build.

Sur la Review App, il ne reste plus que 3 requêtes à des images hors xx.review.pix.fr, car elles sont requêtées dynamiquement et pas à la compilation (voir le contenu de shared/components/NewsItemCard.vue). C'est déjà mieux.

image

Point d'attention : 4 images sont en 404 sur la Review App.

  • 3 concernent les Picto 1, 2, 3 utilisés dans plusieurs pages. Pas trop de certitude de pourquoi elles ne fonctionnent pas sur la homepage. Sur d'autres pages il y a de grandes chances que ce soit cassé car l'ancienne asset a été supprimé chez Prismic, on pourra corriger ça plus tard.
  • La dernière concerne Module+aventure-2.png qui pareillement a été remplacé. (au passage on passe de ~15MB à ~1.5MB). Incertitude de pourquoi elle n'est pas présente non plus. A vérifier en intégration.

🌈 Remarques

Nous avons finalement forker le projet pour s'adapter au mieux à l'encodage/ou pas fait par Prismic :
1024pix/nuxt-image@a7d030d

💯 Pour tester

  • Naviguer sur les sites et dans les dev tools dans l'onglet network constater qu'il y a beaucoup moins d'appels réseau vers le CDN de Prismic.
    ET/OU
  • Faire un one-off de la RA et regarder ce que contient le build

Vérifier aussi que les images continuent de s'afficher.

@pix-bot-github
Copy link

Une fois les applications déployées, elles seront accessibles via les liens suivants :

Les variables d'environnement seront accessibles sur scalingo https://dashboard.scalingo.com/apps/osc-fr1/pix-site-review-pr668/environment

@yannbertrand yannbertrand force-pushed the fix-nuxt-image branch 6 times, most recently from e3752ab to 21640da Compare June 18, 2024 15:44
@VincentHardouin VincentHardouin force-pushed the fix-nuxt-image branch 2 times, most recently from b9e6596 to fb5c76e Compare June 20, 2024 09:31
@yannbertrand
Copy link
Member Author

J'espère régénérer la RA pour éviter de mettre en cache le dossier build

@pix-bot-github
Copy link

Une fois les applications déployées, elles seront accessibles via les liens suivants :

Les variables d'environnement seront accessibles sur scalingo https://dashboard.scalingo.com/apps/osc-fr1/pix-site-review-pr668/environment

@yannbertrand yannbertrand reopened this Jun 20, 2024
@pix-bot-github
Copy link

Une fois les applications déployées, elles seront accessibles via les liens suivants :

Les variables d'environnement seront accessibles sur scalingo https://dashboard.scalingo.com/apps/osc-fr1/pix-site-review-pr668/environment

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants