Tweet

Salut à tous,

je viens de mettre en ligne une nouvelle version de mon site internet.

Je vous laisse juger !

http://www.eatmylens.com/

Pour info:
Nom de domaine OVH avec 10Mo d'hebergement gratos
J'ai donc utilisé flogr pour créer le site qui fonctionne en lien avec flickr. Le poids du site sur le serveur fait environ 1.1Mo ...

Bonjour,

Présentation sobre et de jolie photos ;-)

Bonne continuation pour personnaliser ton site

Merci pour le retour,
je viens de changer le logo facebook qui prenait un peu de place.
Je suis en train de voir pour faire un random de la photo d'acceuil lors de l'arrivée sur le site...

très pro, superbe

Très sympa, mais je trouve que les images auraient gagnées à être un poil plus grandes pour qu'on puisse profiter du spectacle sur grand écran (là ça fait un peu rikiki, même si on agrandit la miniature)
Félicitations pour le travail photographique, c'est uin vrai plaisir pour les yeux.

Bonne présentation & simple......belles photos....bravo !
J'aime bien !

Merci pour vos retour.
Je choisi de garder mes photo en 800px, c'est vrai que sur grand écran, c'est dommage, mais on ne sais jamais qui peut récupérer les photos.

Bonne journée à tous !!

J'ai découvert ton site par le biais d'une autre discussion et je lui trouve très bien pensée l'idée de le connecter à un compte Flickr. J'y ai notamment découvert quelques hôtels sympa (Honeymoon Petra) sur les îles grecques, mon petit moment d'évasion...

Bien argumenté par le risque de récupération, je ne conteste pas le choix de la taille des photos...

Merci ! C'est vrai que c'est bien pratique la connection à FLickr !

Je viens de refondre completement mon site, donc si vous avez des avis, ca m'interesse.
Y'a encore quelques modif à faire, mais l'essentiel est la.
Et toujours même principe, je recupere mes photos de flickr pour les injecter dans le site.
http://www.eatmylens.com

Salut sowlow (yan?),
D'abord félicitations pour ton site, il est bien fait et il a eu le mérite de me faire découvrir flogr (une piste que je vais creuser).

Mais bon en tant que webmaster je l'ai passé à la moulinette pour voir ce qui peut être amélioré. Tu en fais ce que tu veux hein, ça n'enlève rien à la qualité du site lui-même mais ça peut permettre d'optimiser pas mal le site pour pas un centime.

1. tu as une image qui subit un scaled html : http://www.eatmylens.com/_include/img/profile/me.jpg ; tu peux la réduire à 620x187.
2. tes images provenant de flickr ne sont pas optimisées, tu as entre 30 et 40% de compression sans perte à réaliser dessus. Tu peux utiliser smush-it pour régler ça, ou avec photoshop. (Losslessly compressing)
3. si tu as accès au fichier .htaccess sur ton hébergement je te conseille de régler ça : Leverage browser caching ; ça fera gagner énormément de vitesse à tes visiteurs qui reviennent sur le site
4. tu peux minifier tes css et javascript, c'est toujours ça de gagné.
5. Maintenant le cas facebook, un peu plus long celui-là... Ton site fait déjà beaucoup de requêtes vers des sites distants (DNS lookups) pour récupérer entre autre les images sur flickr. ça ralentit pas mal le site mais c'est comme ça qu'il a été construit et que tu le voulais donc no-soucy.
Par contre tu as un module facebook en bas de page qui récupère des commentaires + les photos de profil... et lui je suis pas sûr qu'il apporte beaucoup de chose au site si ce n'est le ralentir. Tu as déjà la likebox dans la barre de menu + tes réseaux sociaux FB + Twitter en bas, penses-tu que ça apporte un plus à ton site d'avoir cette liste de commentaires?
L'utilisation de ce genre de module est assez controversé vis-à-vis du gain qu'ils apportent en comparaison à ce qu'ils te coûtent sur le site. A toi de voir si tu veux le maintenir ou pas.

Dans tous les cas, le travail sur les images va considérablement alléger ton site et lui faire gagner en vitesse car c'est un quart du poids de la page qui va partir sans perte

Cordialement, Guillaume

Salut Guillaume !
un grand merci pour ton retour ! (sowlow=edouard )
Flogr, je l'utilisais sur l'ancienne version du site, ici j'ai tout repris de a à z: j'ai telechargé un template html5 déja tout fait, que j'ai modifié petit à petit.
Pour charger les images flickr, j'utilise un script php qui m'identifie à mon api flickr.

Je vais reprendre les points que tu m'a décrit:
1=je viens de réduire l'image, merci !
2=les images qui viennent de flickr sont dans la résolution dans laquelle je les ai uploadées sur flickr. Après, quand je les appele avec le script, j'ai le choix de demander telle ou telle taille via l'api. Mais je vois pas comment je pourrais les compresser une par une ??
3=je vais regarder pour le Leverage browser caching , ca m'a l'air une bonne idée effectivement
4=ca charge bcp plus vite ca ? ok !
5=tu a raison, je viens de virer la comment box pour laisser uniquement le lien vers mail+fb+twitter.

+j'ai modifié la taille des miniatures des albums, pour que ca charge plus vite, c'est pas trop petit la ?

sinon je galere encore pour charger le titre des photos dans la fancybox. Et je galere aussi pour mettre le fond plus opaque à l'ouverture de ma fenetre modal quand on clique sur un album + définir un parametre pour ne plus pouvoir scroller le background ...

Merci encore Guillaume pour toutes ces remarques plus que constructives !

Impec, du coup il faut que tu corriges le lien du CONTACT dans le menu car il pointe sur rien à présent

Les CSS et JS à minifier c'est vraiment du détail en comparaison de l'optimisation des images. Surtout pense à en enregistrer une sauvegarde non compressée si tu veux faire des modifs dessus.

Bonjour à tous,

j'ai passé un peu de temps pour modifier mon site (encore et encore), et j'ai adapté un autre script qui injecte mes photos flickr dans mon site. Du coup pas de mise à jour à faire, dès que j'ai des nouvelles photos sur flickr, ca se charge directement sur le site!

Le point négatif: un peu long au chargement, mais je trouve le design sympa. J'ai fait hyper simple, normalement c'est facile à naviguer ?? Vous en pensez quoi ?

www.eatmylens.com

Cette version du site est très belle et la navigation est assez aisée.

J'ai pas repassé ton site à la moulinette comme la dernière fois (mais je peux le refaire si tu en as besoin).

Deux points à noter tout de même :
Ne comptes obtenir aucun référencement naturel avec ton site. Mais si tu n'en veux pas alors ce n'est pas un problème.

Si les serveur de Flickr sont indisponibles ton site n'affichera aucun image. Peu probable je te l'accorde, mais possible.

Amicalement,
Guillaume