En téléchargement la présentation "RWD performant" réalisée Jeudi 08/06/2016 à l'occasion de QueduWeb Deauville avec les commentaires de slides.
Nous réalisons une analyse détaillée de votre site et donnons des recommandations concrètes pour améliorer durablement les temps de chargement de votre site.
› En savoir +Téléchargez la présentation PowerPoint : 20160608-queduweb-RWD-Performant.pptx ou pdf
slide 3
« Délai perçu par l’internaute entre l’action (ex: un touch) et une réponse intelligible »
”The delay perceived by the website visitor between an action (e.g click) and a meaningful response” Définition traduit de l’anglais © Stephen Thair @TheOpsMgr
slide 4
Jennifer est éditrice de Thesempost.com, methode est en charge de la communication auprès des webmasters chez Google
slide 5
Votre objectif doit être de conserver un speedindex inférieur à 2000ms
slide 6
Webpagest.org réaliser un test avec une connectivité mobile
slide 7
En émulant un mobile Nexus le moteur de rendu est quasi identique à Chrome
slide 8
Identifier le SpeedIndex sur la page de résultat de test
slide 9
Mesure « la moyenne de temps d’affichage des éléments visibles de la page »
slide 10
slide 11
slide 15
1 seconde de délai sur mobile c’est 0,4pts de taux de conversion en moins = 27% de conversion en plus
slide 18
Vous avez déjà casser la vitre de votre smartphone ? O:-)
slide 20
Allociné le dernier de la liste à être passé Responsive ! mais pas encore optimisé...
slide 21
Le plus gros problème des sites mobiles dédiés : la ou les redirection(s)
slide 22
slide 24 à 28
Excellent site RWD, axé performance : TheGuardian !
slide 29
slide 31
(805*453)/(320*180) = 6,3x trop de pixels téléchargés !
slide 32
La mode est au interface épurée et imageless :) travaillez main dans la main avec vos graphistes ! ils vont adorer bosser en vectoriel !
slide 35
Smashing magazine qualifie picturefill de “The perfect polyfill” le support de WebP ! est un GROS bonus (~-30% plus léger)
slide 38
Exemple de code permettant de ne pas charger des Javascripts sur mobile
slide 39
HTTP2 améliore les performances mobile grâce à un protocole nouvelle génération qui optimise la connectivité serveur/client
slide 40
Responsive Design + Server Side Component = RESS
Auteur : Thomas SOUDAZ (Refficience)
Copyright © 2016 Refficience · Tous droits réservés · Mentions Légales