[Nouveau] Wantoo Network - Infogérance serveurs dédiés

[hyperion]

Bonjour,



Je vous présente la dernière mouture de mon site professionnel Wantoo Network

Ce site a nécessité beaucoup de travail d'intégration et d'overriding au niveau des composants principaux. S'il est actuellement parfaitement opérationnel - notamment pour ce que j'en attend - il me reste de nombreuses options d'optimisation dont je parle en fin de post.

Hébergement : serveur dédié OVH
Joomla 2.5 (à jour)
Langue : FR (la version EN est en cours d'écriture)
Template : Rockettheme Graffito à peine modifié

Extensions classiques :
- AcyMailing
- Akeeba Backup Pro
- RSForm Pro
- JCE editor

Extensions spécifiques :
- PayPlans. Le plus gros morceau ! C'est lui qui gère mes abonnements de Packs et, malgré la qualité globale du script, a demandé beaucoup d'adaptation de code et de fonctions. Bien écrit à l'origine, il permet l'overriding à outrance et le support technique est super réactif en cas de problème. Par contre il n'est pas du tout adapté Responsive Design et je n'ai pas eu le temps de réécrire cette partie

- EasyBlog est pratiquement dans son jus et a nécessité une simple adaptation à ma charte graphique, quelques CSS et images... Le système des commentaires laisse le choix entre celui prévu en interne et le module Facebook. La connexion avec les réseaux sociaux est bien conçue nativement et ne demande pas trop de travail !

- Le système de Login-Register est animé par l'excellent Improved AJAX Login and Register. Pratique, élégant mais attention aux futurs conflits javascript (dojo) si vous avez - comme moi - pléthore de scripts JS !! Sa force étant de permettre également un enregistrement user via un compte Facebook ou G+

- JFBConnect termine le travail de connexion avec les réseaux sociaux de manière exemplaire. En revanche, son réglage demande du travail (et la sueur qui va avec) notamment si vous voulez activer OpenGraph...

- J'utilise JFusion pour synchroniser les membres entre différents sites, notamment vers mon support technique Kayako situé dans un autre sous-domaine sécurisé à https://support.wantoo.com. Le plugin Fusion fait bien son job !

Maintenant, le site actuel comporte de très nombreux javascripts et cela pèse fortement au premier chargement (1.8 Mo). Pour optimiser cela j'ai essayé les principaux plugins JCHOptimze et surtout JBetolo mais le casse-tête d'un réglage parfait n'engendrant aucune perte de fonctionnalité du site... m'y a fait renoncer temporairement !!

Il reste également pas mal de travail sur la partie responsive design du site. Il faut tester chaque page, chaque réglage sur des résolutions plus réduites et retailler certaines images en fonction...

Etant mon propre administrateur serveur (!) et pour cause c'est mon métier, je travaille en amont sur les techniques de cache en mémoire vive et sur le tuning de MySQL. En attendant que je me penche sérieusement sur les techniques d'optimisation listées par YSlow.

Voilà, j'espère ne pas avoir été trop long mais suffisament précis dans ma description... si cela peut aider

@++
Hyperion

[cavo789]

Re : Wantoo Network - Infogérance serveurs dédiés

Bonjour Hyperion

Merci pour ce partage de connaissance, nul doute que cela pourra être utile à l'un ou l'autre.

Et tu as raison, c'est loin d'être simple d'utiliser des plugins comme JCHOptimize ou JBetolo. Perso, j'utilise le premier, j'ai renoncé au second. Lorsqu'on n'active pas le minify/merge des css/js, JCHOptimize fait très bien son boulot mais, une fois encore, comme tu le mentionnes, il faut tester, tester et tester encore.

Je viens de passer ton site sur GTMetrix et, oui, le score n'est pas top; dû à l'absence de JCH entre autre.

As-tu joué avec de l'optimisation au niveau de ton fichier .htaccess ? Je pense en particulier à spécifier la durée d'existence des fichiers en fonction de leur type.

Voici ce que j'utilise, libre à toi d'adapter les durées de vie selon tes besoins :

<IfModule mod_expires.c>
   ExpiresActive On

   # Default expiration: 1 hour after request
   ExpiresDefault "now plus 1 hour"

   # CSS and JS expiration
   ExpiresByType text/css "now plus 1 month"
   ExpiresByType application/javascript "now plus 1 month"
   ExpiresByType application/x-javascript "now plus 1 month"

   # htc files  (css3pie)
   ExpiresByType text/x-component          "access plus 1 month"

   # rss feed
   ExpiresByType application/rss+xml       "access plus 4 hour"

   # webfonts
   ExpiresByType font/truetype             "access plus 1 month"
   ExpiresByType font/opentype             "access plus 1 month"
   ExpiresByType application/x-font-woff   "access plus 1 month"
   ExpiresByType image/svg+xml             "access plus 1 month"
   ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
   ExpiresByType application/x-font-ttf    "access plus 1 year"

   # Image files expiration
   ExpiresByType image/svg+xml "now plus 1 month"
   ExpiresByType image/gif "now plus 1 month"
   ExpiresByType image/jpeg "now plus 1 month"
   ExpiresByType image/png "now plus 1 month"
   ExpiresByType image/vnd.microsoft.icon "now plus 1 year"
   ExpiresByType image/x-icon "now plus 1 year"
   ExpiresByType image/ico "now plus 1 year"
   ExpiresByType image/icon "now plus 1 year"
   ExpiresByType text/ico "now plus 1 year"
   ExpiresByType application/ico "now plus 1 year"
</IfModule>

Le code ci-dessous permet d'activer la compression des données avant envoi au client :

<IfModule mod_gzip.c>
    mod_gzip_on       Yes
    mod_gzip_dechunk  Yes
    mod_gzip_item_include file      \.(html?|txt|css|js|php|pl)$
    mod_gzip_item_include handler   ^cgi-script$
    mod_gzip_item_include mime      ^text/.*
    mod_gzip_item_include mime      ^application/x-javascript.*
    mod_gzip_item_exclude mime      ^image/.*
    mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>

Et, petit détail supplémentaire, spécification depuis le .htaccess du codage de la page :

AddDefaultCharset UTF-8
DefaultLanguage fr-FR

Nul doute que tu connais tout cela mais il semble que GTMetrix indique que ces fonctions ne sont pas activées sur ton site.

Bonne journée.

[hyperion]

Re : Wantoo Network - Infogérance serveurs dédiés

Non, en effet, je n'ai volontairement pas touché aux diverses possibilités d'optimisations (même pas GZip pour tout te dire). Ayant en tête de lancer le site avant tout, je me garde du temps de travail très prochainement pour cela !! Je regarde en ce moment comment le site se comporte tel quel, au fur et à mesure de la montée en charge et des visites...

Je te remercie infiniment pour tes astuces .htaccess que je vais tester au plus vite. J'ai également quelques lignes en réserve à placer dans mon vhost.conf en amont et qui, pour certaines, sont équivalentes.

Bonne journée à toi aussi et merci encore ;-)

[cavo789]

Re : Wantoo Network - Infogérance serveurs dédiés

Je t'en prie !

Une astuce n'est bonne que si elle est partagée :-)

[hyperion]

Re : Wantoo Network - Infogérance serveurs dédiés

Ok, je progresse un peu... en activant la compression je gagne 1 grade GTMetrix, passant de "F" à "E", c'est déjà ça

J'ai utilisé des réglages pour mod_deflate plus approprié sur Apache 2

Au sein du fichier vhost.conf du sous-domaine (et non dans .htaccess) j'ai donc ajouté :

<IfModule mod_deflate.c>
#A compresser
        AddOutputFilterByType DEFLATE text/plain
        AddOutputFilterByType DEFLATE text/html
        AddOutputFilterByType DEFLATE text/xml
        AddOutputFilterByType DEFLATE text/css
        AddOutputFilterByType DEFLATE application/x-httpd-php
        AddOutputFilterByType DEFLATE application/x-httpd-fastphp
        AddOutputFilterByType DEFLATE application/x-httpd-eruby
        AddOutputFilterByType DEFLATE image/svg+xml
        AddOutputFilterByType DEFLATE application/xml
        AddOutputFilterByType DEFLATE application/xhtml+xml
        AddOutputFilterByType DEFLATE application/rss+xml
        AddOutputFilterByType DEFLATE application/javascript
        AddOutputFilterByType DEFLATE application/x-javascript

#Ne pas compresser
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.(?:exe|t?gz|zip|bz2|sit|rar)$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.pdf$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.avi$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.mov$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.mp3$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.mp4$ no-gzip dont-vary
SetEnvIfNoCase Request_URI \.rm$ no-gzip dont-vary

#Niveau maximum de compression
        #DeflateCompressionLevel 9

#Prise en charge des navigateurs posant probleme
        BrowserMatch ^Mozilla/4 gzip-only-text/html
        BrowserMatch ^Mozilla/4\.0[678] no-gzip
        BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>

Comme on peux le voir, j'ai du commenter le niveau de compression qui n'est pas compatible pour le moment sur mon système.

Je regarde comment mieux gérer le cache désormais... le suite au prochain numéro

[opware2000]

Re : Wantoo Network - Infogérance serveurs dédiés

Salut Didier
Cool que ton site soit enfin finalisé (arlésienne ... patapé)
par contre si tu veux encore plus optimiser ton site, la meilleur chose est de ne pas utiliser gantry qui AMHA est devenu très très lourd (en changeant que le template j'ai fait respiré mon proc)

[hyperion]

Re : Wantoo Network - Infogérance serveurs dédiés

Wouarf Nico !! Il arrive donc, parfois, qu'on aperçoive un bout de dentelle d'une Arlésienne Si, si, la preuve !

Oui, alors pour Gantry4 tu as raison !!! Pfffou c'est d'un lourdingue ! Sans parler de leurs "astuces" de css-compiled et autres "rok" machins, ça devient pénible. Mais refaire un template, alors ça, j'ai pas le temps. Clairement. A moins de renvoyer l'Arlésienne dans ses foyers pour une autre période indéterminée

Ceci dit, grâce à Christophe, je viens encore de gagner 1 grade GTMetrix, passant de "E" à "D" avec la gestion des caches, c'est toujours ça !

Je n'avais pas pensé passer directement par mod_expires jusque là. C'est son exemple .htaccess qui m'y a fait penser et en l'adaptant à mon système et en le mettant dans vhost.conf ça a l'air de rouler. J'avais essayé les différentes extensions spécialisées avec un succès très mitigé...

[cavo789]

Re : Wantoo Network - Infogérance serveurs dédiés

Tu gardes encore un mauvais score au niveau du Keep alive. Est-ce que mod_expires est bien chargé ? C'est étonnant de voir encore autant de fichiers statiques non cachés.

[hyperion]

Re : Wantoo Network - Infogérance serveurs dédiés

Bien vu Christophe

Mais c'est volontaire.

Le KeepAlive est activé au niveau vhost uniquement, et non globalement. Etant donné que le serveur héberge quelques sites à fort trafic, je ne veux pas voir Apache buter dans son nombre maxi de child processes et se vautrer (pour tout le monde).

J'attends un peu de voir monter le trafic et analyser le tout pour décider quelles valeurs donner à MaxKeepAliveRequests et KeepAliveTimeout pour ce vhost. Je ferai quelques essais ce soir tard je pense lorsque je ne dérangerai personne avec mes restart !!!

Même si ce serveur est généreusement équipé en RAM, je privilégie les processes MySQL (pour des raisons que je ne peux évoquer dans ce post) et leur laisser le plus de place possible. Associé à cela un copieux ramdisk dédié aux tables temporaires, tu vois que la marge de manoeuvre est vite limitée... il faut faire un choix

[prijest]

Re : Wantoo Network - Infogérance serveurs dédiés

Bonjour,
J'aime beaucoup le template graffito et je suis d'accord pour gantry une arme vraiment très lourde.
j'ai essayé le code de cavo789 (.htaccess)merci pour le partage très efficace.

[hyperion]

Re : Wantoo Network - Infogérance serveurs dédiés

j'ai essayé le code de cavo789 (.htaccess)merci pour le partage très efficace.

Idem !! On a désormais un nouveau slogan : "Cavo notre héro"

[cavo789]

Re : Wantoo Network - Infogérance serveurs dédiés



Je n'ai rien inventé. Il s'agit essentiellement d'un code que l'on peut trouver sur joomla.org : http://magazine.joomla.org/issues/Is...-FREAKIN-Works

J'ai dû ajouter une petite ligne par-ci par-là mais le mérite ne me revient nullement.

Merci :-)