Projet

Général

Profil

Demande #603

Optimisation performances (poids, etc) du chargement de la page d'accueil

Ajouté par Philippe Vayssière il y a plus de 12 ans. Mis à jour il y a plus de 12 ans.

Statut:
Résolu
Priorité:
Faible
Assigné à:
-
Catégorie:
Amélioration du site
Version cible:
-
Début:
30/07/2011
Echéance:
% réalisé:

100%

Temps estimé:
4.00 h

Description

Régime pour l'été : 190 ko à perdre ! Le poids actuel de la page d'accueil d'april.org est de ~400 ko et une fois certaines images optimisées peut être réduit à ~200 ko (elles se trouvent dans le Zip joint)

Ce gain de poids permet aux visiteurs n'ayant pas un accès très haut débit au net d'afficher la page beaucoup plus vite ce qui devrait les faire rester plus longtemps ou revenir plus souvent, permet de soulager un peu le serveur et permettra un jour (mais pas encore) un meilleur référencement via Google.

Le temps de chargement des smartphones est en général dégradé par le nombre d'octets et par le nombre de fichiers à télécharger : un seul des facteurs est amélioré ici (nombre d'octets).

Dans les images optimisées :
- l'image de T. Morlier pour les voeux 2011 est une photo de 512px de large au format PNG. Son affichage est forcé à 320px donc autant charger une image de 320px ; une photo est beaucoup plus légère en JPG et la perte de qualité est minime voire indiscernable
- d'autres images GIF ou PNG deviennent des PNG ou JPG
Pour prendre en compte le changement de format de ces images, il faut a priori trouver qu'est-ce qui les affiche et modifier soit un gabarit du thème Zen April (pour un élément img de la charte graphique), soit un fichier CSS (image de fond de la charte graphique) soit l'article où est affichée une image de contenu (en réinsérant dans l'article l'image optimisée)


Fichiers

april_home_images-optim.zip (148 ko) april_home_images-optim.zip Optimisation images april.org avec fichier texte d'explication Philippe Vayssière, 30/07/2011 10:58

Historique

#1

Mis à jour par Frédéric Couchet il y a plus de 12 ans

  • % réalisé changé de 70 à 90

J'ai mis en place les fichiers. Voici une copie des commandes effectuées :

Thème :

lsd:/etc/drupal/6/sites/default/themes/zen_april/images# cp /tmp/april/sites/default/themes/zen_april/images/tmorlier.jpg tmorlier.jpg

lsd:/etc/drupal/6/sites/default/themes/zen_april/images# rm tmorlier.png

lsd:/etc/drupal/6/sites/default/themes/zen_april/images# cp /tmp/april/sites/default/themes/zen_april/images/rightmargin_top_bg.png rightmargin_top_bg.png

lsd:/etc/drupal/6/sites/default/themes# vi zen_april/zen_april.css
(pour remplacer rightmargin_top_bg.gif par rightmargin_top_bg.png

lsd:/etc/drupal/6/sites/default/themes/zen_april# cp /tmp/april/sites/default/themes/zen_april/images/adherer.png images/adherer.png

lsd:/etc/drupal/6/sites/default/themes/zen_april# cp /tmp/april/sites/default/themes/zen_april/logo.png logo.png

lsd:/var/lib/drupal6/files/images/citations# cp /tmp/april/sites/default/files/citation-* .
lsd:/var/lib/drupal6/files/images/citations# ls photo-marielle-de-sarnez.png
lsd:/var/lib/drupal6/files/images/citations# cp /tmp/april/sites/default/files/photo-marielle-de-sarnez.png .

lsd:/var/lib/drupal6/files/images/citations# rm ../../citation-patrick-bloche.png

lsd:/var/lib/drupal6/files/images# cp /tmp/april/sites/default/files/images/banniere_horizontale_home_5000_fois_merci.png .

lsd:/var/lib/drupal6/files# cp /tmp/april/files/rss_* .
lsd:/var/lib/drupal6/files# cp /tmp/april/files/at_* .

#2

Mis à jour par Philippe Vayssière il y a plus de 12 ans

  • Statut changé de Nouveau à Résolu
  • % réalisé changé de 90 à 100
  • Temps estimé changé de 3.00 h à 4.00 h

OK ==> Les fichiers sont en place et semblent tous appelés correctement.

Le poids de la page est de 213 ko et peut monter à 233 ko selon le témoignage qui s'affiche.
Analyse du temps de chargement en cours sur http://www.webpagetest.org/result/110730_YH_16D7F/ (1H ou 2 à attendre)

Formats disponibles : Atom PDF