A l’heure de l’explosion de la navigation par mobile et tablette, les technologies web évoluent et leurs utilisations elles-aussi !
Au vu de ce constat, nos pages web et leurs développements associés sont amenés à s’adapter eux-aussi pour rendre la navigation plus agréable pour l’utilisateur. Dans cette objectif, nos pages doivent pouvoir se charger rapidement avec des contraintes de performances nouvelles.
Google l’a bien compris et prend donc en compte depuis 2010 la performance au chargement de vos pages dans son algorithme de classement pour son moteur de recherche. Et oui ! La performance impacte aussi votre référencement !
Comment améliorer la performance de vos sites et applications web présen...Roland Coma
Conférence présentée par LE BASTARD Yannick et LAVOISEY Thibaud
En France, l’usage des smartphones a presque doublé en trois ans. 46% des français ont fait leur dernier achat en ligne. 60% des français ont fait des recherches en ligne avant leur dernier achat. 71% des acheteurs en magasin qui utilisent les smartphones pour faire des recherches en ligne affirment que leur expérience sur leur appareil mobile est devenue plus importante que leur expérience en magasin.
Compte tenu de ces statistiques, il est aujourd’hui important que l’expérience des utilisateurs sur vos sites et applications Web soit des plus agréables.
En s’appuyant sur une démonstration étape par étape, l’objectif de cette conférence est de voir comment améliorer la performance, satisfaire vos clients et augmenter votre chiffre d’affaires.
Déboguer une application web peut rapidement devenir fastidieux. L'utilisation d'un débogueur simplifie ce processus mais il n'est pas toujours possible d'en utiliser un. FirePHP est une extension Firefox qui permet de fournir des informations de déboguage sans interférer avec l'affichage de l'application web. Cela est particulièrement pratique pour déboguer de l'Ajax par exemple.
Optimiser Wordpress : présentation préparée pour le Wordpressday Algérie en décembre 2011 par Jean-François VIAL
La video du screencast : http://vimeo.com/33115346
Licence : CC-By-SA
A l’heure de l’explosion de la navigation par mobile et tablette, les technologies web évoluent et leurs utilisations elles-aussi !
Au vu de ce constat, nos pages web et leurs développements associés sont amenés à s’adapter eux-aussi pour rendre la navigation plus agréable pour l’utilisateur. Dans cette objectif, nos pages doivent pouvoir se charger rapidement avec des contraintes de performances nouvelles.
Google l’a bien compris et prend donc en compte depuis 2010 la performance au chargement de vos pages dans son algorithme de classement pour son moteur de recherche. Et oui ! La performance impacte aussi votre référencement !
Comment améliorer la performance de vos sites et applications web présen...Roland Coma
Conférence présentée par LE BASTARD Yannick et LAVOISEY Thibaud
En France, l’usage des smartphones a presque doublé en trois ans. 46% des français ont fait leur dernier achat en ligne. 60% des français ont fait des recherches en ligne avant leur dernier achat. 71% des acheteurs en magasin qui utilisent les smartphones pour faire des recherches en ligne affirment que leur expérience sur leur appareil mobile est devenue plus importante que leur expérience en magasin.
Compte tenu de ces statistiques, il est aujourd’hui important que l’expérience des utilisateurs sur vos sites et applications Web soit des plus agréables.
En s’appuyant sur une démonstration étape par étape, l’objectif de cette conférence est de voir comment améliorer la performance, satisfaire vos clients et augmenter votre chiffre d’affaires.
Déboguer une application web peut rapidement devenir fastidieux. L'utilisation d'un débogueur simplifie ce processus mais il n'est pas toujours possible d'en utiliser un. FirePHP est une extension Firefox qui permet de fournir des informations de déboguage sans interférer avec l'affichage de l'application web. Cela est particulièrement pratique pour déboguer de l'Ajax par exemple.
Optimiser Wordpress : présentation préparée pour le Wordpressday Algérie en décembre 2011 par Jean-François VIAL
La video du screencast : http://vimeo.com/33115346
Licence : CC-By-SA
Comment optimiser la latence mobile grâce aux protocoles/technologies de push et à la gestion du cash ?
Description des différentes solutions
Présentation de Lorie Pisicchio lors du CTO Meetup du 03/12/14 organisé par France Digital
#Drupagora
Présenté au forum Drupagora 2013 par Guillaume Leccese - directeur technique d'Oxalide
N'hésitez pas à nous contacter pour plus d'informations : contact [at] oxalide [point] com
Talk sur la "Performance Web : Enjeux, techniques et méthodologie" pour @RennesJS
Rappel du programme :
"Après la découverte de quelques success stories sur la performance web - des éléments pour se convaincre et savoir convaincre de l'importance de la webperf - nous aborderons les techniques élémentaires pour mettre vos pages web au régime (compression, optimisation des images, politique de cache, etc).
Ce sera aussi l'occasion d'aborder HTTP/2 : les bonnes pratiques de performance ne sont peut être plus celles que vous croyez et vos habitudes vont devoir changer, nous verrons pourquoi !
Nous n'oublierons pas d'évoquer les différents indicateurs de performance (speedindex, start render, etc), et il est fort possible que je m'égare à l'occasion sur d'autres outils de qualité front-end, comme la Content Security Policy...
En conclusion, on parlera de budget. Pas celui de la soirée, mais du budget de performance, à appliquer sur vos projets, pour créer une véritable culture de la performance web dans votre équipe !"
Présentation et démos techniques des principaux services Google Cloud et leurs relations
(Compute Engine, Cloud Storage, Bigquery, Cloud SQL, Dataflow, Pub/Sub, Cloud Function)
Amélioration des performances eCommerce - Webinaire par aYalineaYaline
Quelles actions pour améliorer les performances d'affichage de votre site dans les navigateurs Web ? Comment augmenter son chiffre d'affaires en augmentant les performances de son site e-commerce. Le contenu de ce webinaire est focalisé sur les leviers techniques d'amélioration des performances.
Presentation sur l'hébergement web et du cpanelGilbert Girard
Plusieurs hébergeurs web utilisent le logiciel en ligne Cpanel pour l'administration des différents serveurs mis à la disposition des administrateurs de sites web. Vous y découvrerez les serveurs web, courriel, courriel web, noms de domaine, ftp etc...
Oui ! Le flash, pour qui, pourquoi ? La réponse ici et/ou en me contactant au 02 38 55 79 90.
Pourquoi passer au flash et pourquoi ça répond à beaucoup de vos problématiques d'infrastructure.
Windows Azure Web Sites, Cloud Services ou Virtual Machines ? Quelles technol...Microsoft
Dans cette session, nous présenterons les critères de choix importants qui vous permettront de déterminer le service Windows Azure le plus adapté pour l’hébergement d’une application web. Après avoir abordé les aspects techniques et tarifaires propres à Windows Azure, nous parlerons des différentes possibilités qui s’offrent à vous au niveau frameworks (accès aux données, retry-pattern, communication temps réel, …), le tout en prenant appui sur l’exemple de l’éditeur de logiciels Talentsoft, qui a fait ces choix pour l’une de leurs applications disponibles en mode Software as a Service.
Speakers : Julien Plée (TalentSoft), Benjamin Talmard (Microsoft France)
Comment optimiser la latence mobile grâce aux protocoles/technologies de push et à la gestion du cash ?
Description des différentes solutions
Présentation de Lorie Pisicchio lors du CTO Meetup du 03/12/14 organisé par France Digital
#Drupagora
Présenté au forum Drupagora 2013 par Guillaume Leccese - directeur technique d'Oxalide
N'hésitez pas à nous contacter pour plus d'informations : contact [at] oxalide [point] com
Talk sur la "Performance Web : Enjeux, techniques et méthodologie" pour @RennesJS
Rappel du programme :
"Après la découverte de quelques success stories sur la performance web - des éléments pour se convaincre et savoir convaincre de l'importance de la webperf - nous aborderons les techniques élémentaires pour mettre vos pages web au régime (compression, optimisation des images, politique de cache, etc).
Ce sera aussi l'occasion d'aborder HTTP/2 : les bonnes pratiques de performance ne sont peut être plus celles que vous croyez et vos habitudes vont devoir changer, nous verrons pourquoi !
Nous n'oublierons pas d'évoquer les différents indicateurs de performance (speedindex, start render, etc), et il est fort possible que je m'égare à l'occasion sur d'autres outils de qualité front-end, comme la Content Security Policy...
En conclusion, on parlera de budget. Pas celui de la soirée, mais du budget de performance, à appliquer sur vos projets, pour créer une véritable culture de la performance web dans votre équipe !"
Présentation et démos techniques des principaux services Google Cloud et leurs relations
(Compute Engine, Cloud Storage, Bigquery, Cloud SQL, Dataflow, Pub/Sub, Cloud Function)
Amélioration des performances eCommerce - Webinaire par aYalineaYaline
Quelles actions pour améliorer les performances d'affichage de votre site dans les navigateurs Web ? Comment augmenter son chiffre d'affaires en augmentant les performances de son site e-commerce. Le contenu de ce webinaire est focalisé sur les leviers techniques d'amélioration des performances.
Presentation sur l'hébergement web et du cpanelGilbert Girard
Plusieurs hébergeurs web utilisent le logiciel en ligne Cpanel pour l'administration des différents serveurs mis à la disposition des administrateurs de sites web. Vous y découvrerez les serveurs web, courriel, courriel web, noms de domaine, ftp etc...
Oui ! Le flash, pour qui, pourquoi ? La réponse ici et/ou en me contactant au 02 38 55 79 90.
Pourquoi passer au flash et pourquoi ça répond à beaucoup de vos problématiques d'infrastructure.
Windows Azure Web Sites, Cloud Services ou Virtual Machines ? Quelles technol...Microsoft
Dans cette session, nous présenterons les critères de choix importants qui vous permettront de déterminer le service Windows Azure le plus adapté pour l’hébergement d’une application web. Après avoir abordé les aspects techniques et tarifaires propres à Windows Azure, nous parlerons des différentes possibilités qui s’offrent à vous au niveau frameworks (accès aux données, retry-pattern, communication temps réel, …), le tout en prenant appui sur l’exemple de l’éditeur de logiciels Talentsoft, qui a fait ces choix pour l’une de leurs applications disponibles en mode Software as a Service.
Speakers : Julien Plée (TalentSoft), Benjamin Talmard (Microsoft France)
Un africain un arbre au Niger et partout en Afrique et dans le Monde.Patrice Piardon
Objectifs du Projet
- Participer au reboisement de l’Afrique,
- Freiner les effets des changements climatiques sur l’Afrique,
- Entrainer la population des zones rurales, périurbaines et urbaine à participer pleinement et efficacement aux actions visant à protéger l’environnement par la plantation et l’entretien des arbres.
Intégrateur de solutions d\'entreprise Microsoft et prestataire de services en conseil et ingénierie informatique.
La Relation Client est notre coeur de métier, découvrez nos compétences à travers cette brochure.
Cours de 1h30 pour HETIC - H4.
Architecture Web.
Présentation générale de l'architecture web, bons et mauvais exemples.
Présentation des load balancers & proxys
Présentation des caches (memcached, varnish...)
Cloud
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Peak Ace
Google a annoncé que le temps de téléchargement sur mobile risque d’être pris en compte dans son algo après la bascule vers le mobile first index. Et c’est déjà le cas sur desktop. Nous verrons comment diagnostiquer et corriger les causes les plus fréquentes de lenteur sur vos pages
Intervenant : Mathieu Chapon – Co-Fondateur – Search Foresight
Track 1 - Atelier 2 - Distribution complète d’un site avec le cdn Amazon Clo...Amazon Web Services
Nous allons vous montrer comment utiliser Amazon CloudFront pour architecturer votre site de façon à pouvoir diffuser du contenu statique et dynamique. Vous découvrirez comment configurer des serveurs d'origines multiples dans Amazon CloudFront pour bénéficier de l’accélération fournie par Amazon CloudFront, que vous hébergiez vos sites sur Amazon EC2 ou sur vos serveurs actuels. Vous verrez comment paramétrer Amazon CloudFront pour personnaliser vos pages web pour chaque internaute, et comment protéger la distribution de contenus privés.
Commentaires des slides accessibles depuis : http://refficience.com/wpo/queduweb-2016/
Présentation donnée lors de la conférence QueDuWeb le 8 juin 2016 à Deauville. Les bonnes pratiques permettant de réaliser un site mobile performant (optimisation de temps de chargement des pages) en utilisant les techniques du Responsive Web Design - présenté par Thomas SOUDAZ de la société Refficience booster de speedindex !
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Fasterize
A l’ère du mobile-first, les utilisateurs s’attendent à naviguer et acheter de façon fluide n’importe où et n’importe quand. Le temps de chargement est donc devenu LE critère le plus important pour les utilisateurs et cette exigence se reflète dans vos taux de conversion mobile.
Depuis plus d'un an, RueDuCommerce est classé par le JDN comme le site mobile e-commerce le plus rapide de France. Comment les équipes de Rue Du Commerce ont-elles relevé ce défi ? Comment a-t-on mesuré les améliorations sur l’expérience utilisateur ? Quels sont les bénéfices sur les utilisateurs et sur le business ?
Stéphane Rios, CEO de Fasterize et Aniss Boumrigua, Responsable du site RueDuCommerce.fr, vous partagent leurs expériences et leurs bonnes pratiques.
Les performances front-end et son impact sur le SEO. Des constats sur l'évolution des performances et les principales grandes pistes d'optimisations.
Besoin d'un audit pour boostez vos temps de chargement ?
Rendez-vous sur : http://refficience.com/contact/
Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...pierredargham
Conférence WP-Tech 4 et 5 décembre 2015 à Nantes.
Votre site WordPress est lent ? Ce n’est pas une fatalité ! À travers de nombreux exemples issus de projets en production, cette conférence fera un tour des bonnes pratiques de développement et de configuration pour mettre en place des sites rapides, y compris pour des applications métiers complexes ou e-commerce.
Déterminant pour l’expérience utilisateur, important pour le référencement, les performances de votre site font partie des optimisations inévitables pour booster votre audience sur le web et améliorer votre taux de conversion.
La conférence sera également l’occasion de penser la bonne architecture des applications WordPress, les mécanismes spécifiques de l’outil pour accélérer la génération des pages et l’utilisation optimale de sa base de données.
Au programme :
Optimisations Client (concaténation, expire headers, compression gzip …)
Optimisations Serveur (cache statique, cache opcode, cache objet, transients, serialization …)
Plugins et développements tiers : comment faire le bon choix ?
Exemples de hacks réutilisables
HTTP/2 et PHP 7.0 : ce qui va changer
Cette conférence présente les problématiques du JavaScript pour la performance SEO, des propositions de solutions et les outils utilisés par les professionnels du SEO.
Elle a été présentée par Aymeric Bouillat et Adrien Russo lors du SMX Paris 2023.
LoadTime & SEO : le TOP et FLOP des meilleures (et pires) intégrations.
Le temps de chargement est de plus en plus important pour vos utilisateurs, votre business et vos rankings. Google, plus que jamais, prend en compte les différents temps de chargement comme indicateur de qualité des sites web.
Pour rivaliser avec les meilleurs et flirter avec la note maximale de Lighthouse sur ce KPI, Erlé vous exposera les meilleures pratiques (ainsi que les pires) d’après sa propre expérience basée sur de nombreux sites qu’il a accompagnés dans leur parcours vers l’optimisation.
Le temps de chargement est de plus en plus important pour vos utilisateurs, votre business et vos rankings. Google, plus que jamais, prend en compte les différents temps de chargement comme indicateur de qualité des sites web.
Pour rivaliser avec les meilleurs et flirter avec la note maximale de Lighthouse sur ce KPI, Erlé vous exposera les meilleures pratiques (ainsi que les pires) d’après sa propre expérience basée sur de nombreux sites qu’il a accompagnés dans leur parcours vers l’optimisation.
HTTP2 : ce qui va changer par Julien LanduréZenika
HTTP1 est omniprésent en 2016 et HTTP2 est pourtant "sorti" le 15 mai 2015. Qu'est-ce qu'on y gagne, nous développeurs ? Les principes d'optimisation Web seront-ils toujours d'actualités ? Venez découvrir HTTP2, le futur protocole du Web !
4. +
Pourquoi ?
Taux de conversion
Un acheteur n’aime pas attendre
Amazon : Perte d’1% du C.A. toutes les 100ms
2/5 visiteurs abandonnent leur panier si chargement > 3s
Référencement
Pris en compte par Google (officiel)
30% de poids en moins : 30% de trafic en plus
Augmentation de la note affectée à AdWords
5. +
Pourquoi ?
Taux de rebond
500ms de chargement : 20% de recherche en moins chez Google
Economie de bande passante
Montée en charge facilitée
6. +
Waterfall
Début du rendu, fin de la page blanche
7. +
Waterfall
Le frontend et le réseau représentent 90% du boulot
Le téléchargement dépend de
Recherche DNS (~20/100ms)
Connexion TCP
Téléchargement du contenu
Le Javascript bloque les autres téléchargements (le relou)
Les navigateurs limitent les téléchargements en parallèle par domaine (les
relous)
8. +
Les solutions côté frontend !
DNS prefetching
<link rel="dns-prefetch" href="//assets.foo.com"> # Sauf IE < 10
Déporter l’inclusion des Javascripts à la fin du <body>
Rendre asynchrone le chargement des plugins sociaux
Mettre en place des domaines spécifiques (ou CDN) pour
augmenter le chargement en parallèle
9. +
Les solutions côté frontend !
Diminuer le temps de chargement et le nombre de requêtes HTTP
Concatener et minifier les JS/CSS
Utiliser les sprites pour les images
Outil d’optimisation d’image (Pngcrush)
CDN géolocalisé (réduit la latence)
10. +
Réduire le reflow
Quand ?
Redimensionnement fenêtre
Changement taille police
Changement contenu
Pseudo classe ( :hover )
Changement de style en JS
11. +
Réduire le reflow
Comment ?
Diminuer la profondeur du DOM
Supprimer les règles CSS inutiles
Simplifier les règles CSS
Spécifier les dimensions des images
13. +
Autour du backend
Serveur WEB
Compression gzip (mod_deflate d’Apache)
Module d’expiration (mod_expire d’Apache)
Base de donnnées
Index
Optimisation des requêtes (EXPLAIN, Last_query_cost)
Table temporaire, dénormalisation
14. +
Autour du backend
Prévoir ses applications de façon scalables
Master/slave MySQL – NoSQL
Queue de message (AMQP) : RabbitMQ, ZeroMQ, ZendQueue
CRON
Appels I/O asynchrones (NodeJS)
15. +
Outils
Google page speed (module Chrome / Firefox)
Yslow (module Chrome / Firefox)
Web page test ( webpagetest.org )