L'omniprésence de linktr.ee dans les bio instagram et autres me dépite au plus haut point. Il s'agit d'une page web, avec une image de profil et un certain nombre de liens sélectionnés par la personne (souvent un ou une créatrice sur le web).

Une image de profil, quelques liens, c'est tout ! Ces pages font 1 à 2 mo et mettent 3 à 7 secondes à charger sur mobile.

D'autant que la plupart de ces personnes ont leur propre site web.

#linktree #linktreealternatives

Les utilisateurs jeunes sont, je pense, très très familiers de ces pages de liens car c'est devenu la norme pour permettre de mettre un lien unique vers une page "portail" sur les profils de réseaux sociaux qui ne permettent de mettre en avant qu'un seul lien. L'idée est au final pas bête, ça évite de faire charger votre site web complet à quelqu'un qui cherche juste le lien de telle ou telle autre chose que vous avez mise en ligne
Si je devais donner un cours d'initiation basique au développement web et à l'hébergement de site, je ferais je pense créer une page alternative à linktr.ee à mes élèves : ça pourra leur être utile en leur apprenant à structurer une page simple et à l'héberger, et par ailleurs ça permettra de démontrer que passer par une grosse boîte n'est pas systématiquement synonyme de meilleure expérience pour l'utilisateur final

Ce sera l'occasion au passage d'aborder la question de la performance, de l'écoconception et des basiques du web qui fait preuve d'un peu de bon sens.

Si on revient à quelque chose de radical et cohérent, il n'y absolument aucune raison qu'une page qui consiste en une image et quelques liens fassent 1mo, collecte des données, requiert l'utilisation de cookies de tracking, aille faire des requêtes chez google, et j'en passe...

Et histoire d'allier la parole à la pratique, j'ai pris 1 heure pour mettre en ligne ma propre page d'arbre aux liens : http://liens.julianoe.eu.org
Je n'ai pas fait d'effort d'optimisation, j'ai juste fait comme ça venait.
Bilan :
⚖️ 0.05mo vs 1.5mo
⏱️ 0.6s vs 6.4s (la page charge complètement en 0.3s sur connexion 3G)

Je vous encourage évidemment à faire de même si ça peut vous être utile.

@Julianoe | Arbre à Liens

À gauche mon code, à droite le code généré par un framework qui n'utilise que très peu de balises sémantiques HTML et qui génère un tas de classes CSS aux noms illisibles, et à l'utilité discutable puisqu'il s'agit juste d'afficher 1 image, 1 titre, et quelques liens.

Je précise que je n'ai pas (pour l'instant) reproduit leur interface de "partage". Si on en croit les stats ce genre de fonctionnalités est utilisé en général par 0.1 à 1% des utilisateurs de toutes manières.

Aujourd'hui je découvre que Squarespace a aussi son propre service alternatif à linktree ça s'appelle "biosite" https://biosites.com/
Bio Sites — Link In Bio — Squarespace

Share everything you link to online with Bio Sites. Create your Bio Site and share it in your link in bio on Instagram, TikTok, and other social media.

@Julianoe j'en ai fait un pour ma compagne, je sais même plus en quoi :
https://photodesigner.fr/
Home | Photo Designer Prints

Photodesigner Prints

@Julianoe Tiens c'est marrant ça je pensais justement à faire une page avec plein plein de liens un de ces jours !
Jvais m'y essayer et je posterais les stats ici :)
@Julianoe c'est une excellente idée 👍
@Julianoe tout ça le donne envie de lancer une alternative libre à linktree. Logiciel libre, et bien sûr trouver une solution à ce temps de chargement complètement déraisonnable
@Poslovitch je pense que le temps de chargement déraisonnable vient de la structure : ils ont des millions d'utilisateurs, qui engrangent des dizaines de millions de visiteurs. Ils capitalisent sur les données utilisateurs pour monétiser le tout. Donc usine à gaz. Ils ajoutent des fonctionnalités accessoires pour justifier de leur existence et sécuriser leur user-base.
Il est presque difficile de faire aussi lourd avec du fait maison.
@Poslovitch la question d'une alternative étant : comment faire le plus simple possible ? Comment faire quelque chose qui est plus efficient que simplement enseigner à l'utilisateur comment éditer 3 lignes de HTML et changer 2-3 paramètres (couleurs principalement) de CSS. Pour moi l’enjeu est surtout là.
Une UI qui permet d'éditer à la volée depuis mobile est la cerise sur le gateau mais ça alourdit le système direct. Les générateurs de sites statiques ont un rôle à jouer à mon avis.

@Julianoe Nous sommes d'accord !

Ce qui est aberrant, c'est la lourdeur du chargement du linktree alors, qu'au "pire", c'est de l'HTML, CSS, du JS pour les analytics et quelques images.

Mais ils capitalisent surtout sur le service qu'ils apportent autour de ça : interface d'édition (probablement), hébergement, analytics.

Là où utiliser un générateur de site statique peut passer pour la majorité des péons, l'hébergement est souvent un no-go. C'est là où une asso/coop pourrait jouer un rôle :

@Julianoe Proposer un service similaire, mais en faisant attention ET en éduquant l'utilisateur sur les questions : d'accessibilité (alt pour les images, choix des couleurs), de respect de la vie privée (service hébergé en Europe, RGPD donc pas d'analytics à tout va), de sobriété (réduire le nombre d'images, éviter les vidéos, ...).

Et qui dit service réalisé avec des logiciels libres dit souvent que l'argent part dans le développement ou la solidarité, pas dans la poche d'hommes véreux

@Poslovitch @Julianoe je me permets de m'incruster, mais il y a Linkstack qui fais un peu ce job, avec différentes instances et un logiciel open source 🤔
@Poslovitch @Julianoe

Il y a au moins Digibunch de #ladigitale qui marche très bien: https://ladigitale.dev/blog/digibunch-pour-offrir-des-bouquets-de-liens-a-vos-apprenants

Expérience parfaite depuis le tel, rapide mais je ne peux pas voir le poids des pages depuis le tel.
Digibunch, pour offrir des bouquets de liens à vos apprenants - Le Blog by La Digitale

Digibunch est un outil simple pour créer des bouquets de liens à partager avec vos apprenants ou vos collègues.

@Julianoe #linkstack en est une version #libre et open-source, à voir si une prochaine étape serait l'amélioration de ce commun ;) vers plus de sobriété ?

https://linkstack.org/

LinkStack - Self-hosted open-source Linktree alternative

LinkStack provides you with a website similar to Linktree. Many social media platforms only allow you to add one link, with this you can simply link to your LinkStack page and have all the links you want displayed on one site. You can share all your links to your social media platform or important links to easy accessible and hosted on your own web-server or web-hosting provider. On this website, other users can register and create their own links, you can access other user via the Admin Panel.

LinkStack