Ma participation au Webperf-Contest 2010 - commentaires Ma participation au Webperf-Contest 2010 2011-02-20T11:58:20Z https://www.yterium.net/Ma-participation-au-Webperf#comment52 2011-02-20T11:58:20Z <p>Tout d'abord bravo pour toutes ces optimisations, c'est un article très instructif et rempli de bonnes pratiques (voir que des bonnes pratiques).</p> <p>L'appel aux portions du menu via <span class="caps">AJAX</span> n'est en rien un facteur bloquant pour le <span class="caps">SEO</span>.</p> <p>L'utilisation de ce genre de techniques est d'ailleurs conseillée pour des sites dont le nombre de pages est aussi important que celui de la <span class="caps">FNAC</span>, cela permet de développer la technique de «<small class="fine"> </small>siloing<small class="fine"> </small>», où les informations sont disponibles par grandes catégories sur un site et ainsi de favoriser une meilleure contextualité au sein des pages car les seuls liens présents dans la page sont ceux qui concernent directement la thématique ciblé par la page en cours de lecture.</p> <p><img src='https://www.yterium.net/squelettes-dist/puce.gif' width="8" height="11" class="puce" alt="-" /> La mise en avant du contenu en premier via le gabarit proposé par Layout Gala, <br /><img src='https://www.yterium.net/squelettes-dist/puce.gif' width="8" height="11" class="puce" alt="-" /> L'appel du footer qui contient des liens pas essentiels au <span class="caps">SEO</span> via <span class="caps">AJAX</span>, <br /><img src='https://www.yterium.net/squelettes-dist/puce.gif' width="8" height="11" class="puce" alt="-" /> Et tout le travail d'optimisation des temps de chargement de la page</p> <p>sont autant de facteurs positifs pour améliorer la capacité de positionnement d'une page, il n'y a donc ici aucuns facteurs bloquants au <span class="caps">SEO</span> à mon sens,</p> <p>Bravo<small class="fine"> </small>!</p> Ma participation au Webperf-Contest 2010 2011-02-04T23:58:02Z https://www.yterium.net/Ma-participation-au-Webperf#comment50 2011-02-04T23:58:02Z <p>Merci pour la précision<small class="fine"> </small>!</p> Ma participation au Webperf-Contest 2010 2011-01-30T12:41:38Z https://www.yterium.net/Ma-participation-au-Webperf#comment48 2011-01-30T12:41:38Z <p>Non, la règle générale de regrouper tous les js en un seul fichier est bonne et c'est bien ça qu'il faut avoir pour objectif.</p> <p>Mais dans le cas précis du concours, comme tout le reste de la page était optimisé et se chargeait rapidement, le chargement du fichier js unique est devenu limitant, et j'ai donc du le découper en deux. Cela dit c'est un cas extrême et le but était ici de gagner les dernières dizaines de millisecondes.</p> <p>Je pense que dans un contexte de production j'aurai choisi de garder un seul fichier, car c'est tout de même plus robuste et maintenable, et c'était déjà très performant.</p> Ma participation au Webperf-Contest 2010 2011-01-29T23:17:10Z https://www.yterium.net/Ma-participation-au-Webperf#comment47 2011-01-29T23:17:10Z <p>Super article.</p> <p>Par contre ou m'avait persuadé que grouper les css et les js économisait des requêtes et donc c'était plus performant. En fait l'inverse est mieux à cause de la parallélisation des téléchargements par le navigateur. J'ai bien compris<small class="fine"> </small>?</p> Ma participation au Webperf-Contest 2010 2010-12-21T07:57:49Z https://www.yterium.net/Ma-participation-au-Webperf#comment42 2010-12-21T07:57:49Z <p>Bravo Cédric, je crois que la communauté <span class="caps">SPIP</span> te reconnait bien là :-D (Ah mince, moi aussi je l'ai nommé :-X )</p> <p>Pour le reste, c'était quelque peu osé en effet, de shunter le menu d'un point de vue <span class="caps">SEO</span> mais l'aternative proposée me parait à priori cohérente. Maintenant à voir dans la pratique sur un vrai site en prod.</p> <p>Puis à voir la page à optimiser, c'était certainement plus justifié dans ce cadre que pour d'autres site minimisant au max le nombre de liens (pour mieux controller la répartition du «<small class="fine"> </small>jus<small class="fine"> </small>») et pour lequel charger conditionellement un menu est pour le coup un non-sens.</p> <p>Enfin bref, en tout cas merci pour les petits outils mentionnés par ce post, me voila pleins de nouveaux joujoux à tester :-)</p> Ma participation au Webperf-Contest 2010 2010-12-14T10:35:10Z https://www.yterium.net/Ma-participation-au-Webperf#comment41 2010-12-14T10:35:10Z <p>Bravo en tout cas... car ces recherches semblent avoir bien porté leurs fruits<small class="fine"> </small>!<br class="autobr" /> «<small class="fine"> </small>Fastest Onload & start render times<small class="fine"> </small>» avec tout ça... Chapeau :)</p> Ma participation au Webperf-Contest 2010 2010-12-08T22:55:57Z https://www.yterium.net/Ma-participation-au-Webperf#comment37 2010-12-08T22:55:57Z <p>En ce qui concerne le lazy-loading, il y a plusieurs choses à savoir :</p> <ul class="spip"><li> le script généralement utilisé (sur owni que tu cites, mais d'autres media l'utilisent aussi), ne fonctionne plus correctement sur les navigateurs récents. Le résultat est donc que les images sont chargées dès le départ, puis enlevées, puis rechargées. On a donc au final tous les inconvénients cumulés.</li><li> il y a des variantes de réglages qui permettent de le rendre plus discret (notamment un seuil par rapport à la ligne de flottaison, pour anticiper le scrolling)</li><li> il est probablement plus adapté à de petites images qu'à de grandes dont l'absence se remarque plus nettement.</li></ul> <p>En ce qui concerne le statut d'indépendant, il donne la liberté de placer le curseur rentabilité/intérêt comme on le veut à un instant donné, et surtout d'organiser son temps de manière beaucoup plus souple. Cela m'a donc permis de consacrer des journées complètes sur le concours.</p> <p>Tu as toutefois raison de rappeler que cela ne peut être permanent, évidemment, et qu'en moyenne on ne peut négliger totalement la rentabilité du temps.</p> Ma participation au Webperf-Contest 2010 2010-12-08T22:42:02Z https://www.yterium.net/Ma-participation-au-Webperf#comment36 2010-12-08T22:42:02Z <p>Aaaah, le lazy loading et son détestable effet d'affichage des images à retardement<small class="fine"> </small>! Cet effet ne me semble pas gênant ici, alors que je le trouve insupportable sur d'autres sites et blogs (comme <a href="http://owni.fr" class="spip_out" rel='nofollow external'>owni.fr</a>). Sans doute son usage est-il plus adapté à des visuels de catalogue qu'à des contenus éditoriaux illustratifs. Intéressant.</p> <p>Petite considération annexe : je ne suis pas d'accord avec ce que tu dis du statut d'indépendant, qui laisse entendre qu'on y ferait ce qui plaît sans se soucier de rentabiliser... C'est faux : indé et salarié ont pareillement besoin de bouffer<small class="fine"> </small>! On peut simplement considérer que tu as utilisé l'intégralité de ton temps de loisir à ce concours.</p> <p>Merci d'avoir documenté ta participation.</p> Ma participation au Webperf-Contest 2010 2010-12-07T23:53:07Z https://www.yterium.net/Ma-participation-au-Webperf#comment34 2010-12-07T23:53:07Z <p>merci Cédric pour les explications, et bonne chance pour la suite</p> Ma participation au Webperf-Contest 2010 2010-12-07T17:04:27Z https://www.yterium.net/Ma-participation-au-Webperf#comment33 2010-12-07T17:04:27Z <p>Un grand merci pour ce post, vraiment très intéressant (je pense que c'est une des premières fois que je lis un post en bonne partie et avec grand intérêt).</p> <p>Je vais pouvoir mettre en pratique quelques techniques fort intéressantes<small class="fine"> </small>!</p> <p>Encore merci.</p> Ma participation au Webperf-Contest 2010 2010-12-07T16:47:08Z https://www.yterium.net/Ma-participation-au-Webperf#comment32 2010-12-07T16:47:08Z <p>Les gros menu déroulants ne font que proposer des liens directs redondants avec la colonne de navigation présente sur chaque page accessible depuis l'onglet visible. Ainsi la navigation des robots d'indexation n'est pas entravée de ce point de vue.</p> <p>A contrario, en enlevant toute cette partie de <span class="caps">HTML</span> (8ko gzippé), j'ai fait fortement remonter le vrai contenu de la page dans le source, et cela le rend beaucoup plus accessible aux robots d'indexation, et lui donne plus de poids. C'est donc un plus pour le référencement, à mon sens.</p> <p>En ce qui concerne l'iframe, il faut savoir que lorsque celle-ci n'est pas chargée, elle est remplacée par un lien alternatif vers le contenu qu'elle propose, ce qui permet là aussi aux robots d'indexation de retrouver leur contenu. Proposer du contenu dans une iframe est de toute façon un non sens, et elle n'a été conservée ici que pour respecter le règle du concours. Dans la vie réelle, on ferait tout pour s'en débarasser au profit d'une inclusion côté serveur.</p> Ma participation au Webperf-Contest 2010 2010-12-07T15:25:41Z https://www.yterium.net/Ma-participation-au-Webperf#comment31 2010-12-07T15:25:41Z <p>je parle du menu et du iframe que vous avez sauté en les chargeant en ajax, c'est pas un jugement, ce n'est que mon avis :)</p> Ma participation au Webperf-Contest 2010 2010-12-07T12:51:02Z https://www.yterium.net/Ma-participation-au-Webperf#comment30 2010-12-07T12:51:02Z <p>A quels aspects <span class="caps">SEO</span> pensez-vous<small class="fine"> </small>? vis à vis de quelles techniques<small class="fine"> </small>? Je ne suis pas entré ici dans le détail de chaque technique, mais on peut le faire (et j'ai essayé de renvoyer vers des articles plus complet quand c'était possible).</p> Ma participation au Webperf-Contest 2010 2010-12-07T12:44:40Z https://www.yterium.net/Ma-participation-au-Webperf#comment29 2010-12-07T12:44:40Z <p>Merci pour ce post, il y a des techniques intéressantes que vous avez utilisé, mais malheureusement les aspects <span class="caps">SEO</span> sont pas pris en compte.</p> Ma participation au Webperf-Contest 2010 2010-12-07T11:29:45Z https://www.yterium.net/Ma-participation-au-Webperf#comment28 2010-12-07T11:29:45Z <p>Merci beaucoup pour ce post... Je suis impressionné et émerveillé par le nombre de techniques possible pour optimiser une page. J'ai également hate de voir les résultats.</p> <p>Ce concours m'a vraiment permis de re-découvrir le web :)</p> <p>Bonne chance a toi.</p> Ma participation au Webperf-Contest 2010 2010-12-07T11:10:00Z https://www.yterium.net/Ma-participation-au-Webperf#comment27 2010-12-07T11:10:00Z <p>Très interessant comme debrief, il faudrait que je fasse de même.</p> <p>Mettre des versions de basses qualités des images avant de les remplacer par les versions complètes est une très bonne idée, ça me rappelle le principe des «<small class="fine"> </small>Level of Details<small class="fine"> </small>» utilisé en 3D/Jeux vidéos.</p> <p>Idem pour servir une version non-Javascript (ou plutot : servir une version Javascript only sur laquelle tu peux t'éclater à coup de lazyload sans avoir peur de gacher l'experience de tes visiteurs sans <span class="caps">JS</span>).</p> <p>Par contre la façon de charger la page par blocs (à la Facebook comme tu l'indiquais) je n'ai jamais fait, je m'interroge sur la complexité coté serveur pour automatiser une telle technique<small class="fine"> </small>?</p> <p>Charger le <span class="caps">JSON</span> depuis le domaine principal (car les cookies y sont sans doute nécessaire), j'avais oublié ça, tu a raison de le préciser.</p> <p>Sinon, il y a le fait de charger le contenu du menu principal en <span class="caps">AJAX</span> qui me semble «<small class="fine"> </small>dangereux<small class="fine"> </small>». Bien qu'il ne soit accessible qu'avec <span class="caps">JS</span> comme tu l'indiques, en faisant ainsi tu le rends aussi complétement invisible aux moteurs de recherche. C'est un choix que je n'ai pas osé faire dans ma participation.</p> <p>En tout cas, c'était très instructif. Merci aussi d'avoir repris CSSTidy, je participerai à son amélioration.</p>