Reprise du message précédent :

Alors je suis pas "expert front" mais le chargement de plein d'images lourdes qu'on verra ptetre jamais, et ce avant de montrer l'index, me choque un peu. Je les lazy-loaderais avec les autres quitte a mettre un spinner le temps du chargement (ou faire un fondu).
Perso j'ai 31 requetes pour 7.2 Mo pour le premier chargement.
Si tu chargeais que l'image de fond on aurait moins d'un Mo pour l'index.
En passant un coup de https://tinypng.com/ sur home-bg on peut enlever la moitié de la taille de l'image en ayant des artifacts de compression, mais vu que l'image est pas directement visible ça pourrait être acceptable?

ton png dans à propos "christiane-xxxx.png" pese à lui seul 1.7mo,  
il pourrait peser 200ko en jpg bonne qualité (ouvert avec ps, enregistrer pour le web),  
tu peux pas trouver un compromis pour la transparence ?

Je peux pas tester le chargement pour l'instant (fibre, pas représentatif).
Mais juste une remarque : ça manque de fluidité. J'ai un PC tout à fait décent (core i7, 4Go de RAM, Firefox sous Ubuntu), et le scroll est vraiment pas fluide.

Tu peux toujours tester il suffit d'activer les outils de chrome et en cliquant sur le mobile tu peux forcer un debit max

Y'a un équivalent sous FF developer edition ?

 
Toutes les photos tu les mets en jpg et pas en PNG
et optimise les aussi.

 
Pareil.

 
je connaissais pas tinypng.com, j'utilisais ImageOptim sous Mac. J'ai testé sur mon PNG transparent de 1,7MB
- avec ImageOptim : 1,5MB
- avec tinypng.com : 380 KB  
 
on voit que c'est un peu moins détaillé mais faut vraiment y faire attention..
 

 
Ouai je sais que 1,7 MB c'est pas tres acceptable mais j'ai pas le choix, faut que ce soit transparent. J'avais testé PNG8, mais ça dégrade trop...
 

 
J'ai repéré ça aussi... je crois que c'est du aux gradients un peu partout.. d'ailleurs j'ai un bug sur FF avec les transitions de gradients, faut que j'investigue
 
 
Merci pour vos retours en tout cas  

Pourquoi quand on charge la homepage ça charge aussi la photo de Josiane qui fait 1.7Mb ? c'est pas normal

ImageOptim ça recompresse juste le PNG en lossless sans rien toucher d'autre, l'équivalent de tinypng c'est de passer ImageAlpha dessus (suivi de ImageOptim) pour convertir l'image de PNG32 en PNG8.

 
http://yslow.org/

 
d'accord aussi avec l'idée du spinner par image plutôt que le pré-chargement...
 
Mais sinon ce site est pas mal du tout.

Sympa le site !

Petit résumé des trucs que j'ai noté
- Manque de fluidité sous FF (pas essayé les autres), c'est dommage

- Certaines images sont préchargées un peu inutilement (la Christiane Prevost là) et le png 24/32 c'est vraiment barbare : passe en 8 ! Avec les bons algos la différence est quasi invisible même en zoomant.

- Je ne trouve pas très intuitif le principe de la gallerie. Quand tu cliques sur les rubriques (villes, fleurs, etc) le fond change et ton PC télécharge la moitié de l'Internet, mais il faut encore cliquer sur "Visiter" pour voir les oeuvres.
Je saisis le côté "preload" mais pour un utilisateur lambda c'est pas commode à deviner, il faudrait un spinner + affichage de la gallerie quand elle est prête, un truc comme ça. De plus sur une connexion pourrie je me demande comment ça réagit.

- Rien à voir avec la technique, mais je trouve tous les tableaux ternes. Je suis en faible luminosité et évidemment c'est de l'aquarelle et pas du cartoon, mais du coup je trouve que ça dévalorise un peu l'ensemble. Peut être qu'un point d'accentuation sur la luminosité rendrait ça plus attrayant, mais j'y connais rien en art donc je peux me planter. EDIT : je pense qu'en fait ça vient en bonne partie de mes réglages.

- Pense à tester sur tablette aussi, il parait que des gens en ont

Tes images sont quand même chargées. Faut defer sur un 1 écran et demi

 
 
testé, j'ai suivi les recommendations, je fais 91/100
 
 

 
tu testes avec la console ouverte c'est pas possible
 
normalement le concept c'est de télécharger tout ce qui est un peu lourd (bon je vais recompresser les images lourdes, je peux gagner 60%/70% apparemment). Ensuite comme tout est en ajax, il devrait rien télécharger. En particuliers dans la galerie : quand on change de galerie, les visuels de background sont déjà téléchargés. Et les premieres toiles sont téléchargées au moment où ont ouvre la galerie (normalement que les 5/6 premieres, ce qui représente pas grand chose). J'ai testé avec la console ouverte (en désactivant l'option de ne pas utiliser le cache), onglet Network, il télécharge pratiquement rien, le changement de page ou de galerie, c'est 15KB max...
 
J'ai testé sur le laptop d'un pote au bureau aujourd'hui sur un Win 8 + Firefox, j'ai pas remarqué de lenteurs. Mais je vais quand meme enlever des effets de transitions qui sont à peine perceptible.. ^^

 
 
Tu avais 91 la 1ère fois ou après optimisation ?
 
Une fois en prod, connecte le site à Google Webmaster Tools, tu auras probablement d'autres conseils.

J'ai pas encore optimisé avec vos conseils, pas le temps cette semaine  
 
Je reviendrais  
 
 

Hello les webbeux et autres spécialistes du SEO,

Je cherche à exploiter un truc où je suis néophyte : Google my business (anciennement Google adresses et google+ maintenant réunis en un seul service).

Mon objectif est de pouvoir alimenter à la demande pour tous les magasins d'une même chaîne des informations telles que les horaires d'ouverture, en particulier pour notifier les fermetures exceptionnelles et cie.

L'idéal serait donc une solution automatique et temps réel, du genre API (Webservice) ou au pire un truc type upload de fichier structuré mais sans intervention manuelle, mais je ne trouve pas de doc là dessus.

Il y a des gens qui maitrisent GMB ?
Vous savez comment font les grandes chaînes de magasin pour pousser ce genre d'info ?

Merci

Yo!!
 
J'ai un soucis d'encodage lors d'une migration wordpress depuis mon local vers OVH. Le local est exactement le même, j'uploade tout sur le FTP OVH, dans le même temps j'exporte ma BDD SQL via Sequel Pro (utf8mb4) puis je réimporte dans phpMyAdmin chez OVH (utf8mb4 aussi), tout se passe bien, mais quand je recharge le site distant. J'ai des � partout à la place des caractères spéciaux...
 
pourtant tout est bien en UTF8 partout... je comprends pas d'où ça pourrait venir.. lorsque je regarde le contenu de la BDD, j'ai toujours les caractères spéciaux.. ça doit venir de wordpress lors de l'affichage alors ?
 
Quelqu'un a déjà eu ce problème ?

 
Ton mysql est sur ton mac ?

Affiche la page, regarde si la page est bien servie en UTF-8
Mets un "é" dans le page en dur et recharge la page et vérifie, si tu as le soucis, c'est que ce n'est pas forcément la DB mais ton serveur qui te sert les pages comme un goret

 
oui je dev sur mon mac, je sais c'est naze, c'est pas le même environnement. Mais c'est un autre sujet  
 

 
j'ai vérifié dans la console, les headers sont bien en utf8, j'ai rajouté un é dans la page en dur, il est bien affiché... c'est vraiment chelou cette histoire, ça m'est jamais arrivé  
 
 
edit: résolu en changeant define('DB_CHARSET', 'utf8mb4'); en define('DB_CHARSET', 'utf8'); dans le config.php de Wordpress, complètement débile car MySQL 5.5.40 sous OVH gère le utf8mb4   bref..  

SET NAMES utf8 ?

Plutôt que de ré-inventer la roue, connaissez-vous un plugin jQuery (ou autre FW JS) qui simule des petits objets mouvants, et sur lequel on peut attacher des events ? (click pour infobulle)
Le mouvement attendu des points est du type étoiles dans une galaxie, c-a-d ils bougent lentement, dans des directions randoms.

Si je trouve pas, c'est pas trop un soucis, j'vais ré-inventer la roue en partant d'un moteur physique (et refacturer le client au temps) mais bon.

Il doit y avoir des tas de simulateur de mouvement brownien que tu pourrais réutiliser, notamment si tu as besoin que les objets interagissent (collisions) ?
Le côté event doit être trivial à rajouter par au dessus une fois les objets générés.

Non, aucune collision à gérer, simplement des points qui bougent lentement dans le canvas, avec une infobulle on hover/click.
Merci pour le terme brownien, je vais fouiller un peu les Internets.

Grossièrement ce sont les mouvements des molécules dans un gaz et la manière dont elles interagissent selon leur masse, la température conditionnant en gros la vitesse du mouvement.
Tu devrais donc trouver des scripts qui te génèrent des "molécules" dont tu pourras régler la vitesse et le comportement lorsque elles se touchent.  
Si tu trouves un truc un peu "trop" évolué il te proposera de générer des molécules de différentes sortes en interaction, mais pas besoin.
 
Tu devras gérer par au dessus les infobulles / événements (facile en greffant l'événement qui va bien à chaque molécule je pense) mais pour le reste ça devrait ressembler à ce que tu veux, même si ta description n'est pas super précise.

'tin tester le caching d'assets c'est vraiment la merde: le bouton refresh du navigateur, sous FF et Chrome, sous OSX,

• si les devtools sont fermés, il bypass le cache local et force une requête pour tous les assets
• si les devtools sont ouverts, il bypass le cache local et il envoie pas les headers conditionels, sauf que des fois en fait si

chrome devtool ouvert, decocher la case "disable cache" , et normalement tu retombes sur le comportement noraml

Ce que je liste c'est avec "disable cache" décoché

Notes que c'est avec utilisation du bouton de refresh/reload du navigateur, pas pendant une navigation normale.

Quelqu'un a un bon tuto sur utiliser webdriver pour tester une webapp?

Tu ne veux pas utiliser de framework/librairie qui encapsule ça ?

une jolie navigation mobile  http://codepen.io/ManarKamel/pen/BooXJw

C'est assez standard non? C'est la navigation de Passbook/wallet sur iOS.

sauf que là, il y a le code source avec pour ceux qui veulent creuser / copier, et que c'est en web

Pas de tuto mais j'ai mis en place du test avec selenium driver piloté par codeception et ça marche bien.
 
Une VM avec l'app.
Une VM avec les tests, selenium et xfvb pour avoir plusieurs affichages virtuels.
Les deux reliés par un réseau privé avec un script pour gérer le lancement de xfvb et selenium.
 
J'utilise codeception parce que l'appli testée est en php donc tout est codé avec le même langage mais je pense que je l'utiliserais même sans ça : le plug-in qui sort les screenshots pas-à-pas pour les tests qui foirent est tout de même bien pratique.

Y'a des gens qui utilise Drupal 7 ici ? j'ai l'impression que c'est assez moisi pour l'intégration..
 
Apres j'ai pas encore regardé Drupal 8 qui est censé chambouler pas mal de chose (passage sous Symfony 2, Twig etc.)

Drupal      
 
/troll
 
Drupal 6 m'a suffit pour bannir cette techno à vie

J'ai trouvé ça très caca aussi Drupal

On a un nouveau dev qui est arrivé dans notre boite, il à l'air de bien connaitre Drupal et s'en tire pas pas mal avec.
 
J'ai pas regardé plus en détail comment il fait les choses, mais à priori c'est pas un manchot, donc ça devrait être pas mal.
 
Affaire à suivre

Aigritude du jour : sous OS X, même avec un reset CSS, faut toujours qu'un des 3 (FF, Safari, Chrome) rende des labels de boutons dans une taille de police différente.