Compression code html

le Sam 15 Jan 2011 20:15

Bonjour,

Besoin de vos avis.

Que pensez-vous de la compression .html et .css ??
( Suppression des blancs, etc.. )

Bon, j'ai fait des essais, j'ai compressé ma page d'accueil, et le CSS.
C'est vrai que l'on y gagne en temps d'affichage. ( on sans rend compte à l'oeil )

J'ai bien envie de faire la même chose sur le thème, les templates, et .css.
Lorsqu'ils seront valide w3c

La question est...

Est ce que c'est vu comme étant de la suroptimisation ?
( par Google et autres moteurs de rechercher )

Enfin, y a t’il un impact sur le référencement ??
Positif = ( Affichage plus rapide, donc mieux pour les utilisateurs )
impact négatif = ( suroptimisation )

??

Bien à vous :)


petites annonces > création de sites

Avatar de l’utilisateur   
iLuc
Like Rank Total : 6.5    
Actif
 
Messages : 618
Inscription : Jeu 13 Jan 2011 05:03
Localisation : 13







    
 

le Sam 15 Jan 2011 20:43

Je dirais au contraire Google adore !

Tu as le plug-in page-speed et yahoo slow pour firebug pour optimiser ta vitesse d'affichage.

Perso je compresse html, javascript et css ex http://www.speedyweb.fr/

Entre deux sites "égaux", le plus rapide sera plus "user-friendly" et Google prend en compte l'optimisation pour la vitesse. Je le fais pour toutes mes réalisations. Ça fait parti du boulot pour moi ;)


Elna - Agence web Perpignan

Avatar de l’utilisateur   
Lexa    
Actif
 
Messages : 382
Inscription : Lun 26 Oct 2009 21:50

le Sam 15 Jan 2011 20:44

bonjour
iLuc a écrit:Que pensez-vous de la compression .html et .css ??
( Suppression des blancs, etc.. )


De la compression en general que du bien
Une fois compressé les caractères inutiles ne prennent quasiment plus de place (donc, ce n'est pas la peine de faire une chasse trop poussé au caractère inutile et perdre en lisibilité pour le webmaster)
iLuc a écrit:La question est...

Est ce que c'est vu comme étant de la suroptimisation ?
( par Google et autres moteurs de rechercher )
Enfin, y a t’il un impact sur le référencement ??
Positif = ( Affichage plus rapide, donc mieux pour les utilisateurs )
impact négatif = ( suroptimisation )

Je ne pense pas qu'il y ais le moindre problème au niveau des moteurs de recherche.
La ou cela change vraiment beaucoup de chose c'est au niveau utilisateur : cela fais une vrai et bonne différence....
... donc il faut le faire.


n°2 : Restez informé, suivez toutes les actualités du référencement et des moteurs de recherches

Avatar de l’utilisateur   
nifrou
Like Rank Total : 14.5    
Administrateur
 
Messages : 1861
Inscription : Ven 29 Fév 2008 03:40

le Sam 15 Jan 2011 20:57

Cool, merci pour l'info !!...

Pour ma part, j'essaie aussi que le code soit propre. ( Je dis, bien j'essaie. ça prend du temps )
Et aussi, que ce soit rapide à l'affichage.

Mais je ne savais pas trop pour la compression...
Étant donné que le code n'est plus structurer.

Sur le site que tu donnes en exemple, le .html est compressé pour toi ??...
En fait, regarde le code source : http://limonads.com
Que la page d'accueil, je n'ai pas fais de compression sur le reste du site.
( c'est la compression don je parle. Suppression des retours chariot et espaces inutiles :) )

J'ai utilisé : WebCrusher
Tu peu le faire en ligne aussi : Compression HTML

Tu as le plug-in page-speed et yahoo slow pour firebug pour optimiser ta vitesse d'affichage.


Ouep,.. j'utilise Firebug pour Safari. :)

Perso je compresse html, javascript et css ex http://www.speedyweb.fr/


Si on peut faire la même chose pour Java, c'est bon à savoir, il faudra que j'essaie. :)

Merci ! :)


petites annonces > création de sites

Avatar de l’utilisateur   
iLuc
Like Rank Total : 6.5    
Actif
 
Messages : 618
Inscription : Jeu 13 Jan 2011 05:03
Localisation : 13

le Sam 15 Jan 2011 21:07

De la compression en general que du bien
Une fois compressé les caractères inutiles ne prennent quasiment plus de place (donc, ce n'est pas la peine de faire une chasse trop poussé au caractère inutile et perdre en lisibilité pour le webmaster)


Merci Nifro :)

Pour le webmaster, c'est justement pour cela, je me poser là question pour le référencement.
Me casser le C...L si c'est négatif pour le référencement...

Mais dans le cas contraire, bien organiser, ça devrait allez.
Je compte garder une version non compresser en local. ( du thème, et des templates Module )
Pour faire les améliorations.
Et ensuite, compresser que lorsque j'envoie sur le serveur.

Je me poser surtout la question, du fait que le code n'est plus en forme. ( présentation limite illisible )

Merci pour les infos.. :)
C'est bon à savoir.

je vais le faire une fois que ça sera bien propre.
( Il y a encore pas mal d'erreurs à corriger ... :cry: )
Si je peu gagner encore un peu en temps d'affichage, ça sera toujours ça de pris. :)


petites annonces > création de sites

Avatar de l’utilisateur   
iLuc
Like Rank Total : 6.5    
Actif
 
Messages : 618
Inscription : Jeu 13 Jan 2011 05:03
Localisation : 13

le Sam 15 Jan 2011 21:15

J'utilise pagespeed pour le css, les fichiers javascript et les images. Je rassemble tous mes javascript en 1 seul fichier, idem pour le css.

Après je compresse via gzip tout le html, les css et les javascript. Regardes sur http://www.speedyweb.fr, dans le code tu pourras remarquer que ça appelle des fichiers php pour les css et le jquery ;) En fait j'appelle les fichiers originaux sauf que je leur ai mis une entête pour pouvoir compresser en gzip.

Le résultat c'est 400 Ko pour charger toute la page avec le diapo et les grandes images et tous le reste ça donne un score de 91/100 à pagespeed et un grade A à Yahoo slow :mrgreen:

Il y a aussi le htaccess ou tu peux optimiser les caches afin de gagner encore un peu. ;)


Elna - Agence web Perpignan

Avatar de l’utilisateur   
Lexa    
Actif
 
Messages : 382
Inscription : Lun 26 Oct 2009 21:50

le Sam 15 Jan 2011 21:35

Après je compresse via gzip tout le html, les css et les javascript. Regardes sur http://www.speedyweb.fr, dans le code tu pourras remarquer que ça appelle des fichiers php pour les css et le jquery En fait j'appelle les fichiers originaux sauf que je leur ai mis une entête pour pouvoir compresser en gzip.


Pour ma part, la compression Gzip, je ne l'utilise pas dans le Php
Je l'ai activé directement avec .htaccess ;-)

Le résultat est identique
la seule différence, avec .htaccess pas besoin de rajouter du code dans les fichiers php.
Juste une seule ligne à ajouter. :)

C'est clair, juste le Gzip activer,
sur certaine page j'ai gagner presque 50% :)

Faudra que j'effectue des essais et des comparaisons,
voir si de réduire le code html à son minimum a un réel effet avec le Gzip déjà activer.
Et donc voir si les deux s'additionnent.


petites annonces > création de sites

Avatar de l’utilisateur   
iLuc
Like Rank Total : 6.5    
Actif
 
Messages : 618
Inscription : Jeu 13 Jan 2011 05:03
Localisation : 13

le Sam 15 Jan 2011 22:18

iLuc a écrit:Pour ma part, la compression Gzip, je ne l'utilise pas dans le Php
Je l'ai activé directement avec .htaccess ;-)

Le résultat est identique
la seule différence, avec .htaccess pas besoin de rajouter du code dans les fichiers php.
Juste une seule ligne à ajouter. :)

C'est clair, juste le Gzip activer,
sur certaine page j'ai gagner presque 50% :)

Faudra que j'effectue des essais et des comparaisons,
voir si de réduire le code html à son minimum a un réel effet avec le Gzip déjà activer.
Et donc voir si les deux s'additionnent.


Oui pour le htaccess, même si dans un cms c'est la même chose, une ligne de code dans le fichier d'ouverture de la bdd par exemple.
Après je suis chez 1and1 et j'y arrive pas du htaccess, leur interprétation étant spéciale... Du coup je perd pas mal de temps avec les pages statiques...


Machine à coudre Elna - Création de site Internet à Perpignan

Avatar de l’utilisateur   
Lexa    
Actif
 
Messages : 382
Inscription : Lun 26 Oct 2009 21:50

le Dim 16 Jan 2011 01:40

Après, je suis chez 1and1 et j'y arrive pas du htaccess, leur interprétation étant spéciale... Du coup je perds pas mal de temps avec les pages statiques...


Je reconnais, ce n'est pas simple. d'un hébergeur à un autre ça change.

Plus exactement, moi sur ovh, ce n’est pas Gzip, c'est l'équivalent ( SetEnv ZEND_OPTIMIZER )
L'activation du Gzip ne fonctionner pas. Mais c'est quasiment la même chose.

J'ai mis ça dans mon .htaccess :
Code: Tout sélectionner
SetEnv ZEND_OPTIMIZER 1

SetOutputFilter DEFLATE
AddOutputFilterByType DEFLATE text/php text/html text/txt text/xml application/xhtml+xml text/plain application/javascript text/css


Au cas, tu essaies voir si ça fonctionne. ;-)
Sinon, il te faut trouver le bon code pour 1&1.
Tu dois trouver ça, je pense.

iLuc


petites annonces > création de sites

Avatar de l’utilisateur   
iLuc
Like Rank Total : 6.5    
Actif
 
Messages : 618
Inscription : Jeu 13 Jan 2011 05:03
Localisation : 13

le Dim 16 Jan 2011 07:13

Salut Lexa,

Au passage, j'avais oublié,
Vraiment bien fait ton site Speedyweb, joli boulot ! :)
Et c'est vrai qu'il est agréable à la Navigation ( temps d'affichage des pages )

Par contre il faudra que tu m'expliques, sur ton annuaire :
Professionnels de l'immobilier référencez votre site gratuitement même si vous n'avez pas de site Internet !


...référencez votre site gratuitement même si vous n'avez pas de site...

Je n’ai pas tous compris :D

++


petites annonces > création de sites

Avatar de l’utilisateur   
iLuc
Like Rank Total : 6.5    
Actif
 
Messages : 618
Inscription : Jeu 13 Jan 2011 05:03
Localisation : 13

le Dim 16 Jan 2011 14:06

iLuc a écrit:Salut Lexa,

Au passage, j'avais oublié,
Vraiment bien fait ton site Speedyweb, joli boulot ! :)
Et c'est vrai qu'il est agréable à la Navigation ( temps d'affichage des pages )

Par contre il faudra que tu m'expliques, sur ton annuaire :
Professionnels de l'immobilier référencez votre site gratuitement même si vous n'avez pas de site Internet !


...référencez votre site gratuitement même si vous n'avez pas de site...

Je n’ai pas tous compris :D

++


Effectivement, je vais mettre entreprise ça ira mieux :mrgreen:


Machine à coudre - Agence web

Avatar de l’utilisateur   
Lexa    
Actif
 
Messages : 382
Inscription : Lun 26 Oct 2009 21:50







    
 

Retourner vers Demande de conseils ou parler de son site




Autres sujets proches :
erreur code source site jimdo - impossible modifier       12/12/2010
Balise html echange de lien       20/03/2012
Redirection 301 de index.html vers la racine       23/06/2011
code : taille mémoire d'une variable en PHP       17/07/2010
CMS, 301 et index.html       16/08/2011
code entre balises head       19/05/2011
recherche code google adwords       12/03/2012
Convertir flash en html avec Google       29/06/2011