Optimiser la vitesse de votre site.

par **LIVING** » 15 Juil 2014, 19:59

Toujours aucune amélioration...

Pour ce qui du code a copier dans .htaccess, je le mets tout a fait à la fin de ce que j'ai, ou je peux l'intercaler après une balise fermée '</FilesMatch>'

par **LeorLindel** » 15 Juil 2014, 20:04

Perso, je l'ai mis à la fin mais tu peux le mettre après la balise

Code: Tout sélectionner: # SEO URL Settings RewriteEngine On

par **LIVING** » 15 Juil 2014, 20:35

Bon et bien pour le coup pas de chance, les résultats diffèrent mais pas dans le bon sens ...
1er Test :

Second Test :

par **LeorLindel** » 17 Juil 2014, 04:37

Bonjour à tous et à toutes,

Il existe de nombreuses causes au ralentissement d'un site, nous ne parlerons pas de l'hébergement (mutualisé ou dédié) ou de la bande passante s'y référant mais cela pourrait faire l'objet d'un autre sujet.

Les causes principales de la lenteur d'un site sont :

- Les images et les fichiers comportementaux (js et css), (voir les 5 premières lignes négatives situés dans l'onglet "Page Speed" du rapport de GTmetrix).

Les images :

Leur poids (taille) est un facteur important et les optimiser est une priorité surtout si votre site en contient beaucoup.

Conseil (ce que vous pouvez faire, pas obligatoirement, ce que vous devez faire) :

- Supprimer tous les répertoires d'images (/image/data/ et /catalog/view/template/theme/image/*) et images inutiles de votre serveur.
- Optimiser les images avec un utilitaire de compression, Smush.it par exemple.
- Supprimer tous les répertoires situés dans le répertoire /image/cache/data/ de façon à recharger les nouvelles images.

A vous de choisir quelle est la ou les méthodes qui vous convienne le mieux

Les fichiers comportementaux
tels que les fichiers javascript (js) et les feuilles de style (css)

Ces fichiers sont chargés en premier car ce sont eux qui déterminent le graphisme et les comportements de votre site avant même que votre première page soit chargée.
Si un fichier javascript concerne un comportement qui doit s’exécuter après le chargement des pages, il est plus judicieux que l'appel à celui-ci se fasse et se trouve dans le fichier /footer.tpl plutôt que dans le /header.tpl (toujours à inclure entre la balise <head> et </head>, exemple :

Code: Tout sélectionner: <script type="text/javascript" src="catalog/view/javascript/jquery/*.js"></script>

Les fichiers javascript (js)

Conseil (ce que vous pouvez faire, pas obligatoirement, ce que vous devez faire) :

- Supprimer tous les fichiers javascript inutiles et mettre à jour les nouvelles versions,
- Compiler vos fichiers javascript, pour cela il existe des compilateurs javascript sur le net qui optimiseront vos fichiers.
- Regrouper tous les fichiers javascript dans un seul fichier javascript.
- Placer les fichiers javascript dans le pied de page (footer) plutôt que dans l'en-tête (header) quand celui-ci le nécessite

A vous de choisir quelle est la ou les méthodes qui vous convienne le mieux

Les fichiers css

- Supprimer tous les fichiers css inutiles,
- Compiler vos fichiers css, pour cela il existe des compilateurs css sur le net qui optimiseront vos fichiers.
- Regrouper tous les fichiers css dans un seul fichier css.
- Ré-écrire certaines syntaxes qui renvoient vers une demande de requête inutile ou trop longue, exemple :

Code: Tout sélectionner: color: #ffffff; border: 0px;

qui devra s'écrire :

Code: Tout sélectionner: color: #fff; border: 0;

- Passer par un validateur tel que W3C afin de constater les erreurs et avertissements,

A vous de choisir quelle est la ou les méthodes qui vous convienne le mieux

Voila un petit topo général.

Sachez que si vous appliquez ces conseils, vous gagnerez en vitesse mais vous aurez passé pas mal de temps pour y arriver.
Si vous désirez appliquer ces conseils, il est extrêmement important de faire une sauvegarde avant toute modification.

Vous trouverez sur le net tous un tas d'outils qui vous aideront au mieux dans cette tâche.

Personnellement, j'utilise Webdeveloper pour Firefox dont j'ai déjà parlé dans un lointain sujet, auquel j'ai annexé Yslow comme plugin.
J'utilise aussi Dust-me.

Vous pouvez utiliser aussi PageSpeed Insights ou d'autres vérificateurs de vitesse.

Pour un audit plus large et pointu sur l'ensemble de votre site, vous pouvez aussi utiliser Woorank mais méfiez-vous celui-ci est payant et dès votre inscription (qui parait être bénigne) ils vous prélèvent via Paypal et sans votre accord la somme de $180,29.

Bon codage.

par **LeorLindel** » 17 Juil 2014, 06:56

Vous avez remarqué que dans le rapport qu'a établi GTmetrix, il se trouve une section intitulé "Specify image dimensions".

Cette section vous signale que les dimensions (largeur et hauteur) des images ne figurent pas dans le code de vos pages.

J'ai donc testé le vQmod que vous trouverez en bas de page qui permet de mettre les dimensions des images dans le code de vos pages et il s'avère, d'une part que le vQmod fonctionne bien mais que d'autre part, cela ne change en rien la vitesse ou même le ration d'optimisation.

Avant

Après

image_width_height_tags.xml: (1.17 Kio) Téléchargé 234 fois

par **LeorLindel** » 18 Nov 2014, 20:07

Complément d'informations.

Partie de code à ajouter dans le .htaccess se trouvant à la racine.

# Turn on Expires and set default to 0
ExpiresActive On
ExpiresDefault A0

# Set up caching on media files for 1 week
<FilesMatch "\.(gif|jpg|jpeg|png)$">
ExpiresDefault A604800
Header append Cache-Control "public"
</FilesMatch>

# Set up 1 week caching on javascript and CSS
<FilesMatch "\.(js|css)$">
ExpiresDefault A604800
Header append Cache-Control "proxy-revalidate"
SetOutputFilter DEFLATE
</FilesMatch>

# Force no caching for dynamic files
<FilesMatch "\.(php)$">
ExpiresActive Off
Header set Cache-Control "private, no-cache, no-store, proxy-revalidate, no-transform"
Header set Pragma "no-cache"
</FilesMatch>

par **LeorLindel** » 09 Mar 2015, 00:54

Afin de donner suite à ce sujet, je viens de mettre en ligne depuis 3-4 mois le site d'un client (url fournie à titre indicatif de référence et non à titre publicitaire).

Celui-ci étant jusqu’au-boutiste et l'étant de même, j'ai décidé que sa boutique serait optimisée au maximum car cela est un point essentiel à son développement puisque qu'il s'adresse à l'international plutôt qu'à notre cher hexagone national.

J'ai donc tout entrepris pour aller dans ce sens et cela ne fut pas chose aisée car de longue haleine.

Je vous présente donc le résultat constaté après 5 tests consécutifs identiques.

L'optimisation d'un site est un travail de longue haleine comme je le signalais ci-dessus mais il est essentiel à une bonne visibilité sur le net. Prenez le temps de vous en occuper car cela engendrera la pérennité de votre site.

Dîtes-vous aussi qu'un ratio de 90 % est une très bonne performance et qu'il n'est parfois pas utile d'essayer de faire mieux par crainte de tout bouleverser, ne dit-on pas que "le mieux est le pire ennemi du bien"

par **eric02** » 24 Avr 2015, 10:19

Définitivement ADOPTE !!!

et
Après

et par curiosité Re-test

Merci Leor

par **Creastyle** » 25 Avr 2015, 09:54

8,40 seconde de temps de chargement ???

c'est beaucoup, il faut réduire à 1.5sec max parce qu'avec moins d'un mo et 40 requêtes tu devrais pouvoir descendre beaucoup plus bas en temps de chargement

par **Creastyle** » 25 Avr 2015, 10:10

Leor je viens de voir ton score à GTMETRIS je suis jaloux !!!!
j'ai aussi vu le theme que tu as utilisé JournalV2 j'ai craqué il est super je l'ai acheté aussi

par **LeorLindel** » 25 Avr 2015, 10:22

Tu as eu tout à fait raison de chosir ce thème graphique, il

- est "Full responsive",
- conçu pour une optimisation maximale,
- contient 10 skins différents
- contient un blog
- contient tout un tas de fonctionnalités supplémentaires.

Avec cela, leur service de maintenance et de support est extrêmement réactif.

Par contre avant de le maitriser de façon générale tu vas passer du temps car c'est un monument.

Moi qui l'utilise depuis bientôt 8 mois, je n'en connais que 40 %.

par **Creastyle** » 25 Avr 2015, 10:39

oula 8 mois, ok je vais m'y mettre ce week end si déjà je pars sur une base neuve de 1.5.6.4 autant y mettre un theme optimisé

Optimiser la vitesse de votre site.

Re: Optimiser la vitesse de votre site.

Re: Optimiser la vitesse de votre site.

Re: Optimiser la vitesse de votre site.

Re: Optimiser la vitesse de votre site.

Re: Optimiser la vitesse de votre site.

Re: Optimiser la vitesse de votre site.

Re: Optimiser la vitesse de votre site.

Re: Optimiser la vitesse de votre site.

Re: Optimiser la vitesse de votre site.

Re: Optimiser la vitesse de votre site.

Re: Optimiser la vitesse de votre site.

Re: Optimiser la vitesse de votre site.

Qui est en ligne

International

Opencart France™

Bureau France