Homo Sapiens Internetus : évolution 2.5


Comme prévu, ces 2-3 derniers jours ont vu apparaitre quelques petites modifications et nouveautés sur le blog. Vous vous en êtes peut-être aperçu si vous êtes passé par ici à un moment de test ou de coupure temporaire. Même si j’ai essayé de faire tout ça le plus discrètement possible il y a eu des moments de ralentissements, voir des plantages complets ( oui j’ai bourdé une fois ou l’autre mais ça n’a pas duré :) ).

Pas de gros changements non plus puisqu’il s’agissait plus d’un affinage du thème que d’un changement complet.

Un menu plus complet :

La première chose que j’ai améliorée est la navigation générale du blog, particulièrement le menu horizontal principal. Outre les différentes pages il propose maintenant quelques catégories représentatives de ma ligne éditoriale. Ces liens vont s’affiner au fur et à mesure en fonction des thématiques les plus souvent abordées sur le blog. Plus besoin donc de passer via la sidebar, les archives ou une quelconque liste.

Homo Sapiens Internetus : évolution 2.5

Blogroll :

Je n’ai jamais apprécié la soi-disant incontournable liste de liens amis, pas sous la forme classique en tous cas. Sincèrement si je regarde sur 1 an, je n’ai que très rarement cliqué sur un lien présent dans une blogroll collée au fin fond d’une sidebar. Je trouve que ça ne donne aucune visibilité aux blogs concernés, pas un minimum d’explication sur la nature du lien, rien quoi ( oui je sais le fabuleux lien qui donne du PR est plus important pour beaucoup de monde ).

Homo Sapiens Internetus : évolution 2.5

La blogroll c’est quoi au fond ? C’est la liste des blogs et sites que vous aimez bien non ? Je trouve que ça vaut bien une petite page dédiée, avec une petite description ( j’ai repris la baseline lorsqu’il y en avait une ) et même une petite image pour bien les distinguer entre eux.

Colonne latérale :

Pas énormément de chose ici si ce n’est une harmonisation des petites bannières servant à mettre en avant diverses choses : les archives, le billet au hasard et la possibilité d’annoncer.

Homo Sapiens Internetus : évolution 2.5

Pied de page :

Ici j’ai décidé de redistribuer un peu la donne en optant pour plus de simplicité, moins de liens et surtout une taille moins imposante. Finit donc la liste des 10 derniers billets ( puisque vous pouvez les retrouver dans le module Feedsplush en bas de sidebar ), finit le calcul du nombre de requêtes, finit les boutons annuaires ( qui sont passés sur la page « A propos » ). Bonjour une Creative Commons. Elle ne servira à rien comme telle mais je compte bien la faire valoir quand ce sera nécessaire, disons que comme ça j’ai la conscience tranquille ;)

Articles :

Quelques modifications significatives également. Tout d’abord une meilleure gestion des niveaux de titre ( h3, h4, h5, h6 ), maintenant ils sont plus facilement différentiable entre eux. Suppression du bouton Scoopeo qui ralentissait régulièrement l’affichage des pages à chaque fois que le service était inaccessible ( de plus en plus régulièrement dernièrement ).

J’ai également allégé la zone entre la fin du billet et les commentaires. Auparavant vous aviez 2 « encarts », celui des soumissions aux diggs et des infos générales ( toujours présent ) et celui proposant les billets similaires. Cela faisait un peu « lourd » à l’oeil et ce n’était pas forcément bien pensé car les billets complémentaires étaient du coup assez loin de la fin de l’article. Ce n’est plus le cas maintenant puisque les billets similaires sont directement proposés sous l’article, il est donc plus facile de trouver du complément d’information à ce que vous venez de lire ( et c’est bien là le but premier de cette section ).

Homo Sapiens Internetus : évolution 2.5

Là ou n’était présente que la seule bannière pour s’abonner à mon flux RSS et grâce au plugin WP-Ads ( merci Aurélien pour l’info ), vous pouvez maintenant voir plusieurs informations de manière rotative : flux RSS, univers Netvibes, …

Commentaires :

L’amélioration la plus notable est l’ajout du plugin TinyMCE qui vous propose de mettre en forme vos commentaires de manière plus simple que de devoir directement utiliser des balises HTML. J’ai décidé de l’installer suite aux nombreuses difficultés que certain rencontraient pour mettre des liens valide.

Homo Sapiens Internetus : évolution 2.5

De plus j’ai allégé la lecture des interventions en supprimant l’encadré autour de chacun des commentaires, c’est plus léger. Le bug ne permettant plus de suivre une discussion sans poster devrait également être résolu ( j’ai fais 1-2 test et ça semble ok mais si vous rencontrez un soucis quelconque => petit mail ).

Optimisations diverses :

Outre d’avoir retiré le bouton Scoopeo, j’ai fais au mieux pour optimiser l’affichage : Optimisation des CSS ( quelques Ko de gagné ), optimisation des images ( encore quelques uns ), petites optimisations de la base de données, code valide W3C, … enfin code valide pour le thème en lui-même, il subsiste quelques erreurs dues aux éléments externes : plugins ( WP-polls pour les 3 seules erreurs CSS par exemple ), bannière pub, bouton Additious, … mais bon je ne me sens pas l’âme d’un chevalier du code au point d’avoir envie de rendre le tout propre à chaque mise à jour des plugins, chaque modif de bannière ou boutons divers, etc

Il reste des points bloquant pour que tout soit parfait, c’est le cas par exemple des plugins à base d’ajax ( la prévisualisation des commentaires, le décompte permettant de les modifier endéans X minutes, le dépliage des archives ), des widgets MyBlogLog et Feedsplush ou de la bannière Firepow. Mais je trouve qu’ils apportent un petit plus c’est donc un choix que de les laisser, ne devenons pas parano non plus :)

Version mobile :

Si vous vous connectez directement depuis un téléphone mobile ou un Iphone, vous devriez maintenant avoir une version automatiquement adaptée. C’est une version simple et sans fioritures. J’avais déjà un lien vers une version mobile dans la colonne latérale mais pour l’activer il fallait d’abord charger la page ( pas forcément légère en plus ) et aller chercher le bouton. Je tenais donc à mettre à disposition un moyen plus rapide et économique en data.

Homo Sapiens Internetus : évolution 2.5

Cela devrait donc être fonctionnel, les photos montrent ce que ça donne sous Iphone et sous Blackberry Curve ( merci à Philippe pour avoir testé ça pour moi vu que je n’ai pas de smartphone ou autres pour le faire moi-même ). Si vous avez d’autres modèles et que cela fonctionne ( ou pas d’ailleurs ), n’hésitez pas à me le dire afin que je puisse voir quels sont les modèles compatibles ou pas.

A chaque nouvelle connexion vous devriez voir un petit message « Mise à jour! » si j’ai ajouté du nouveau contenu. Tout n’est peut-être pas encore francisé mais sans pouvoir vérifier au fur et à mesure par moi-même je n’ose pas trop en faire de peur de planter l’affichage ;) Je suis content de cette nouvelle option car je voulais vraiment proposer un accès simplifié pour les terminaux mobiles qui vont sans cesse en progressant.

Voilà je pense que c’est à peu près tout ce qu’il y a de nouveau. Il y a également une meilleure intégration des bannières pubs, l’ajout des liens direct vers les mois et les rubriques sur la page Archives, des suppressions d’infos redondantes ou de liens inutiles, … mais rien de bien méchant. Comme d’habitude si vous voyez quelque chose qui ne semble pas normal vous pouvez me le mentionner en commentaire.

Bon allez maintenant je peux reprendre le rythme de publication et commencer à réorienter mon second blog, Usearch, qui n’en sera plus vraiment un bientôt :) ( je vous en reparlerai bientôt )

 
  Flux RSS des commentaires
 8 commentaires
  1. Bravo Arkan !!
    Du bon boulot comme d’habitude…   La manière dont tu analyses ton blog et cherche à l’optimiser est un exemple pour beaucoup.  Et, c’est là où le bât blesse, il y a toujours moyen d’optimiser :)
    J’ai regardé un peu ton source code…  Ouahh !!! Y a vraiment beaucoup de javascript…  As tu fais une évaluation avec YSlow ??  Il te dira surement « faut compresser le javascript », « faut mettre le javascript inutile en bas du footer », « utilise la méthode CSS Sprite pour les images », bref, on n’a pas fini…
    Sinon, je regrette que tes récents articles soient si bas dans le sidebar… Je préférais avant, dans le footer pour dire de concurrencer avec les plus populaires…  Là, je trouve qu’ils sont un peu perdus, pas en haut et pas en bas, bref, ch*ant à trouver – surtout qu’il n’y pas de navigation « Suivant »/ »Précédent ».
    Enfin, un petit « En bas de page » identique à « Retour en haut de page » serait apprécié (cela m’évitera de me casser les doigts sur la roulette à chaque fois).
    Et pourquoi la bannière « Devenez partenaire et annoncez sur ce blog » va sur ton compte Twitter.
    A+

    PS. Oups, un peu d’espace entre les paragraphe , cela serait cool

    Dernier billet de Peperuka ..Rien à se mettre sous la dent !!

  2. Merci de ton retour Peperuka ;)
    En effet j’aime bien partager un peu mes réflexions sur les raisons qui me font faire des modifs car c’est toujours enrichissant de permettre aux lecteurs de me dire si je me trompe sur un point ou l’autre ;)

    - Pour le lien de la bannière partenaire c’est corrigé (bug de copié-collé ^^)
    - Pour le Js c’est une des choses qui reste à regarder en effet. Pour le moment j’ai surtout regardé le CSS et le HTML avec lesquels je suis plus à l’aise. Je vais voir ce que Yslow me dit et voir si tout est encore utile. A la base j’avais plus de fonctions Js dans le thème de base mais j’ai tellement remanié les choses que p-e tout n’est plus utilisé :)
    - Le widget des derniers articles j’ai hésité à carrément le supprimer ^^ J’aime bien Splush pour sa capacité à mixer les flux de plusieurs blogs (tu peux naviguer avec la double flèche en bas) mais je vais p-e opter pour un autre système qui présenterait les 5 derniers billets d’une catégorie tirée aléatoirement.

  3. Bon, je pige que dalle à la technique, mais c’est assez joli.

    Pour le Blogroll, j’ai justement lu un article qui en prédisait la mort …

  4. Bon travail ! Les nouveautés sur le thèmes sont très bien pensées et ne font que aimer encore plus ce blog !

    Formidable boulot ! :-)

  5. @Barthox >> Arf je participe à la mise à mort de la Blogroll … zut :)

    @Jean-Baptiste >> Merci :)

  6. Ben, en tant que lecteur, j’aime pas ce Splush…  C’est très long à télécharger, premièrement..  J’avoue que l’effet accordéon est sympa mais sinon, l’horreur est que le lien n’est pas direct, il m’envoie chez FeedaSplush.com qui fait un redirect vers ton Feedburner qui lui même fait un redirect vers l’article.  Bref, 2 redirects pour retourner sur ton site – un peu trop à mon goût, je pense.
    Le blogroll est mort à cause de l’abus des « nofollow » sinon il serait vachement utile.
    Alors, ce YSlow, effrayant ???
    A+

  7. Si Splush est lent alors oui ça pose un soucis ;) J’ai eu beau faire pleins de tests ça me l’a toujours chargé super rapidement mais c’est vrai que p-e ce n’est pas le cas sur des connexions ailleurs de part le monde :) Dans tous les cas je vais surement le remplacer par autre chose (soit via un plugin WP, soit via un bout de code direct).

    Alors Yslow m’a permit de voir d’où venait le plein de Js, c’est tout simplement dû aux plugins à base d’Ajax que j’utilise. Principalement celui des sondages mais aussi celui des archives déroulantes, l’édition des commentaires, la prévisualisation, l’effet lightbox, … va falloir que je regarde pour alléger tout ça en effet ;)

  8. En trois/quatre étapes, mais c’est vraiment pas évident…
    1/ Aller dans chaque plugin et enlever les <script></script> (ceux insérés dans le header à l’aide de la fonction add_action(‘wp_head’,  »))
    2/ Regrouper tous les scripts dans un seul et unique fichier et l’appeler une seule et unique fois dans le header, et tester
    3/ Si cela marche, après voir s’il y a possibilité de mettre du javascript dans le footer afin d’accélérer le téléchargement de la page.
    Bon casse-tête !!

 Laisser un commentaire

Les commentaires postés par des personnes utilisant des pseudos "SEO" seront remplacés et le lien vers leur site retiré.




Commentaire