compresser le code html

Discussion dans 'Problèmes de référencement spécifiques à vos sites' créé par ajja93, 24 Mai 2004.

  1. ajja93
    ajja93 WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    84
    J'aime reçus:
    0
    Bonjour,

    Même si la question est de moins d'importance avec la généralisation de l'adsl, la compression du code html par des logiciels spécifiques qui "éliminent" au max les redondences et les espace vides fait gagner pas mal de temps à l'arrivée des pages pour les visiteurs.
    Ainsi un code sur 37 lignes (inventé pour exemple), réduit (compressé) par "html Shrinker" sur 5 lignes devient :

    <html><head><title>quel beau site</title><meta name=description content="Le plus beau site du monde"><meta name=keywords content="beau, joli, superbe, merveilleux"><meta http-equiv=Content-language content=fr><script language=JavaScript1.2><!--//
    var bookmarkurl="http://www.plusbeausite.com/"
    var bookmarktitle="je suis beau"
    function addbookmark(){if(document.all)
    window.external.AddFavorite(bookmarkurl,bookmarktitle)}//--></script></head><body bgcolor=white text=black link=blue vlink=purple alink=red><table border=0 align=center><tr><td width=400><p>Je suis le site le plus beau du monde, que l'&eacute;tranger envie et qui est c&eacute;l&egrave;bre dans le monde entier !<br>Si je n'existais pas, il faudrait m'inventer. Quand on m'a visit&eacute;, la vie n'est plus la m&ecirc;me qu'avant.</p></td><td width=340><p><script src="http://www.secuser.com/secuserinfo_virus_graph.js"></script></p></td></tr></table></body></html>

    Mais je me demande si ce "fouillis" et ces très longues lignes (5 au lieu de 37), parfaitement compréhensible à un navigateur, l'est aussi pour les robots des moteurs, Google surtout (le titre et les metas, en particulier) ???
    Qui aurait une réponse sûre ? (et pardon pour ce message un peu long)

    Merci
     
  2. DREK
    DREK Nouveau WRInaute
    Inscrit:
    13 Janvier 2004
    Messages:
    35
    J'aime reçus:
    0
    La Mise en page n'a d'intérêt que pour l'homme...

    Google s'en fout de comment est tapé ton code source, il a pas les mêmes points de repères ! ;)
     
  3. vpx
    vpx WRInaute impliqué
    Inscrit:
    23 Mars 2004
    Messages:
    852
    J'aime reçus:
    0
    Dans ton exemple, il n'y a pas de probleme puisque seuls les espaces inutiles sont supprimés. Par contre, le jour ou tu veux changer quelque chose sur ton source, c'est un sacré bordel...
     
  4. Grantome
    Grantome WRInaute passionné
    Inscrit:
    16 Janvier 2004
    Messages:
    2 243
    J'aime reçus:
    0
    ...

    Tout d'abord, ce n'est pas de la compréssion, mais du mis bout à bout.
    Ensuite, ça tient sur 5 lignes avec l'application que tu l'a lu.
    Prend word avec une mise en page 21/29,7, et tu verra le nombre de lignes...
    Enfin, aucun intérêt de poid.

    Pour un espion, aucun problème de compréhension, juste un peu plus de temps.






    C'est quoi l'intérêt ?
     
  5. web-soluces.net
    web-soluces.net WRInaute discret
    Inscrit:
    1 Juin 2003
    Messages:
    228
    J'aime reçus:
    0
    il existe des trucs pour qu'un "espion" ne puisse pas lire la source mais google oui ?
     
  6. ajja93
    ajja93 WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    84
    J'aime reçus:
    0
    Merci à vous trois !

    Je posais cette question car un service d'un site qui proposait (soi-disant) d'étudier la mise en forme de mes pages avant référencement n'avait rien vu des titres et des metas (description et keywords) !!!!

    Pour Grantome, je répondrais qu'une page 30 % moins lourde est quand même intéressante ... pour le visiteur RTC (il doit bien y en avoir encore ...) !

    En outre, (Grantome, vpx) mon exemple ne le montre pas (car trop court), mais ce n'est pas seulement du bout-à-bout : beaucoup de "balises" (/body, /tr, /td, redondances de font, etc.) sont bien supprimées.

    Quant aux espions, cela n'est effectivement pas le but : un logiciel-éditeur comme Namo (par exemple) sait remettre "aux normes" une page compressée en un instant.

    Il est bien sûr évident que l'utilisation de cette compression oblige à avoir 2 sites sur disque-dur : l'un de travail, en code "normal", et dont on copie chaque page modifiée sur l'autre, compressé.
    C'est effectivement un boulot en plus !

    Cordialement
     
  7. wap
    wap WRInaute impliqué
    Inscrit:
    1 Mai 2004
    Messages:
    550
    J'aime reçus:
    0
    Ce qui peut être intéressant c'est un système de cache qui va créer un fichier "compressé" de la page quand il le faut (c'est à dire quand la page a changé), pour pouvoir ensuite le servir à la place de la "vraie page".

    Et il y a plus intéressant comme système de compression que de simplement enlever les espaces.
     
  8. cleden
    cleden WRInaute impliqué
    Inscrit:
    6 Janvier 2003
    Messages:
    911
    J'aime reçus:
    0
    Pour un réel gain de poid, rien ne vaut les css. Pour ma part, j'ai convertis plusieurs sites en full css, le temps de chargement est beaucoup plus court (et ça simplifie considérablement les modifications).

    Loïc.
     
  9. Grantome
    Grantome WRInaute passionné
    Inscrit:
    16 Janvier 2004
    Messages:
    2 243
    J'aime reçus:
    0
    ...

    Euhh.... je ne veux pas prendre le choux à qui que se soit, mais j'ai fait le teste il y a un moment, lorsque j'ai optimisé le poid de mes pages, et bien virer les retours à la ligne ou autre espace ne fait pas gagner 30% de poid.

    Ah oui, ok, mais là, ou ne parle plus de code propre. Ce qui est important et va devenir obligatoire avec les prochain navigateurs.
     
  10. d_vid
    d_vid WRInaute occasionnel
    Inscrit:
    4 Janvier 2004
    Messages:
    276
    J'aime reçus:
    0
    Re: ...

    faux, moins les espaces et sauts de lignes, tu peux gagner 10 à 30% d'une page.
    Alors sur 100ko...
     
  11. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 196
    J'aime reçus:
    0
  12. yeca
    yeca WRInaute impliqué
    Inscrit:
    2 Septembre 2003
    Messages:
    567
    J'aime reçus:
    0
    Rien ne vaut le full css mine de rien. C'est pas 10 à 30 % qu'on peut gagner mais 50%

    Ensuite, je dirais que gagner 5% peut paraitre négligeable surtout avec l'adsl. Par contre, quand tu multiplie 5 ko par ton nombre de pages, tu vois tout de suite la charge que tu économise pour le serveur.
     
  13. Grantome
    Grantome WRInaute passionné
    Inscrit:
    16 Janvier 2004
    Messages:
    2 243
    J'aime reçus:
    0
    Re: ...

    Pas d'accord du tout.

    Déjà, pour des pages de 100ko ou plus, sont mal vue par les internautes. Ce n'est pas pour rien que l'on préconise pas plus de 50ko par page.

    Pour le gain, c'est simple. On va prendre un exemple basic.
    1 caractère = 1 octet.
    Imagine une page avec 30 lignes de 10 caractères donc avec 29 retour à la ligne, son poid est le suivant:
    (30x10)+29=329 octet.
    Retire les 29 octets, tu obtiens un gain de prêt de 10%

    Maintenant, regarde la longueur moyenne d'une ligne de code. Elle fait bien plus de 10 caractères. Tu peut ajouter les espace que tu veux, jamais tu n'atteindra 30% d'une page avec justes les espaces et les retours à la ligne.

    Mon avis est que le max que tu peux obtenir 2 ou 3% de gain.
     
  14. Digit
    Digit WRInaute occasionnel
    Inscrit:
    18 Avril 2003
    Messages:
    451
    J'aime reçus:
    3
    Pas d'accord sur ton calcul, les retours-chariot font généralement 2 caractères (un seul en codification unix, caractères 13 et 10 en codification windows).
    Et regarde le source de cette page : il y a des indentations de tags imbriqués qui utilisent des espaces pour aligner ceux-ci. Donc pour 5 caractères utiles il y a parfois près de 10 espaces.
    Rien que sur le code javascript tu peux gagner beaucoup.
     
  15. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 196
    J'aime reçus:
    0
    En effet, par contre à l'affichage on peut obtenir facilement entre 20 et 30 % d'accélération

    tout dépend du site. Pour certain tu peux gagner 70 % et d'autres moins. Mais 30 % est courant (ne pas oublier que le CSS lui même prend de la place).
     
  16. yeca
    yeca WRInaute impliqué
    Inscrit:
    2 Septembre 2003
    Messages:
    567
    J'aime reçus:
    0
    pour tout un site aussi. ALors que les tableaux, tu es obligé de les charger à chaque page (pareil pour les font et autres abominations)

    Ensuite, le pourcentage dépend de la complexité de la construction. 50% c'est pour des sites à tableaux imbriqués bien sur.

    un test fait avec un petit soft qui retire les esapces et sauts de ligne sur cette page :

    avant : 63826 octets
    après : 60843 octets
    gain : 2983 octect
    soit : 4 %

    mine de rien, en supposant 5000 affichages de cette page par jour (avec tous les topics de ce forum, pas impossible en soi), on arrive à 45 000 000 octets par mois. Economie non substentielle tout de même non ?

    idem yahoo.fr : 10 %
    google.fr : 4%
    raikkonen-f1.com : 4%
    interclasse.com : 11.5%
    booster1site.en1heure.com : 5%
     
  17. d_vid
    d_vid WRInaute occasionnel
    Inscrit:
    4 Janvier 2004
    Messages:
    276
    J'aime reçus:
    0
    :D
     
  18. milkiway
    milkiway WRInaute accro
    Inscrit:
    3 Février 2004
    Messages:
    4 196
    J'aime reçus:
    0
    oui mais heu, les tableaux et le CSS ça n'a rien à voir, tu peux faire les deux ;)

    je sais (je le dis mm sur mon site) mais je dois conserver le tout apr ce que sur mon site je donne des "cours" pour coder et je fais référence à mon code source donc il faut que mes visiteurs puissent lire le code.

    ça fait deux jours que je suis sur un script PHP qui permet d'alleger automatiquement un site je te montrerai ;)
     
Chargement...
Similar Threads - compresser code Forum Date
Formater/compresser le code HTML Référencement Google 11 Mars 2006
Compresser ses images avec WebP utile ? Développement d'un site Web ou d'une appli mobile 1 Février 2018
Compresser le Jquery et le CSS ? Problèmes de référencement spécifiques à vos sites 26 Septembre 2016
Archive ZIP : décompresser, lister + vérif types fichiers Développement d'un site Web ou d'une appli mobile 17 Juillet 2010
comment compresser les images? Débuter en référencement 8 Novembre 2006
Script pour compresser, recadrer, redimensionner des images Administration d'un site Web 3 Avril 2005
comment coder un automatisme pour le volume du téléphone Développement d'un site Web ou d'une appli mobile 29 Novembre 2022
PHP v8.2 fonction utf8_decode déprécié Développement d'un site Web ou d'une appli mobile 15 Novembre 2022
Code différent par sous-domaine dans Google Analytics ? Google Analytics 28 Septembre 2022
Correction code 301 Crawl et indexation Google, sitemaps 30 Juillet 2022
[JavaScript Array] modifier un code html sans le supprimer/recréer Développement d'un site Web ou d'une appli mobile 20 Juin 2022
Outil de test de code HTTP en masse (sitemap ou liste d'URL) Référencement Google 19 Mai 2022
Paramètres urls & urlrewriting => alphabétiques ou codés ? Problèmes de référencement spécifiques à vos sites 30 Mars 2022
Quel code simulation grid sous IE ? Développement d'un site Web ou d'une appli mobile 13 Novembre 2021
mon code ne fonctionne pas pour masquer les .php URL Rewriting et .htaccess 31 Juillet 2021
La balise "title" n' apparait pas de la même façon que dans le code source. Débuter en référencement 1 Juin 2021
WordPress réécriture d'URL domaine.TLD/COUNTRYCODE/ vers domaine.ccTLD URL Rewriting et .htaccess 9 Mai 2021
Protection de site web : quel code ajouter dans htaccess ? URL Rewriting et .htaccess 5 Mars 2021
WordPress code Développement d'un site Web ou d'une appli mobile 12 Janvier 2021
SEO pour page encodée en ANSI avec charset iso 8859-1 Référencement Google 15 Octobre 2020