Forums Webou.net - Hébergement gratuit et sans publicités avec PHP/MySQL Webou Webou Pro
Recherche avancée  
*
Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?
23 Novembre 2017, 02:56:40


Connexion avec identifiant, mot de passe et durée de la session


Pages: [1]   Bas de page
  Imprimer  
Auteur Fil de discussion: [Tuto] Améliorer la vitesse d'affichage des pages  (Lu 6073 fois)
0 Membres et 1 Invité sur ce fil de discussion.
lepetitmarocain
Invité
« le: 10 Juin 2010, 00:36:47 »

De quoi s'agit il ?

Coder votre site WEB proprement et correctement c'est bien, l'optimiser c'est mieux.

Il existe une optimisation simple à mettre en place et efficace, un système de cache dans le navigateur de vos visiteurs.

Le cache ? C'est quoi ?

Une mémoire cache ou antémémoire est, en informatique, une mémoire qui enregistre temporairement des copies de données reçues, afin de diminuer le temps d'accès (en lecture ou en écriture).

Autrement dit, le navigateur gardera temporairement une copie des images, scripts et autres, afin des les ré-afficher plus rapidement lors de la prochaine visite du visiteur sur votre site.

Le cache des contenus statiques est géré automatiquement par les serveurs et navigateurs, mais il est possible de l'optimiser en donnant une date de validité aux éléments.

Ceci accélère le chargement de votre site, économise la bande passante de votre compte et allège le travail du serveur.

Comment s'y prendre ?

Si htaccess est activé, placez simplement un fichier texte .htaccess à la racine de votre site donc, dans le dossier public_html ou WWW:

# Mise en cache pour 1 mois

Code:
<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>

# Mise en cache pour une semaine

Code:
<FilesMatch ".(js|css|pdf|txt)$">
Header set Cache-Control "max-age=604800"
</FilesMatch>

# Mise en cache pour 1 journée

Code:
<FilesMatch ".(html|htm|php)$">
Header set Cache-Control "max-age=43200"
</FilesMatch>


Conclusion

Avec ce fichier texte, le navigateur de votre visiteur gardera temporairement images et icônes dans son cache c'est à dire que le chargement s'effectuera beaucoup plus rapidement la prochaine fois !



Inspiré de www.commentcamarche.net (sebsauvage).
« Dernière édition: 10 Juin 2010, 00:59:36 par le petit marocain » Journalisée
Forums Webou.net - Hébergement gratuit et sans publicités avec PHP/MySQL
« le: 10 Juin 2010, 00:36:47 »

 Journalisée
Luckyz
Nouveau
*
Hors ligne Hors ligne

Messages: 18


Voir le profil
« Répondre #1 le: 10 Juin 2010, 19:15:07 »

Super !
Je le ferai probablement  Grima&ccedil;ant
Journalisée
le hollandais volant
Habitué
**
Hors ligne Hors ligne

Messages: 81



Voir le profil WWW
« Répondre #2 le: 13 Juin 2010, 00:23:17 »

Je l'ai déjà fait, mais je sais pas comment voir si ça marche^^

En tout cas, pour améliorer la vitesse des pages !

- optimiser les images (permet de gagner plus de 50% sur les images en moyenne)
- utiliser GZip pour compresser le code (plus de 60% de gagné sur le code)
- faire le moins de requettes HTTP possible (combiner les fichiers CSS entre eux, idem pour le JS)

- pour les images en slider, ou en fond de bloc CSS : utiliser la méthode des "portes coulissantes" pour n'avoir qu'une seule image et non plusieurs. Le rendu sera bien meilleure et le poids des pages diminuera un petit peu aussi.
- Faire un code propre et valide W3C : ça évitera au navigateur d'avoir à calculer des corrections au code, et fera donc un affichage plus rapide.
Même remarque pour les images : donnez leurs une largeur et une hauteur : la place occupée sera donnée et le navigateur n'aura pas à le recalculer, pour afficher le contexte de la page correctement.

Pour le flash : Huh

Journalisée
jom006
Nouveau
*
Hors ligne Hors ligne

Messages: 49


Yo !


Voir le profil WWW
« Répondre #3 le: 28 Juin 2010, 21:28:59 »

Good tuto, j'utilise aussi cette méthode et comme a dit le hollandais volant, on sais pas si ça marche juste que j'ai analysé mon site avec " http://gtmetrix.com/ " et j'ai bien constaté quelque millisecondes de moins ^^
Journalisée
Pages: [1]   Haut de page
  Imprimer  
 
Aller à:  

Propulsé par MySQL Propulsé par PHP Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Dilber MC Theme by HarzeM
Page générée en 0.024 secondes avec 20 requêtes.