Project

General

Profile

Actions

Demande #603

closed

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

Added by Philippe Vayssière almost 13 years ago. Updated almost 13 years ago.

Status:
Résolu
Priority:
Faible
Assignee:
-
Category:
Amélioration du site
Target version:
-
Start date:
07/30/2011
Due date:
% Done:

100%

Estimated time:
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)


Files

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

Updated by Frédéric Couchet almost 13 years ago

  • % Done changed from 70 to 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_* .

Actions #2

Updated by Philippe Vayssière almost 13 years ago

  • Status changed from Nouveau to Résolu
  • % Done changed from 90 to 100
  • Estimated time changed from 3:00 h to 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)

Actions

Also available in: Atom PDF