× Questions relatives à l'utilisation de cette version.

Question Optimisation site

Plus d'informations
20 Nov 2010 08:22 #7 par lavsteph
Réponse de lavsteph sur le sujet Re: Optimisation site

pubdiv écrit: Bonjour Lavsteph

Je ne voulais surtout pas écrire que tu ne partageais pas, ton implication dans les sites et sur le projet KUNENA fait plus que le démontrer, et d'ailleurs, je t'en remercie vivement, car cela doit représenter une somme de temps non négligeable! (tu dors quand?).


Merci, mais pourquoi dormir...:P

(Je n'ai pas compris ton message avec le mot "réservé")


Là c'est la partie où je mettrai les liens relatif de ce sujet sur les optimisations, ce sera plus simple pour les lecteurs et nous permettre de discuter largement dans ce sujet.

(as tu remarqué lorsque l'on veut répondre directement à un message sans être connecté, avec le bouton répondre sous le message, on ai renvoyé sur la fenêtre connexion mais l'entrée de l'identifiant et de MdP ne fonctionne pas , il faut repasser par l'accueil du forum et là sa marche , pour moi en tout cas!)

Un petit soucis avec CB...faudrait que je m'en occupe :pinch:

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
20 Nov 2010 08:36 - 20 Nov 2010 08:44 #8 par lavsteph
Réponse de lavsteph sur le sujet Re: Optimisation site
Compression de fichiers CSS

Je pense que là je vais faire bondir les pros du CSS.:P , mais quand on voit le nombre d'informations inutiles.

Passer en revue de tous les fichiers CSS de son template et extensions et les compresser.

L'outil en ligne idéal pour moi : www.cleancss.com/




Je prends un exemple avec le fichier template.css du template Rhuk Milkyway
  • avant compression : 12,6 Kio (12924 octets)
  • après compression : 9,3 Kio (9501 octets)
C'est long de tous reprendre, mais on peut y gagner pas mal.
Pièces jointes :
Dernière édition: 20 Nov 2010 08:44 par lavsteph.

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
20 Nov 2010 08:48 #9 par lavsteph
Réponse de lavsteph sur le sujet Re: Optimisation site
Compression des fichiers Javascript

L'outil en ligne : refresh-sf.com/yui/



Je prends un exemple avec le fichier swfobject.js du module Joomulus

avant compression : 42,9 Kio (43974 octets)
après compression : 10,0 Kio (10237 octets)

Même principe que pour les fichiers CSS, on fait un passage en revue et on optimise point par point.
Pièces jointes :

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
20 Nov 2010 09:29 - 20 Nov 2010 09:31 #10 par pubdiv
Réponse de pubdiv sur le sujet Re: Optimisation site
Nos messages ce sont croisés!,et j'allais venir à ce sujet après avoir fait un récapitulatif de ma démarche d'optimisation pour ceux qui souhaitent se lancer dans le sujet.

J'ai d'abord installé FIREBUG avec Yslow et page speed pour avoir un résumé des actions à faire

Je dispose d'un site test que je n'hésite pas à réinstaller pour éviter les incompatibilités avec des résidus d'installation désinstallation

Sur le site principal je fais des sauvegardes régulières avec nettoyage dans les dossiers des anciens éléments désinstallés ainsi que dans la BDD, car malheureusement les désinstallations par le Back end du site n'enlèvent pas tout

Je conseille la lecture de ces articles:
. WebRank Info
. Joomspot.net

GZIP et CACHE

Basiquement j'ai mis en place le GZIP (vérification du fonctionnement par GIDZip test ) et le cache de Joomla.

Néanmoins j'ai toujours la réponse Grade F on Compress components with gzip avec yslow et sans trouver de solution.

LIBRAIRIES

Installation des plug suivant:
. l'incontournable Google AJAX Library

. SC jquery

. enable disable mootools


Sur les l'appel des différentes librairies , je n'arrive pas à trouver l'outil qui me permette de savoir lesquelles sont appelés et si cela est nécessaire , j'ai l'impression d'ailleurs que chaque éléments rajoutés dans le site appelle sa librairie quitte à charger plusieurs versions alors qu'une suffirait.

MINIFY
j'ai installé minify manuellement en suivant très simplement la procédure google minify .

CSS

L'utilisation de CssJsCompress n'a malheureusement pas été une réussite!

J'ai donc effectivement utilisé ta méthode de compression manuelle des différents fichiers CSS qui est longue!...

Je mets un bemol pour les concepteur CSS qui effectivement rajoute des commentaires qui peuvent paraître inutiles, mais pas pour un novice comme moi!... quitte à les effacer par la suite

Expires headers

Là je n'ai pas trouvé d'autres solution que le htaccess
avec un résultat peu probant :
Grade F on Add Expires headers

rajout de :

### BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 7200 seconds"
ExpiresByType image/jpg "access plus 2592000 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
AddType image/x-icon .ico
ExpiresByType image/ico "access plus 2592000 seconds"
ExpiresByType image/icon "access plus 2592000 seconds"
ExpiresByType image/x-icon "access plus 2592000 seconds"
ExpiresByType text/css "access plus 2592000 seconds"
ExpiresByType text/javascript "access plus 2592000 seconds"
ExpiresByType text/html "access plus 7200 seconds"
ExpiresByType application/xhtml+xml "access plus 7200 seconds"
ExpiresByType application/javascript A259200
ExpiresByType application/x-javascript "access plus 2592000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
</IfModule>
### END Expire headers


ETAG

rajout dans le htaccess

### Begin - Remove Etags
FileETag none
### End - Remove Etags


IMAGES

Basiquement essayer de les réduire au maximum et d'utiliser les format png ou gif

avec l'excellent logiciel Xnwiew


Voila quelques éléments de départ mais je pense que le sujet peut grandement évoluer au fur et à mesure des découvertes et essais de chacun.

Et surtout essayer d'avoir la réponse au sujet de départ, sur les appels d'images qui n'existent pas!
Dernière édition: 20 Nov 2010 09:31 par pubdiv.

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
20 Nov 2010 09:36 #11 par lavsteph
Réponse de lavsteph sur le sujet Re: Optimisation site
Compression des fichiers PHP

Là encore je vais faire bondir les développeurs.

On supprime toutes les annotation inutiles dont les commentaires et les espaces blancs (par on laisse les informations de licence

Une petit exemple avec l'index.php de la racine de Joomla

avant compression : 2,0 Kio (2049 octets)
après compression : 1,5 Kio (1531 octets)
<?php
/**
* @version $Id: index.php 14401 2010-01-26 14:10:00Z louis $
* @package Joomla
* @copyrightCopyright (C) 2005 - 2010 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/
define( '_JEXEC', 1 );
define('JPATH_BASE', dirname(__FILE__) );
define( 'DS', DIRECTORY_SEPARATOR );
require_once ( JPATH_BASE .DS.'includes'.DS.'defines.php' );
require_once ( JPATH_BASE .DS.'includes'.DS.'framework.php' );
JDEBUG ? $_PROFILER->mark( 'afterLoad' ) : null;
$mainframe =& JFactory::getApplication('site');
$mainframe->initialise();
JPluginHelper::importPlugin('system');
JDEBUG ? $_PROFILER->mark('afterInitialise') : null;
$mainframe->triggerEvent('onAfterInitialise');
$mainframe->route();
$Itemid = JRequest::getInt( 'Itemid');
$mainframe->authorize($Itemid);
JDEBUG ? $_PROFILER->mark('afterRoute') : null;
$mainframe->triggerEvent('onAfterRoute');
$option = JRequest::getCmd('option');
$mainframe->dispatch($option);
JDEBUG ? $_PROFILER->mark('afterDispatch') : null;
$mainframe->triggerEvent('onAfterDispatch');
$mainframe->render();
JDEBUG ? $_PROFILER->mark('afterRender') : null;
$mainframe->triggerEvent('onAfterRender');
echo JResponse::toString($mainframe->getCfg('gzip'));

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
20 Nov 2010 09:43 - 20 Nov 2010 09:43 #12 par lavsteph
Réponse de lavsteph sur le sujet Re: Optimisation site
Ne pas utiliser de plugin anti-clic droit

Précaution illusoire qui n'arrêtera que les débutants (il suffit de désactiver le javascript avec certains systèmes d'exploitation. Si,si... :ptdr ), en plus cela peu causer des soucis avec certains type de menu.;)

Dans son .htaccess à la racine du site on ajoute 'est ligne qui protège contre le hotlink des images
RewriteEngine On
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://www.domaine.com/.*$ [NC]
ReWriteRule .*\.(gif|png|jpe?g)$ - [F]
Dernière édition: 20 Nov 2010 09:43 par lavsteph.

Connectez-vous ou Créer un compte pour participer à la conversation.

  • Vous ne pouvez pas: Créer un nouveau sujet.
  • Vous ne pouvez pas: Répondre au sujet.
  • Vous ne pouvez pas: Éditer votre message.
Modérateurs: lavstephtramber91Scottuxserge
Temps de génération de la page : 0.270 secondes