Stephane Rios, ex-CTO de Rue du Commerce et CEO/CTO à Fasterize, présentait à la Cantine numérique de Nantes son parcours, sa vision et les enjeux de la Web Performance.
Comment penser son contenu e-tourisme pour les moteurs de recherche ? [Frères...Guillaume Peyronnet
Les moteurs de recherche utilisent des algorithmes pour qualifier la pertinence des contenus d'une page web.
Pour écrire des contenus - pour l'e-tourisme ici - on peut s'aider d'une analyse algorithmique pour déterminer quels sont les termes importants de la thématique étudiée, et ainsi concevoir des textes qui ont toutes les raisons d'être considérés comme pertinents par un moteur de recherche.
Aujourd'hui la quasi-totalité des CMS proposent des fonctionnalités d'internationalisation afin de réaliser des sites disponibles en plusieurs langues. Mais qu'en est-il du coté de l’intégrateur ? Celui-ci va aussi devoir internationaliser certaines images utilisées dans ses CSS, voir faire des changements de style suivant la langue qui sera affichée. Les fichiers javascript sont aussi concernés si ils sont amenés à générer du contenu textuel.
Cet atelier vous proposera de découvrir différentes méthodes afin d'organiser au mieux vos fichiers CSS, images et scripts javascript et de faciliter ainsi leur maintenance. Nous verrons aussi quels outils peuvent nous assister dans notre travail et ce que nous propose les frameworks javascript comme jQuery ou encore Mootools.
Answer Engine Optimization (AEO) et Recherche Vocale : le futur du SEO ?Olivier Andrieu
Voici les slides de ma présentation lors de l'événement Search Y, le vendredi 18 janvier 2019. Ma conférence parlait d'AEO (Answer Engine Optimization) et de recherche vocale, en se posant la question de l'avenir du SEO au travers de ces nouveaux usages...
Optimiser votre présence sur plusieurs places de marchéPierre-Alain Baly
Ebay, Priceminister, Amazon, Pixmania, Fnac, Cdiscount, RueduCommerce … ce sont autant de places de marchés sur lesquelles il est aujourd’hui indispensable d’être présent pour vendre. Cependant afin d’être performant sur ces plus grandes places de marché mondiales, il est primordiale de bien en connaître le fonctionnement et les particularités.
Comment penser son contenu e-tourisme pour les moteurs de recherche ? [Frères...Guillaume Peyronnet
Les moteurs de recherche utilisent des algorithmes pour qualifier la pertinence des contenus d'une page web.
Pour écrire des contenus - pour l'e-tourisme ici - on peut s'aider d'une analyse algorithmique pour déterminer quels sont les termes importants de la thématique étudiée, et ainsi concevoir des textes qui ont toutes les raisons d'être considérés comme pertinents par un moteur de recherche.
Aujourd'hui la quasi-totalité des CMS proposent des fonctionnalités d'internationalisation afin de réaliser des sites disponibles en plusieurs langues. Mais qu'en est-il du coté de l’intégrateur ? Celui-ci va aussi devoir internationaliser certaines images utilisées dans ses CSS, voir faire des changements de style suivant la langue qui sera affichée. Les fichiers javascript sont aussi concernés si ils sont amenés à générer du contenu textuel.
Cet atelier vous proposera de découvrir différentes méthodes afin d'organiser au mieux vos fichiers CSS, images et scripts javascript et de faciliter ainsi leur maintenance. Nous verrons aussi quels outils peuvent nous assister dans notre travail et ce que nous propose les frameworks javascript comme jQuery ou encore Mootools.
Answer Engine Optimization (AEO) et Recherche Vocale : le futur du SEO ?Olivier Andrieu
Voici les slides de ma présentation lors de l'événement Search Y, le vendredi 18 janvier 2019. Ma conférence parlait d'AEO (Answer Engine Optimization) et de recherche vocale, en se posant la question de l'avenir du SEO au travers de ces nouveaux usages...
Optimiser votre présence sur plusieurs places de marchéPierre-Alain Baly
Ebay, Priceminister, Amazon, Pixmania, Fnac, Cdiscount, RueduCommerce … ce sont autant de places de marchés sur lesquelles il est aujourd’hui indispensable d’être présent pour vendre. Cependant afin d’être performant sur ces plus grandes places de marché mondiales, il est primordiale de bien en connaître le fonctionnement et les particularités.
Les secrets d’un taux de conversion de championaltima°
« Les secrets d’un taux de conversion de champion »
Présentation de Thomas Tonder, Directeur Associé, altima°, le 6 Juin 2011 lors du eMetrics Marketing Optimization Summit Paris.
Quels sont les leviers pour améliorer la conversion d’un site e-business ? Comment intégrer le testing (A/B, MVT) dans sa démarche d’optimisation ? Comment obtenir des résultats impactants tout en échappant aux contraintes de la vraie vie (disponibilité des équipes, processus de décisions, contraintes techniques…) ?
Retours d’expériences chiffrés et témoignage de Cofidis Belgique (n°1 du crédit en ligne) vous permettra de découvrir comment faire bondir votre taux de conversion.
Guide des AAP, AMI et actions du Programme Investissements d'Avenir (PIA) - m...polenumerique33
Guide des AAP, AMI et actions du Programme Investissements d'Avenir (PIA) - mai 2015
http://www.gouvernement.fr/guide-des-aap-ami-et-actions-du-pia-2262
Conférence "Le maître d'ouvrage moteur du BIM ?" lors de la 2ème édition de BtoBIM (05/07/17).
Animée par Philippe des Robert, BDI.
Avec la présence de :
- Sébastien TESSIER, MEDIACONSTRUCT
- Gérôme GAURIAU, KPMG
- Yves Marie FAVRON, SEMBREIZH
- Serge JAFFRELO, Conseil Départemental de Loire Atlantique
- Frédéric ROUSSELOT, DURET PROMOTEUR
Le Crowdfunding pour les artistes et musiciensVirginie BERGER
Comment les artistes et musiciens peuvent utiliser les plates formes de crowdfunding (Kickstarter, Ulule, Kisskissbankbank..) pour developper leurs projets.
Institut Léonard de Vinci
MBA spécialisé « Marketing Commerce sur Internet »
Des compétences disponibles de mi avril à octobre 2014 pour une mission en entreprise.
Dianova Portugal at Social Stock Exchange Project 2009Dianova
At the Social Stock Exchange Portugal we are looking for social investors to implement the Learning and Entertainment Centre for Development "Education is the Best Prevention" project, a space for personal development and education for both parents and children.
Les secrets d’un taux de conversion de championaltima°
« Les secrets d’un taux de conversion de champion »
Présentation de Thomas Tonder, Directeur Associé, altima°, le 6 Juin 2011 lors du eMetrics Marketing Optimization Summit Paris.
Quels sont les leviers pour améliorer la conversion d’un site e-business ? Comment intégrer le testing (A/B, MVT) dans sa démarche d’optimisation ? Comment obtenir des résultats impactants tout en échappant aux contraintes de la vraie vie (disponibilité des équipes, processus de décisions, contraintes techniques…) ?
Retours d’expériences chiffrés et témoignage de Cofidis Belgique (n°1 du crédit en ligne) vous permettra de découvrir comment faire bondir votre taux de conversion.
Guide des AAP, AMI et actions du Programme Investissements d'Avenir (PIA) - m...polenumerique33
Guide des AAP, AMI et actions du Programme Investissements d'Avenir (PIA) - mai 2015
http://www.gouvernement.fr/guide-des-aap-ami-et-actions-du-pia-2262
Conférence "Le maître d'ouvrage moteur du BIM ?" lors de la 2ème édition de BtoBIM (05/07/17).
Animée par Philippe des Robert, BDI.
Avec la présence de :
- Sébastien TESSIER, MEDIACONSTRUCT
- Gérôme GAURIAU, KPMG
- Yves Marie FAVRON, SEMBREIZH
- Serge JAFFRELO, Conseil Départemental de Loire Atlantique
- Frédéric ROUSSELOT, DURET PROMOTEUR
Le Crowdfunding pour les artistes et musiciensVirginie BERGER
Comment les artistes et musiciens peuvent utiliser les plates formes de crowdfunding (Kickstarter, Ulule, Kisskissbankbank..) pour developper leurs projets.
Institut Léonard de Vinci
MBA spécialisé « Marketing Commerce sur Internet »
Des compétences disponibles de mi avril à octobre 2014 pour une mission en entreprise.
Dianova Portugal at Social Stock Exchange Project 2009Dianova
At the Social Stock Exchange Portugal we are looking for social investors to implement the Learning and Entertainment Centre for Development "Education is the Best Prevention" project, a space for personal development and education for both parents and children.
Similaire à Web perf et rdc par Stephane Rios (20)
Grâce à une mise en lien par affinité, la plateforme Cocoriloc accompagne la colocation entre retraités actifs, en leur proposant une offre locative et des services adaptés.
Et si nous partagions un moment privilégié entre générations. Apylink est une plateforme nantaise de services ayant pour objectif de diminuer la solitude des seniors et d'accompagner financièrement de jeunes étudiants dans la réalisation de leurs projets.
ADW #8 : Performance web, mesurer et optimiser pour mieux convertirAtlantic 2.0
Lors de ce 8ème volet de la 3ème saison des Ateliers du Web, co-organisés avec Matinale Digitale, nous avons reçu à la Cantine, Damien Jubeau CEO de DareBoost. Ce mardi, il nous a exposé les bonnes pratiques à mettre en place en terme de site internet dans l'objectif de mieux convertir.
Pour ce 6ème Atelier e-Commerce, Jean-Lou Racine, CEO de l’agence web Le Phare, était à la Cantine ce mardi. Il a décrypté les points clés qui font les succès de ses clients e-commerçants depuis 16 ans pour nous apprendre à construire une stratégie digitale e-commerce.
ADW #7 : La voix du client au service de la performanceAtlantic 2.0
Lors de ce 7ème volet de la 3ème saison des Ateliers du Web, co-organisés avec Matinale Digitale, nous avons reçu à la Cantine Fabien Poulard, CEO de Dictanova. Ce mardi, il nous a exposé les bonnes pratiques à mettre en place en terme de remontées clients afin d’augmenter ses performances.
3. A,"+-'
• Mon parcours
• Un peu de Lean, d’Agile, voire de DevOps
• WebPerf
• enjeux et contexte
• technologies, règles, outils
• fasterize
• futur
4.
5. N.('#,)" ...
• ZX Spectrum en 1982, VIC20, C64, consoles, etc ...
• (des études)
• Gopher, Veronica, www en mode 3270 en1993
• première page HTML en 1994 (NCSA Mosaic)
• serveur Web en 1994 sur windows 3.11
• Webnet (“webagency”) en 1996
• RueDuCommerce en 2000
6. C/'$$"!r -’*&("( "( -" 0$
• démarrage à une époque où les ressources sont rares et
limitées (on optimise au maximum ce dont on dispose)
• pages < 5ko, 16 couleurs
premier site : intranet compta France Telecom, 90% des
• de temps
toujours à traquer l’octet en trop, la requête qui met trop
7. R!"D!C*00"r&".&*0
• “leader du eCommerce en France”
• distribution classique (depuis aout 1999)
• galerie marchande (août 2007)
• 370 M€ de volume d’affaire
• 8 millions de visiteurs / mois
• 100 millions de pages vues /mois
• plusieurs milliards de hits / mois
• pure player
• croissance rentable
8. S('r(!p “f*!r0)”
• “vieille startup” (pas vraiment hackathon ...)
• d’abord CTO Adjoint puis CTO
• premier chantier : optimisation
• réécriture d’une bonne partie du site 3 frontaux jusqu'en
2004
• RAM, disque”
pas dans l'esprit : “on a qu'à rajouter des serveurs, CPU,
• optimisation à fond des ressources (meilleure scalabilité)
9. U+ p"! -" ("&/+)q!"
• 3 datacenters, 200 serveurs, 2 CDN
• Load balancing local & global (F5, LVS)
• MySQL
Base de données SQL Server 2000 / 2005 / 2008 &
• Réplication dans tous les sens
• Coeur de réseau fibre optique éclairée
• PHP5, ColdFusion5
• Moteur de recherche : Sinequa Intuition
• Cache à tous les étages !
11. V*#!0%(r)"
• 10 millions de users
• 20 millions d’offres
• des tables plusieurs centaines de millions d’enregistrements
• 5000 hits/s
• 15 millions de pages indexées dans Google
• chaque octet compte !
13. E( 'prè$ ?
• la perf est un état d’esprit global (et peu de personnes
l’ont)
• CTO c’est quand même la meilleure place
• le “one-again” (ie à l’arrache) ne tient pas dans la durée
• développer le moins possible
• mettre en place une usine de dev
• tester
• passer aux méthodes Agile !
• comprendre la technique et le business est un atout majeur
15. D%v"#*pp"0"+( A,)#"
• Approche prédictive vs Approche adaptative (itération)
• 3 choses qu’on tient pour vrai :
• le “client” sait ce qu’il veut
• le développeur sait comment le construire
• surtout rien ne change en cours de route !
• mais nous devons plutôt vivre avec :
• le client découvre ce qu’il veut
• le développeur découvre comment le construire
• le monde change !
20. V'#"!r$
• Keep It Smart & Simple
• Build quality in
• Eliminate waste, remove impediments
21. V'#"!r$
• Keep It Smart & Simple
• Build quality in
• Eliminate waste, remove impediments
• Go fast / Fail Fast
22. V'#"!r$
• Keep It Smart & Simple
• Build quality in
• Eliminate waste, remove impediments
• Go fast / Fail Fast
• Measure all
23. V'#"!r$
• Keep It Smart & Simple
• Build quality in
• Eliminate waste, remove impediments
• Go fast / Fail Fast
• Measure all
• Respect people !
24. V'#"!r$
• Keep It Smart & Simple
• Build quality in
• Eliminate waste, remove impediments
• Go fast / Fail Fast
• Measure all
• Respect people !
• Transparency
25. V'#"!r$
• Keep It Smart & Simple
• Build quality in
• Eliminate waste, remove impediments
• Go fast / Fail Fast
• Measure all
• Respect people !
• Transparency
• Embrace failure
26. V'#"!r$
• Keep It Smart & Simple
• Build quality in
• Eliminate waste, remove impediments
• Go fast / Fail Fast
• Measure all
• Respect people !
• Transparency
• Embrace failure
• Automate all U can
27. V'#"!r$
• Keep It Smart & Simple
• Build quality in
• Eliminate waste, remove impediments
• Go fast / Fail Fast
• Measure all
• Respect people !
• Transparency
• Embrace failure
• Automate all U can
• JFDI
28. V'#"!r$
• Keep It Smart & Simple
• Build quality in
• Eliminate waste, remove impediments
• Go fast / Fail Fast
• Measure all
• Respect people !
• Transparency
• Embrace failure
• Automate all U can
• JFDI Just Fucking Do It
30. L"$ "+2"3
De nombreuses études réalisées par Amazon [1],
Google[2],Yahoo[3], AOL[4], Bing[5] ou bien Shopzilla[6]
ont montré que la performance Web avait un
impact direct et fort sur le business des sites Web
31. L"$ "+2"3
• Sur le chiffre d’affaire [1] : chez Amazon,100 ms de temps
de chargement en plus provoque une baisse de 1% de
chiffre d’affaire
• Sur le référencement naturel [7] : selon la communauté des
webmasters, au delà de 4s, Google modifie son classement
• provoque une baisse de trafic d’environ 10% sur cette
Sur le trafic : selon Yahoo, une page plus lente de 400ms
[3]
page
33. AOL
• Les
pages
les
plus
lentes
sont
celles
qui
ont
le
moins
de
trafic
34. P!b
• A user who has to endure an 8-second download delay
spends only 1% of their total viewing time looking at the
featured promotional space on a landing page.
In contrast, a user who receives instantaneous page
rendering spends 20% of viewing time within the
promotional area.
35.
36. P"r&"p()*+
• L’ analyse des ondes cérébrales révèle que les internautes
doivent se concentrer jusqu'à 50% de plus lors de
l'utilisation de sites Web répondant mal.
• Un internaute perçoit un site environ 15% plus lent qu’il
n’est réellement. Quand il en parle, il annonce 35% de
plus !
• Ce sont les premiers éléments d’une page qui comptent le
plus
41. Rè,#" -’*r
• 10 Golden Principles for Building Successful Web
Applications
• 1. Speed
• feature. Speed is the most important feature. If your
“First and foremost, we believe that speed is more than a
application is slow, people won’t use it.”
42. Rè,#" -’*r
• 10 Golden Principles for Building Successful Web
Applications
• 1. Speed
• feature. Speed is the most important feature. If your
“First and foremost, we believe that speed is more than a
application is slow, people won’t use it.”
• Fred Wilson (Entrepreneur, Twitter, del.icio.us ..)
47. T*!$ G**,#)$%$ !
• Google est (ultra)rapide
• Amazon est rapide
• Facebook est rapide
48. T*!$ G**,#)$%$ !
• Google est (ultra)rapide
• Amazon est rapide
• Facebook est rapide
• Un seul Internet
49. T*!$ G**,#)$%$ !
• Google est (ultra)rapide
• Amazon est rapide
• Facebook est rapide
• Un seul Internet
• que votre site soit plus lent que la recherche Google ou
Du point de vue des internautes, il n’y a pas de raison à ce
que le site d'Amazon.
50. L" &*+(4("
• Les performances d’un site Web dépendent [13] :
• du temps de réponse du serveur (~20% du total)
• du temps de chargement des pages HTML (~80% du total)
• Les pages sont devenues (hyper)complexes
• Pourtant on a l’ADSL non ?
• la latence n’est (presque) pas une une question de débit !
• users don’t leave in datacenters !
59. Or,'+)$'()*+
• Les organisations sont complexes
• les acteurs sont multiples
• les sources de contenu sont multiples
• pas prioritaire longtemps
• et surtout pas orientées pour générer de la perf
• Accélérer c’est possible pour tout le monde
• plus de travail !
S’organiser pour aller vite constamment demande un peu
• VelocityConf ≠ SpeedConf
62. L"$ ('b#"$ -" #' L*)
1. Make Fewer HTTP Requests
2. Use a Content Delivery Network
3. Add an Expires Header
4. Gzip Components
5. Put Stylesheets at the Top
6. Put Scripts at the Bottom
7. Avoid CSS Expressions
8. Make JavaScript and CSS External
9. Reduce DNS Lookups
10. Minify JavaScript
11. Avoid Redirects
12. Remove Duplicate Scripts
13. Configure ETags
14. Make AJAX Cacheable
64. E( #" 0*b)#" ?
• C’est pire !
• browser moins puissant
• machines moins puissantes
• le fonctionnement du réseau est différent
• Les règles sont soit complètement différentes, soit encore
plus importantes
• Solution : un site mobile différent du site “desktop” !
• problème de maintenance
• les utilisateurs préfèrent le “vrai” site, ils attendent la même expérience
65. R%$!0%
• Les organisations sont complexes
• Les règles sont complexes
• Elle nécessite des expertises fortes et multiples (de TCP/IP à CSS3 !)
• C’est un domaine en évolution constante (IE6 à Chrome 15 !)
• C’est un chantier sans fin ...
• ... qui finit par ne plus être prioritaire
71. F'$("r8"
• Fasterize est un accélérateur de site Web en mode SaaS
• HTML et simplifie la mise en oeuvre de ces optimisations
Fasterize intervient sur le temps de chargement des pages
• Une équipe de geeks
• Des fondateurs reconnus pour leur expérience
• Stéphane RIOS, CEO
• Vincent Voyer, expert Web Performance
• Advisory Board : ex-CTO de Dailymotion, CEO de
Viavoo, ...
72. N*(r" *ffr"
• Une optimisation en temps réel du temps de chargement
des pages HTML
• Une offre SaaS (Software as a Service)
• sous forme d’abonnement mensuel
• un tarif en fonction du nombre de pages vues / mois
• Sans contraintes
• pas de coûts d’investissements, pas d’engagement (SaaS)
• intégration et évolutions transparentes (matérielle, logicielle, process),
• Transfert de compétences en option (audit, conseil)
74. C*00"+( ç' 0'r&/" ?
,$-%'./$ )*+
le
Go og
web html
sc
CSS
imag
('$#'
rip !"
e "!"!"!!!!""!""!"!
t ""! """ !
script !""!
!"
!"" "!!"" !"!
" !"!! !""!"!!
" ! !"
""" !!!"! !"" """! """"!"!
image !
""! !"!"! "!!!
!
"!
!""" !""!!""
!!
""" "!!!" !!"" """! !"!"!!!
!"
"!!
"!! !"!! ""!! !"!!!""
Dat "!"
!
"!
""""! !!"!"!!
as !"!!
"!"!
Data
s
Sans Fasterize : les pages sont lourdes et lentes à charger
75. C*00"+( ç' 0'r&/" ?
,$-%'./$
!""!!"!""!"!!
!""!!"!""!"!!
!"!!!"""""!"!
!""!!"!""!"!!
!"!!!"""""!"!
"""!"!!""!!""
!"!!!"""""!"!
"""!"!!""!!""
!"""!!!"!"!!!
"""!"!!""!!""
!"""!!!"!"!!!
"""!!"!"!!!""
!"""!!!"!"!!!
"""!!"!"!!!""
""!!"!!!"!"!!
"""!!"!"!!!""
""!!"!!!"!"!!
""""!!"!!"!"!
""!!"!!!"!"!!
""""!!"!!"!"!
Data s
Data
""""!!"!!"!"!
scrip t
scrip
scriptt
)*+
Datass
Google
html
web
!"#$%&'$#'
CSS
CSS imag e
imag
imagee
CSS
76. C*00"+( ç' 0'r&/" ?
,$-%'./$
!""!!"!""!"!!
!""!!"!""!"!!
!"!!!"""""!"!
!""!!"!""!"!!
!"!!!"""""!"!
"""!"!!""!!""
!"!!!"""""!"!
"""!"!!""!!""
!"""!!!"!"!!!
"""!"!!""!!""
!"""!!!"!"!!!
"""!!"!"!!!""
!"""!!!"!"!!!
"""!!"!"!!!""
""!!"!!!"!"!!
"""!!"!"!!!""
""!!"!!!"!"!!
""""!!"!!"!"!
""!!"!!!"!"!!
""""!!"!!"!"!
Data s
Data
""""!!"!!"!"!
scrip t
scrip
scriptt
)*+
Datass
Google
html
web
!"#$%&'$#'
CSS
CSS imag e
imag
imagee
CSS
Compression
77. C*00"+( ç' 0'r&/" ?
,$-%'./$
!""!!"!""!"!!
!""!!"!""!"!!
!"!!!"""""!"!
!""!!"!""!"!!
!"!!!"""""!"!
"""!"!!""!!""
!"!!!"""""!"!
"""!"!!""!!""
!"""!!!"!"!!!
"""!"!!""!!""
!"""!!!"!"!!!
"""!!"!"!!!""
!"""!!!"!"!!!
"""!!"!"!!!""
""!!"!!!"!"!!
"""!!"!"!!!""
""!!"!!!"!"!!
""""!!"!!"!"!
""!!"!!!"!"!!
""""!!"!!"!"!
Data s
Data
""""!!"!!"!"!
scrip t
scrip
scriptt
)*+
Datass
Google
html
web
!"#$%&'$#'
CSS
CSS imag e
imag
imagee
CSS
Compression
Concaténation
78. C*00"+( ç' 0'r&/" ?
,$-%'./$
!""!!"!""!"!!
!""!!"!""!"!!
!"!!!"""""!"!
!""!!"!""!"!!
!"!!!"""""!"!
"""!"!!""!!""
!"!!!"""""!"!
"""!"!!""!!""
!"""!!!"!"!!!
"""!"!!""!!""
!"""!!!"!"!!!
"""!!"!"!!!""
!"""!!!"!"!!!
"""!!"!"!!!""
""!!"!!!"!"!!
"""!!"!"!!!""
""!!"!!!"!"!!
""""!!"!!"!"!
""!!"!!!"!"!!
""""!!"!!"!"!
Data s
Data
""""!!"!!"!"!
scrip t
scrip
scriptt
)*+
Datass
Google
html
web
!"#$%&'$#'
CSS
CSS imag e
imag
imagee
CSS
Compression
Concaténation
Optimisation du cache
79. C*00"+( ç' 0'r&/" ?
,$-%'./$
!""!!"!""!"!!
!""!!"!""!"!!
!"!!!"""""!"!
!""!!"!""!"!!
!"!!!"""""!"!
"""!"!!""!!""
!"!!!"""""!"!
"""!"!!""!!""
!"""!!!"!"!!!
"""!"!!""!!""
!"""!!!"!"!!!
"""!!"!"!!!""
!"""!!!"!"!!!
"""!!"!"!!!""
""!!"!!!"!"!!
"""!!"!"!!!""
""!!"!!!"!"!!
""""!!"!!"!"!
""!!"!!!"!"!!
""""!!"!!"!"!
Data s
Data
""""!!"!!"!"!
scrip t
scrip
scriptt
)*+
Datass
Google
html
web
!"#$%&'$#'
CSS
CSS imag e
imag
imagee
CSS
Compression
Concaténation
Optimisation du cache
Réorganisation du code
80. C*00"+( ç' 0'r&/" ?
,$-%'./$
!""!!"!""!"!!
!""!!"!""!"!!
!"!!!"""""!"!
!""!!"!""!"!!
!"!!!"""""!"!
"""!"!!""!!""
!"!!!"""""!"!
"""!"!!""!!""
!"""!!!"!"!!!
"""!"!!""!!""
!"""!!!"!"!!!
"""!!"!"!!!""
!"""!!!"!"!!!
"""!!"!"!!!""
""!!"!!!"!"!!
"""!!"!"!!!""
""!!"!!!"!"!!
""""!!"!!"!"!
""!!"!!!"!"!!
""""!!"!!"!"!
Data s
Data
""""!!"!!"!"!
scrip t
scrip
scriptt
)*+
Datass
Google
html
web
!"#$%&'$#'
CSS
CSS imag e
imag
imagee
CSS
Compression
Concaténation
Optimisation du cache
Réorganisation du code
...
81. C*00"+( ç' 0'r&/" ?
,$-%'./$
!""!!"!""!"!!
!""!!"!""!"!!
!"!!!"""""!"!
!""!!"!""!"!!
!"!!!"""""!"!
"""!"!!""!!""
!"!!!"""""!"!
"""!"!!""!!""
!"""!!!"!"!!!
"""!"!!""!!""
!"""!!!"!"!!!
"""!!"!"!!!""
!"""!!!"!"!!!
"""!!"!"!!!""
""!!"!!!"!"!!
"""!!"!"!!!""
""!!"!!!"!"!!
""""!!"!!"!"!
""!!"!!!"!"!!
""""!!"!!"!"!
Data s
Data
""""!!"!!"!"!
scrip t
scrip
scriptt
)*+
Datass
Google
html
web
!"#$%&'$#'
CSS
CSS imag e
imag
imagee
CSS
Compression
Concaténation
Optimisation du cache
Réorganisation du code
...
Avec Fasterize : des pages optimisées et rapides à charger
82. L"$ b%+%1&"$ b!$)+"$$
• Augmentation du taux de transformation
• Augmentation du trafic
• pages vues
• temps passé par visite
• Augmentation de la satisfaction utilisateur
• Amélioration de l’image
• Amélioration du référencement naturel
83. L"$ b%+%1&"$ IT
• Des équipes IT focus sur le développement de nouvelles
fonctionnalités (productivité)
• performances du site
Le manque de ressources techniques ne pénalise pas les
• développements
Un impact immédiat, sans attendre des semaines de
• Des économies de bande passante et de matériel
84. F*+&()*++'#)(%$
• Le moteur de Fasterize intervient à plusieurs niveaux
• Perception (start render) • Gestion de cache
• async loading js • optimisation des TTL
• lazy loading images • URL versionning
• Optimisation de contenu • Réseau
• minification JS / CSS • domain sharding
• concaténation JS / CSS • cookie-less domains
• compression (gzip, images)
85.
86.
87. M)$" "+ *"7r"
• Pas de modification de code et d’infrastructure
• Pas de paramétrages spécifiques
• identique à la production (plateforme de staging)
Possibilité de tester dans un environnement séparé mais
• Sans danger
• plateforme hautement tolérante aux pannes, validée par des tests de
charge, architecture distribuée
• autoscaling (ajout de serveurs automatiquement en fonction de la charge)
• coupe circuit via unde Fasterize,indépendantroutécas deles serveursgrave
sur l’infrastructure
opérateur
le trafic est
: en
vers
problème
d’origine
88. M)$" "+ *"7r"
• Le site Web dispose déjà d’un CDN ?
• configuration de l’origine des CDN en origin.monsite.com.fasterized.com
• c’est parti !
• Le site Web ne dispose pas d’un CDN ?
• configuration de plusieurs CDN choisis par Fasterize
• configuration de l’origine des CDN
• c’est parti !
• CDN = Content Delivery Network (Akamaï, Cotendo,
CloudFront, etc ...)
89. M)$" "+ *"7r"
• Possibilité de tester en live les résultats d’une optimisation
pour le site entier
• Nécessite peu de préparatif et de configuration (DNS)
• Aucune préparation de la part du site testé
92. F!(!r
• Browser : disparition d’IE6/IE7/IE8, HTML5, accélération
matérielle
• Google Instant Pages
• utilisation du prerendering
• déjà actif avec Chrome, sur les premiers résultats de la page de recherche
93. F!(!r
• Browser : disparition d’IE6/IE7/IE8, HTML5, accélération
matérielle
• Google Instant Pages
• utilisation du prerendering
• déjà actif avec Chrome, sur les premiers résultats de la page de recherche
• Amazon Silk
• dynamic split of rendering in the Cloud
94. F!(!r
• Browser : disparition d’IE6/IE7/IE8, HTML5, accélération
matérielle
• Google Instant Pages
• utilisation du prerendering
• déjà actif avec Chrome, sur les premiers résultats de la page de recherche
!"#$%&'()*+&,(
• Amazon Silk
• dynamic split of rendering in the Cloud
EC2 Kindle Fire
95. F!(!r
• Browser : disparition d’IE6/IE7/IE8, HTML5, accélération
matérielle
• Google Instant Pages
• utilisation du prerendering
• déjà actif avec Chrome, sur les premiers résultats de la page de recherche
!"#$%&'()*+&,(
• Amazon Silk
• dynamic split of rendering in the Cloud
EC2 EC2
Kindle Fire Kindle Fire
96. F!(!r
• Browser : disparition d’IE6/IE7/IE8, HTML5, accélération
matérielle
• Google Instant Pages
• utilisation du prerendering
• déjà actif avec Chrome, sur les premiers résultats de la page de recherche
!"#$%&'()*+&,(
• Amazon Silk
• dynamic split of rendering in the Cloud
EC2 EC2
Kindle Fire Kindle Fire EC2 Kindle Fire
101. R%f%r"+&"$
• Fred Wilson’s 10 Golden Principles of Successful Web Apps :
http://thinkvitamin.com/web-apps/fred-wilsons-10-golden-
principles-of-successful-web-apps/
• http://agilesoftwaredevelopment.com/leanprinciples
• http://blog.davidsingleton.org/mobiletcp
• http://www.measureworks.nl/en/
• http://www.webperformancetoday.com/
• optimization-hub/
http://www.strangeloopnetworks.com/web-performance-
• http://www.paperplanes.de/2011/7/25/
web_operations_101_for_developers.html
102. L"&(!r"$
• Implementing Lean Software Development : from Concept to Cash - Mary
& Tom Poppendieck
• Le But - Eliyahu M. Goldratt
• Hors piste - Pierre Letourneur (ouvrage collectif)
• Hors de la crise - W. Edwards Deming
• Scrum And XP from the trenches - Henry Kniberg
• Building Scalable Websites - Cal Henderson
• High Performances WebSite - Steve Souders
• Even Faster WebSite - Steve Souders & Al
• L’art de démotiver ses collaborateurs et de saborder son entreprise -
François Bocquet
• Partageons ce qui nous départage - ouvrage collectif (Octo)
103. C*+('&($
• Je suis à votre disposition !
• mail : s@fasterize.com
• twitter : http://twitter.com/fasterize
• site web : http://www.fasterize.com
• linkedin : http://www.linkedin.com/company/fasterize
• téléphone : +33 6 30 26 44 80