rage

Je suis d'accord pour laisser tout le monde afficher ce qu'il veut dans les pages, mais ça ne m'empêche pas de trouver certains truc désagréables et has-been :

  • Les barres de navigation en haut/en bas des pages (au hasard : Clubic) : ils sont fixes et on les voit tout le temps. Bravo : sur les écrans pas assez haut, c'est la galère.
    Surtout quand c'est pour ajouter un bouton "déconnecter" ou "bonjour". Merde, on est trop con pour scroller ?
  • Afficher la date et l'heure sur une ligne (quand c'est pas carrément un coucou suisse d'une page de haut…). Merde, n'importe quel OS affiche l'heure, pas une raison de l'afficher en plus sur la page web !
  • Un popup de bienvenu. Bordel, je suis déjà sur ton site, pas besoin de retenir ! En général, les sites à popup je ferme l'onglet avant même d'avoir lu le contenu. Ça me gonfle.
  • Je hais Flash. Encore plus quand je suis du genre à ouvrir 20 onglets d'un coup depuis mes flux RSS. Merde, les solutions pour bloquer le lancement automatique des spot/vidéo/musique de fond/pub en flash sont une bénédiction.
  • Les sites qui détectent les navigateurs, et qui changent la page en fonction. Alors ça, j'ai horreur : ça bug avec certains navigateurs (souvent avec Opera…). Fait chier. Pouvez pas faire un truc passe-partout ?
Bon et pendant que je suis à ronchonner : webmasters, par pitié, indiquez une page de contact sur votre site, qui fonctionne (tant qu'à faire) et accessible même sans avoir à s'inscrire sur le site.
Ça évitera à ceux qui veulent vous envoyer un email de devoir :
  • faire un who.is
  • écumer les forums, et autres blogs
  • demander à votre hébergeur
  • demander à d'autres gens

Rien ne vous oblige a publier votre email comme je le fait : créez une simple page de contact en PHP, donnez un lien Youtube ou Facebook pour vous faire un MP, mais laissez aux internautes la possibilité de vous contacter… (la loi vous l'oblige de toute façon).

Ah, et tant qu'on y est : mettez aussi quelques mots sur les conditions de réutilisation de vos pages : licence CC, "tout droit réservés" ou n'importe quoi - excepté le ©, qui n'a aucune valeur en France - mais affichez quelque chose, s'il vous plait.

image de Amy Mc Tigue

28 commentaires

gravatar
Louis a dit :

Oui, c'est du bon sens après... :)

++

gravatar
Yoha a dit :

J'avais fait une horloge JS dans mon site pour m'amuser une fois dans mes jeunes années :-P . Mais c'était plus pour pratiquer que pour laisser (je l'ai enlevée plus tard).

Par contre, faudrait en effet que je mette mon adresse de contact quelque part. Au fait, les meta ne devraient-elles pas suffire ?

gravatar
Le Hollandais Volant a dit :

Les balises Meta ?
Hmmm… Faut y penser à aller chercher les "informations sur le page", c'est une bonne idée, mais j'ai encore jamais vu quelqu'un mettre son email dans une balise meta :/

Quand aux add-ons, ceux ci sont pour Firefox, et les deux premiers sont géniaux mais ne marchent pas sous Firefox 4.0.1 Portable chez moi.
Du coup je me tape toutes les pubs, comme il y'a 4 ans, quand j'utilisait pas encore les add-ons…

gravatar
Ludo a dit :

C'est bien vrai tout çà. Je rajouterai :
- Supprimer tous les boutons et liens dits "sociaux" qui ne servent à rien (sinon engraisser FB)
- Ne pas oublier de mettre date/heure de chaque post (sur les blogs en particulier)
- Faire des champs de formulaire suffisamment grands
- Ne pas mettre des nuages de tags complétement inutiles (voire pire)
- Ne pas obliger à activer les cookies pour visiter le site
- Ne pas utiliser du javascript dans les menus
- Ne pas rafraîchir automatiquement les pages
- etc, etc...

gravatar
Yoha a dit :

- Supprimer tous les boutons et liens dits "sociaux" qui ne servent à rien (sinon engraisser FB)

Je me sers de ABP pour ça avec les règles:

||api.flattr.com^
||stats.wordpress.com^
||s7.addthis.com^
||w.sharethis.com^
||ping.chartbeat.net/ping?h=
*.sitemeter.com^
||noowho.com^
||static.addtoany.com^
||feeds.delicious.com^
||c.statcounter.com^
||statcounter.com^
||cdn.topsy.com^
*.xiti.com^
^botd.gif?
||perso0.free.fr^
||www.google.com/buzz/
||www.google-analytics.com^
||static.chartbeat.com^
||api.tweetmeme.com^
||platform0.twitter.com^
||platform.twitter.com^
||www.facebook.com/plugins/
||connect.facebook.net^
||api.ak.facebook.com^
||api.facebook.com^
||widgets.fbshare.me^

(je suis un peu bourrin)


- Ne pas oublier de mettre date/heure de chaque post (sur les blogs en particulier)

Ainsi que l'année !


- Faire des champs de formulaire suffisamment grands

Grâce à Firefox 4, les textarea ne posent plus problème. Je n'aime pas les scripts JS de redimensionnement intégrés dans la page soit dit en passant.


- Ne pas mettre des nuages de tags complétement inutiles

Je présume que ça sert aux moteurs de recherche et éventuellement pour avoir un rapide aperçu des sujets abordés. Perso, je n'y fais pas spécialement attention.


- Ne pas obliger à activer les cookies pour visiter le site

Je passe mon chemin généralement dans ce cas. Je n'aime pas non plus les cookies nécessaires pour les captchas et similaires (mais c'est plus difficile de faire sans).


- Ne pas utiliser du javascript dans les menus

D'ailleurs CSS suffit amplement la plupart du temps.


- Ne pas rafraîchir automatiquement les pages

Je hais les sites qui font ça. Surtout quand je fais une analyse de traffic à côté…

gravatar
Le Hollandais Volant a dit :

Je présume que ça sert aux moteurs de recherche et éventuellement pour avoir un rapide aperçu des sujets abordés. Perso, je n'y fais pas spécialement attention.

Concernant les nuages de tag en Flash/JS, je pense pas que ce soit spécialement apprécié des moteurs de recherche non plus.

Concernant les cookies, d'un coté je veux bien qu'il ne faille pas en abuser, mais de l'autre les cookies font partie des langages Web.
Il n'y a aucune honte à en utiliser. J'avais proposé au CMS « Pluxml » d'intégrer des cookies pour remplir les formulaires (nom, site, email) pour les commentaires, mais ils ne sont pas trop d'accord. C'est leurs choix, mais je trouve ça un peu idiot.

Je vois pas en quoi un fichier texte avec une ligne dedans est intrusif. Au contraire, bien utilisé il aide.

Après, il semble que l'Europe voulait obliger tous les sites à demander confirmation à l'internaute avant. T'imagine, de faire 5 fois "OK" avant de vouloir lire n'importe quel site ?

- Ne pas rafraîchir automatiquement les pages"

Ça c'est chiant aussi. Font chier quand tu rédige un commentaire un peu long, et que la page se rafraîchi et qu'on perd notre commentaire.

Mais je pense que les navigateurs peuvent empêcher les redirections <meta>.

"- Faire des champs de formulaire suffisamment grands"

Voui, d'accord.
Chrome & Firefox permettent un redimentionnement maintenant. Opera n'a pas encore implémenté cette fonction CSS3.
Mais faire un truc par défaut qui est assez grand, ni trop c'est pas facile (pour m'y frotter à chaque thème que je crée…).

gravatar
Yoha a dit :

Concernant les nuages de tag en Flash/JS, je pense pas que ce soit spécialement apprécié des moteurs de recherche non plus.

Je vois mal en JS oO'. Pour le flash, ça rejoint le problème du Flash :-P .


Concernant les cookies, d'un coté je veux bien qu'il ne faille pas en abuser, mais de l'autre les cookies font partie des langages Web.

Bien sûr, mais l'idée est que le site devrait pouvoir fonctionner même s'ils sont désactivés par le client. L'auto-remplissage n'est pas gênant puisqu'il n'empêche pas le remplissage manuel.


Après, il semble que l'Europe voulait obliger tous les sites à demander confirmation à l'internaute avant. T'imagine, de faire 5 fois "OK" avant de vouloir lire n'importe quel site ?

Personnellement, j'ai désactivé les cookies par défaut et je fais des exceptions. À la main en ce moment car Extended Cookie Manager n'est pas compatible Fx4.0.1 . Je suis en train d'en chercher un autre qui fasse le même genre de chose (gestion des autorisations pour les cookies).


Mais je pense que les navigateurs peuvent empêcher les redirections <meta>.

Webdevelopper toolbard > Désactiver > Désactiver les redirections meta


Mais faire un truc par défaut qui est assez grand, ni trop c'est pas facile (pour m'y frotter à chaque thème que je crée…).

je comprend ce que tu veux dire mais, à partir de 8 lignes et d'une cinquantaine de colonnes, je pense que c'est supportable.

gravatar
Guenhwyvar a dit :

Chrome & Firefox permettent un redimentionnement maintenant.
On peut toujours l'empêcher en CSS avec « resize: none; », cela dit…

Personnellement, j'ai désactivé les cookies par défaut et je fais des exceptions.
C'est quoi l'intérêt ?

gravatar
Le Hollandais Volant a dit :

De pouvoir choisir les sites qui peuvent faire cookies, et lesquels.
C'est une liste blanche.

Mais presque tous les sites utilisent des cookies… c'est pas ennuyeux, au début de tout filtrer ?

gravatar
Yoha a dit :

On peut toujours l'empêcher en CSS avec « resize: none; », cela dit…

Faut vraiment en vouloir à ses utilisateurs…


Personnellement, j'ai désactivé les cookies par défaut et je fais des exceptions.

Pour pas avoir 2000 fichiers sur mon DD dont j'ai rien à faire et qui permettent à des entreprises de faire du suivi sans que je le veuille.

gravatar
Yoha a dit :

Mais presque tous les sites utilisent des cookies… c'est pas ennuyeux, au début de tout filtrer ?

Les sites qui ont besoin de cookies pour la navigation, je préfère les zapper, ou alors je passe dans une instance de Firefox à navigation privée quand c'est important.

Quand j'ai besoin des cookies pour me logger, publier des commentaires, etc, je met le site dans ma liste blanche.

gravatar
Le Hollandais Volant a dit :

"On peut toujours l'empêcher en CSS avec « resize: none; », cela dit…"
Faut vraiment en vouloir à ses utilisateurs…

Dans ce cas, les user-css permettent de forcer la remise en redimentionnement des formulaires^^

Suffit de mettre « textarea, input { resize:both!important; } » dans le fichier des user-css. Comme ça…

Sous Opera et Firefox (les autres je sais pas), on peut forcer cela sur tous les sites, ou au cas par cas.

Comme ça : user 1 - 0 webmaster :D

gravatar
Yoha a dit :

Ta page est déjà très lourde à charger: 1300kB au total (cet article avec les commentaire prend 45kB).


18 requêtes. 2,470 secondes.

Comme tout le monde, j'avais mis cet affichage en place moi aussi. Je n'en vois d'une manière générale pas l'intérêt pour le visiteur mais ça montre quelque chose: ta page fait un nombre impressionnant de requête pour un simple index et prend un temps démesuré juste pour sa génération ! En somme, tu y as mis beaucoup beaucoup trop de choses. Le lecture n'ira de toutes façons pas au-delà des premières lignes…

Concernant le JS, j'ai vu pas mal de balises <script /> dans ton <head />.

Une fois le problème de poids de la page passé, c'est correct.

gravatar
Le Hollandais Volant a dit :

Concernant le JS, je conseille de tout mettre en bas du code HTML.
Ce ne sera pas forcément plus rapide (quoi que : les fichiers JS sont chargés à la suite, et non en parallèle), mais ce que l'internaute veut, c'est du contenu et non des scripts destinés au navigateur.

Ensuite, l'image "bienvenu" c'est un peu inutile. Plutôt faire un lien "aide". Surtout que l'image GIF fait 200ko (soit 15% du poids de la page à elle seule).

Après je changerais l'ordre des éléments sur le coté : la boite "inscription", je la placerait en haut pour être plus visible.

Après, ça relève du Design que je ne veux pas juger.

Mais si tu veux quelques astuces, http://lehollandaisvolant.net/tuto/pagespd/

gravatar
Yoha a dit :

Personnellement, je préfère avoir le moins de possible de <script src="…" /> dans le <head />. Après c'est au navigateur de voir si et quand charger les fichiers correspondant. Au moins Lynx, par exemple, n'a pas à se charger de code inutile.

gravatar
Le Hollandais Volant a dit :

Ouais mais lynx c'est un peu limité quand même…

Après c'est aussi au webmaster de faire son truc et de maitriser au mieux son job.
La page d'accueil de Google : il n'y a pas une seul retour à la ligne dedans. C'est pas spécialement propre, mais c'est une manière de faire.

Sur un de mes forums, je viens de réduire le poids de la page d'accueil de 15% (en jouant sur les images + le code source accessible).

gravatar
Yoha a dit :

J'aime utilisé Lynx pour caricaturer :-P . Pour Google, ils «optimisent» leur code au sens où cela le rend le plus compact possible (voir Page Speed).

gravatar
Sans pseudo fix a dit :

Bien vu ! En général, les erreurs mentionnées sont dues à la jeunesse dans la conception de site ; je me prends pour exemple, au fil du temps, je fais des trucs plus sobres (éviter les header ou background super stylisés, mais finalement d'un goût douteux par exemple). Mais j'ai encore du chemin à faire =D
Par contre, les nuages de tag peuvent servir de "menu" ;)

gravatar
sir.chamallow a dit :

Les commentaires de ce blog sont aussi intéressant que le billet de l'auteur. c'est rare.

Pour le Flash, je ne sais pas si le HTML5 fera vraiment en sorte de changer la donne (en bien) mais au moins je verrais pas mon processeur prendre d'un seul un coup de speed et saturer comme un porc à l'abbatoir. Même sous linux mon pc portable hurle à la mort A CAUSE du Flash.

Après pour le cookies, il me semble que la fondation Mozilla à inclus dans Firefox4 un module (qui si tu l'actives) Fait en sorte que ton empreinte ne soit pas gardé. toujours pour firefox il existe le plugin Ghostery qui s'attache à tuer tout les traceurs. ca pompe sur le proc par contre.

enjoy !

gravatar
flop25 a dit :

merci ^^

en fait le plugin de minification/combinaison de js et css a récemment buggé pour bcp d'utilisateur donc du coup je me retrouve avec plein de requete au serveur -et place tout en head- ... qui se trouve au canada donc long à charger

gravatar
Anonyme a dit :

Tout à fait d'accord avec ce billet...

gravatar
Yoha a dit :

Au fait, je suis fan de ta classe CSS «pikachu».

gravatar
Le Hollandais Volant a dit :

merci :-)
J'ai trouvé que ça collait bien avec le caractère unicode :)

(des caractères unicodes sympa, y'en a d'autres en bas de cette page. Je précise que c'est uniquement pour l'esthétique et la définition que ces caractères sont là, et non pour leur éventuel signification politico-religieux. Je précise au cas où…)

gravatar
Yoha a dit :

La trifoce et le clavier en Unicode *_* . C'est beau. Au passage, ツ est le katakan pour «tsu» (vérifié avec Scim, je ne connais toujours pas mes katakanas :-° ).

gravatar
Yoha a dit :

Ah, et «dérière» :-P

Les commentaires sont fermés pour cet article