SlideShare une entreprise Scribd logo
1  sur  38
Optimisation des sites internet Lilian RIGARD
Qui suis-je ? Lilian RIGARD - CEO & CTO Devclic - Dans l'internet depuis 1995 - Fort intérêt pour l'optimisation des sites internet - Développeur PHP et  Administrateur Système / Réseau - 10 ans d'expérience en PHP - Formation : autodidacte - Twitter : @liliandev - Email :  [email_address]
Qui est Devclic ? - Fondée en 2004 (SARL depuis 2005) - Hébergeur de sites internet / Opérateur Internet / Consulting ,[object Object]
Opérateur internet déclaré au RIPE : ADSL, SDSL, Fibre Optique, Transit IP
Consulting en création de sites internet / Développement spécifique - Editeur de sites internet ,[object Object],- Infrastructure : ,[object Object]
150 Serveurs en propre (Virtuels et Physiques) - Références :  ,[object Object]
Des nouveaux à venir : ... vous ? - Twitter : @devclic - Email :  [email_address] - Site internet : non mentionnable … :-)
L'Optimisation des sites internet Ma définition :  C'est le fait de gagner partout on l'on peut des « ms » afin de faire  diminuer la charge serveurs , diminuer  le temps de chargement des pages du site internet  et devenir un peu plus  « green » Cela permet : ,[object Object]
Sur la bande passante
Sur les machines ,[object Object],[object Object]
Plus de transformation
Plus de fidélisation ,[object Object],[object Object],[object Object]
D'améliorer la disponibilité de son site internet
D'afficher que votre site internet est « vert » (« green »)
Pourquoi ne pas optimiser ? ,[object Object]
Méthode Microsoft : je rachète des plus gros serveurs ou j'en mets plus
Manque de temps
Fainéantise
Y trouver aucun intérêt (enfin jusqu'à aujourd'hui …)
L'importance du temps de chargement Des résultats de mesures effectuées :  ,[object Object]
Yahoo : Chargement +400 ms donne un abandon de 5 à 9 %
Bing : Chargement : +1 s donne 2,8 % de perte en publicité Impacts :  ,[object Object]
Internautes cherchant d'autres sites internet (manque de temps général)
Coûts d'exploitation augmentés
Exemples concrets de non optimisation ,[object Object],[object Object]
Manque de savoir-faire dans les architectures Web
Manque de savoir-faire dans l'optimisation des sites internet ,[object Object]
Exemple concret d'optimisation JeTelecharge ( Lexgo Network EURL ) : En 2002 :  ,[object Object]
Peu de visiteurs En 2003 : ,[object Object]
Plantage régulier du serveur -> Administrateur Système pas content :-)
Webmaster pas content non plus ( manque de Chiffre d'Affaires ) et perte de visiteurs En 2004 :  ,[object Object]
-> Plus de problème de charge
-> Le site accueille sans problème plus de visiteurs En 2011 : ,[object Object]
167 000 € de CA pour l'année 2010 (source societe.com)
4 ou 5 sites sur le même modèle de script avec des améliorations de la part du Webmaster ( ancien stagiaire Devclic :-) )
Quels axes d'optimisation ? L'architecture -> Permet d'obtenir tout de suite la meilleure architecture logicielle et la meilleure  façon d'arriver à notre but -> Permet en remplaçant un logiciel par un autre d'enlever le point de blocage -> Permet en activant certaines options du kernel Linux de diminuer les coûts    d'exploitation -> Permet de supprimer des points de blocage en changeant l'architecture de la    solution ( ex. : Master / Slave MySQL ) Le code source ,[object Object]
Côté Serveur ->Permet de gagner très simplement de la charge et de diminuer les temps de    réponse ( modification du code )
Optimisation de l'architecture L'architecture est composée de 2 architectures liées :  ,[object Object]

Contenu connexe

Tendances

Combien coûte un site WordPress ? - Wordcamp Paris 2014
Combien coûte un site WordPress ? - Wordcamp Paris 2014Combien coûte un site WordPress ? - Wordcamp Paris 2014
Combien coûte un site WordPress ? - Wordcamp Paris 2014Thierry Pigot
 
Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...
Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...
Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...pierredargham
 
WordPress en tant que CMS
WordPress en tant que CMSWordPress en tant que CMS
WordPress en tant que CMSAurélien Denis
 
Comment se charge WordPress ? Le loading du core.
Comment se charge WordPress ? Le loading du core.Comment se charge WordPress ? Le loading du core.
Comment se charge WordPress ? Le loading du core.Boiteaweb
 
10 conseils pour booster les performances de votre site sous WordPress
10 conseils pour booster les performances de votre site sous WordPress10 conseils pour booster les performances de votre site sous WordPress
10 conseils pour booster les performances de votre site sous WordPressAurélien Denis
 
Wordcamp paris 2015 dev-pragmatique-bonnes-pratiques
Wordcamp paris 2015  dev-pragmatique-bonnes-pratiquesWordcamp paris 2015  dev-pragmatique-bonnes-pratiques
Wordcamp paris 2015 dev-pragmatique-bonnes-pratiquesSylvie Clément
 
Le meilleur pour votre site WordPress
Le meilleur pour votre site WordPressLe meilleur pour votre site WordPress
Le meilleur pour votre site WordPressAurélien Denis
 
Web performance - appliquer les règles de base
Web performance - appliquer les règles de baseWeb performance - appliquer les règles de base
Web performance - appliquer les règles de baseJonathan Buttigieg
 
Atelier WordPress - Freelance fair tour - La cordée Rennes
Atelier WordPress - Freelance fair tour - La cordée RennesAtelier WordPress - Freelance fair tour - La cordée Rennes
Atelier WordPress - Freelance fair tour - La cordée Renneswpalex
 
1. Prestashop - Pré-requis
1. Prestashop - Pré-requis1. Prestashop - Pré-requis
1. Prestashop - Pré-requisAgence Webup
 
Enrichir vos contenus Wordpress avec les API - WPTech 2015
Enrichir vos contenus Wordpress avec les API - WPTech 2015Enrichir vos contenus Wordpress avec les API - WPTech 2015
Enrichir vos contenus Wordpress avec les API - WPTech 2015PXNetwork
 
Bâtir son site a l'aide de wordpress
Bâtir son site a l'aide de wordpressBâtir son site a l'aide de wordpress
Bâtir son site a l'aide de wordpressFrédéric Caron
 
Un site de collectivité sur WordPress ? Méthodes et retours d'XP
Un site de collectivité sur WordPress ? Méthodes et retours d'XPUn site de collectivité sur WordPress ? Méthodes et retours d'XP
Un site de collectivité sur WordPress ? Méthodes et retours d'XPatelier111
 
Bien débuter dans la conception d'un thème WordPress
Bien débuter dans la conception d'un thème WordPressBien débuter dans la conception d'un thème WordPress
Bien débuter dans la conception d'un thème WordPressAurélien Denis
 
64 conneries que font les référenceurs avec WordPress
64 conneries que font les référenceurs avec WordPress64 conneries que font les référenceurs avec WordPress
64 conneries que font les référenceurs avec WordPressAurélien Denis
 
Optimisation des performances d'un site web
Optimisation des performances d'un site webOptimisation des performances d'un site web
Optimisation des performances d'un site webKaelig Deloumeau-Prigent
 

Tendances (20)

Combien coûte un site WordPress ? - Wordcamp Paris 2014
Combien coûte un site WordPress ? - Wordcamp Paris 2014Combien coûte un site WordPress ? - Wordcamp Paris 2014
Combien coûte un site WordPress ? - Wordcamp Paris 2014
 
Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...
Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...
Pensez Web-Performances avec WordPress - Une conférence de Julien Oger et Pie...
 
WordPress en tant que CMS
WordPress en tant que CMSWordPress en tant que CMS
WordPress en tant que CMS
 
Comment se charge WordPress ? Le loading du core.
Comment se charge WordPress ? Le loading du core.Comment se charge WordPress ? Le loading du core.
Comment se charge WordPress ? Le loading du core.
 
10 conseils pour booster les performances de votre site sous WordPress
10 conseils pour booster les performances de votre site sous WordPress10 conseils pour booster les performances de votre site sous WordPress
10 conseils pour booster les performances de votre site sous WordPress
 
WordPress et Ninja forms
WordPress et Ninja formsWordPress et Ninja forms
WordPress et Ninja forms
 
Optimisation de son site web
Optimisation de son site webOptimisation de son site web
Optimisation de son site web
 
Wordcamp paris 2015 dev-pragmatique-bonnes-pratiques
Wordcamp paris 2015  dev-pragmatique-bonnes-pratiquesWordcamp paris 2015  dev-pragmatique-bonnes-pratiques
Wordcamp paris 2015 dev-pragmatique-bonnes-pratiques
 
Le meilleur pour votre site WordPress
Le meilleur pour votre site WordPressLe meilleur pour votre site WordPress
Le meilleur pour votre site WordPress
 
Web performance - appliquer les règles de base
Web performance - appliquer les règles de baseWeb performance - appliquer les règles de base
Web performance - appliquer les règles de base
 
Atelier WordPress - Freelance fair tour - La cordée Rennes
Atelier WordPress - Freelance fair tour - La cordée RennesAtelier WordPress - Freelance fair tour - La cordée Rennes
Atelier WordPress - Freelance fair tour - La cordée Rennes
 
1. Prestashop - Pré-requis
1. Prestashop - Pré-requis1. Prestashop - Pré-requis
1. Prestashop - Pré-requis
 
Enrichir vos contenus Wordpress avec les API - WPTech 2015
Enrichir vos contenus Wordpress avec les API - WPTech 2015Enrichir vos contenus Wordpress avec les API - WPTech 2015
Enrichir vos contenus Wordpress avec les API - WPTech 2015
 
WordPress et le SEO
WordPress et le SEOWordPress et le SEO
WordPress et le SEO
 
Bâtir son site a l'aide de wordpress
Bâtir son site a l'aide de wordpressBâtir son site a l'aide de wordpress
Bâtir son site a l'aide de wordpress
 
SAPIENS2009 - Module 4B
SAPIENS2009 - Module 4BSAPIENS2009 - Module 4B
SAPIENS2009 - Module 4B
 
Un site de collectivité sur WordPress ? Méthodes et retours d'XP
Un site de collectivité sur WordPress ? Méthodes et retours d'XPUn site de collectivité sur WordPress ? Méthodes et retours d'XP
Un site de collectivité sur WordPress ? Méthodes et retours d'XP
 
Bien débuter dans la conception d'un thème WordPress
Bien débuter dans la conception d'un thème WordPressBien débuter dans la conception d'un thème WordPress
Bien débuter dans la conception d'un thème WordPress
 
64 conneries que font les référenceurs avec WordPress
64 conneries que font les référenceurs avec WordPress64 conneries que font les référenceurs avec WordPress
64 conneries que font les référenceurs avec WordPress
 
Optimisation des performances d'un site web
Optimisation des performances d'un site webOptimisation des performances d'un site web
Optimisation des performances d'un site web
 

En vedette

Presentation Progettuale Belgique
Presentation Progettuale BelgiquePresentation Progettuale Belgique
Presentation Progettuale BelgiqueChristophe Delire
 
Premieres communions 9mai 2010
Premieres communions 9mai 2010Premieres communions 9mai 2010
Premieres communions 9mai 2010Outremeuse
 
Victor Javier Castro Moreno
Victor Javier Castro MorenoVictor Javier Castro Moreno
Victor Javier Castro Morenovictor javier
 
Le québec_Paula Fernandez
Le québec_Paula FernandezLe québec_Paula Fernandez
Le québec_Paula Fernandezpacitina
 
Paradigma Gral. De Aprendizaje En El Conexionismo.
Paradigma Gral. De Aprendizaje En El Conexionismo.Paradigma Gral. De Aprendizaje En El Conexionismo.
Paradigma Gral. De Aprendizaje En El Conexionismo.rangel leon
 
La Importancia De La EDFI
La Importancia De La EDFILa Importancia De La EDFI
La Importancia De La EDFILuis
 
Naturaleza Mujer
Naturaleza MujerNaturaleza Mujer
Naturaleza Mujeranaclarshin
 
RE-DISS: Stromkennzeichnung und die Berücksichtigung von Strom in Klimabilanzen
RE-DISS: Stromkennzeichnung und die Berücksichtigung von Strom in KlimabilanzenRE-DISS: Stromkennzeichnung und die Berücksichtigung von Strom in Klimabilanzen
RE-DISS: Stromkennzeichnung und die Berücksichtigung von Strom in KlimabilanzenOeko-Institut
 
Serienbrief erstellen
Serienbrief erstellenSerienbrief erstellen
Serienbrief erstellenbeatrixbartl
 
Bibliotecas
BibliotecasBibliotecas
Bibliotecaskusschen
 
Libya
LibyaLibya
LibyaSEGA
 

En vedette (20)

Analizando
AnalizandoAnalizando
Analizando
 
Presentation Progettuale Belgique
Presentation Progettuale BelgiquePresentation Progettuale Belgique
Presentation Progettuale Belgique
 
Premieres communions 9mai 2010
Premieres communions 9mai 2010Premieres communions 9mai 2010
Premieres communions 9mai 2010
 
test_ms_ppt
test_ms_ppttest_ms_ppt
test_ms_ppt
 
Victor Javier Castro Moreno
Victor Javier Castro MorenoVictor Javier Castro Moreno
Victor Javier Castro Moreno
 
Vorteile E-Mail-Marketing
Vorteile  E-Mail-MarketingVorteile  E-Mail-Marketing
Vorteile E-Mail-Marketing
 
Le québec_Paula Fernandez
Le québec_Paula FernandezLe québec_Paula Fernandez
Le québec_Paula Fernandez
 
Estruct
EstructEstruct
Estruct
 
trabajo2
trabajo2trabajo2
trabajo2
 
materias (biologia)
materias (biologia)materias (biologia)
materias (biologia)
 
Paradigma Gral. De Aprendizaje En El Conexionismo.
Paradigma Gral. De Aprendizaje En El Conexionismo.Paradigma Gral. De Aprendizaje En El Conexionismo.
Paradigma Gral. De Aprendizaje En El Conexionismo.
 
La Importancia De La EDFI
La Importancia De La EDFILa Importancia De La EDFI
La Importancia De La EDFI
 
L O S E C O S I S T E M A S
L O S  E C O S I S T E M A SL O S  E C O S I S T E M A S
L O S E C O S I S T E M A S
 
Naturaleza Mujer
Naturaleza MujerNaturaleza Mujer
Naturaleza Mujer
 
RE-DISS: Stromkennzeichnung und die Berücksichtigung von Strom in Klimabilanzen
RE-DISS: Stromkennzeichnung und die Berücksichtigung von Strom in KlimabilanzenRE-DISS: Stromkennzeichnung und die Berücksichtigung von Strom in Klimabilanzen
RE-DISS: Stromkennzeichnung und die Berücksichtigung von Strom in Klimabilanzen
 
Acoplamiento
AcoplamientoAcoplamiento
Acoplamiento
 
Serienbrief erstellen
Serienbrief erstellenSerienbrief erstellen
Serienbrief erstellen
 
Co p
Co pCo p
Co p
 
Bibliotecas
BibliotecasBibliotecas
Bibliotecas
 
Libya
LibyaLibya
Libya
 

Similaire à Kiwiparty 2011 - Optimisation des sites internet

Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Fasterize
 
Morning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slidesMorning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slidesOxalide
 
Oxalide Morning tech #2 - démarche performance
Oxalide Morning tech #2 - démarche performanceOxalide Morning tech #2 - démarche performance
Oxalide Morning tech #2 - démarche performanceLudovic Piot
 
Performance et optimisation de PrestaShop
Performance et optimisation de PrestaShopPerformance et optimisation de PrestaShop
Performance et optimisation de PrestaShopPrestaShop
 
Réussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPressRéussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPressJulien Dereumaux
 
Introduction au #MicrosoftGraph demarrez vite et livrez rapidemment #MWCP18
Introduction au #MicrosoftGraph demarrez vite et livrez rapidemment #MWCP18Introduction au #MicrosoftGraph demarrez vite et livrez rapidemment #MWCP18
Introduction au #MicrosoftGraph demarrez vite et livrez rapidemment #MWCP18Vincent Biret
 
2018-10-17 J1 7D - Introduction au Microsoft Graph démarrez vite et livrez ra...
2018-10-17 J1 7D - Introduction au Microsoft Graph démarrez vite et livrez ra...2018-10-17 J1 7D - Introduction au Microsoft Graph démarrez vite et livrez ra...
2018-10-17 J1 7D - Introduction au Microsoft Graph démarrez vite et livrez ra...Modern Workplace Conference Paris
 
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Peak Ace
 
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échoué
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échouéLe Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échoué
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échouéPhilippe YONNET
 
Edge SEO & Cloud SEO : Comment faire du SEO dans le cloud quand tout le reste...
Edge SEO & Cloud SEO : Comment faire du SEO dans le cloud quand tout le reste...Edge SEO & Cloud SEO : Comment faire du SEO dans le cloud quand tout le reste...
Edge SEO & Cloud SEO : Comment faire du SEO dans le cloud quand tout le reste...Fasterize
 
Ma stack d'outils agiles, tout un programme !
Ma stack d'outils agiles, tout un programme !Ma stack d'outils agiles, tout un programme !
Ma stack d'outils agiles, tout un programme !Cédric Leblond
 
Core Web Vitals, les indicateurs de vitesse qui réconcilient UX et SEO
Core Web Vitals, les indicateurs de vitesse qui réconcilient UX et SEOCore Web Vitals, les indicateurs de vitesse qui réconcilient UX et SEO
Core Web Vitals, les indicateurs de vitesse qui réconcilient UX et SEOWeLoveSEO
 
Seo camp day lorraine 2018 - Nancy gregory ambroise
Seo camp day lorraine 2018  - Nancy gregory ambroiseSeo camp day lorraine 2018  - Nancy gregory ambroise
Seo camp day lorraine 2018 - Nancy gregory ambroiseGrégory Ambroise
 
Core web vitals pour unifier UX et SEO - Stephane Rios - SEO Camp'us paris 2020
Core web vitals pour unifier UX et SEO - Stephane Rios - SEO Camp'us paris 2020Core web vitals pour unifier UX et SEO - Stephane Rios - SEO Camp'us paris 2020
Core web vitals pour unifier UX et SEO - Stephane Rios - SEO Camp'us paris 2020SEO CAMP
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!CARA_Lyon
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!CARA_Lyon
 
Evolutions et nouveaux outils SEO
Evolutions et nouveaux outils SEOEvolutions et nouveaux outils SEO
Evolutions et nouveaux outils SEODimitri Brunel
 
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...Kenny Dits
 
Retour d'expérience sur Capistrano
Retour d'expérience sur CapistranoRetour d'expérience sur Capistrano
Retour d'expérience sur CapistranoOxalide
 
Devenez un Expert SharePoint - Évitez les erreurs fréquentes
Devenez un Expert SharePoint - Évitez les erreurs fréquentesDevenez un Expert SharePoint - Évitez les erreurs fréquentes
Devenez un Expert SharePoint - Évitez les erreurs fréquentesGSoft
 

Similaire à Kiwiparty 2011 - Optimisation des sites internet (20)

Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
 
Morning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slidesMorning tech #2 - Démarche performance slides
Morning tech #2 - Démarche performance slides
 
Oxalide Morning tech #2 - démarche performance
Oxalide Morning tech #2 - démarche performanceOxalide Morning tech #2 - démarche performance
Oxalide Morning tech #2 - démarche performance
 
Performance et optimisation de PrestaShop
Performance et optimisation de PrestaShopPerformance et optimisation de PrestaShop
Performance et optimisation de PrestaShop
 
Réussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPressRéussir la Construction du cahier des charges de son site web WordPress
Réussir la Construction du cahier des charges de son site web WordPress
 
Introduction au #MicrosoftGraph demarrez vite et livrez rapidemment #MWCP18
Introduction au #MicrosoftGraph demarrez vite et livrez rapidemment #MWCP18Introduction au #MicrosoftGraph demarrez vite et livrez rapidemment #MWCP18
Introduction au #MicrosoftGraph demarrez vite et livrez rapidemment #MWCP18
 
2018-10-17 J1 7D - Introduction au Microsoft Graph démarrez vite et livrez ra...
2018-10-17 J1 7D - Introduction au Microsoft Graph démarrez vite et livrez ra...2018-10-17 J1 7D - Introduction au Microsoft Graph démarrez vite et livrez ra...
2018-10-17 J1 7D - Introduction au Microsoft Graph démarrez vite et livrez ra...
 
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
Améliorer les performances de vos sites web une priorité pour 2018 - Petit dé...
 
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échoué
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échouéLe Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échoué
Le Edge SEO : comment faire du SEO dans le Cloud quand tout le reste a échoué
 
Edge SEO & Cloud SEO : Comment faire du SEO dans le cloud quand tout le reste...
Edge SEO & Cloud SEO : Comment faire du SEO dans le cloud quand tout le reste...Edge SEO & Cloud SEO : Comment faire du SEO dans le cloud quand tout le reste...
Edge SEO & Cloud SEO : Comment faire du SEO dans le cloud quand tout le reste...
 
Ma stack d'outils agiles, tout un programme !
Ma stack d'outils agiles, tout un programme !Ma stack d'outils agiles, tout un programme !
Ma stack d'outils agiles, tout un programme !
 
Core Web Vitals, les indicateurs de vitesse qui réconcilient UX et SEO
Core Web Vitals, les indicateurs de vitesse qui réconcilient UX et SEOCore Web Vitals, les indicateurs de vitesse qui réconcilient UX et SEO
Core Web Vitals, les indicateurs de vitesse qui réconcilient UX et SEO
 
Seo camp day lorraine 2018 - Nancy gregory ambroise
Seo camp day lorraine 2018  - Nancy gregory ambroiseSeo camp day lorraine 2018  - Nancy gregory ambroise
Seo camp day lorraine 2018 - Nancy gregory ambroise
 
Core web vitals pour unifier UX et SEO - Stephane Rios - SEO Camp'us paris 2020
Core web vitals pour unifier UX et SEO - Stephane Rios - SEO Camp'us paris 2020Core web vitals pour unifier UX et SEO - Stephane Rios - SEO Camp'us paris 2020
Core web vitals pour unifier UX et SEO - Stephane Rios - SEO Camp'us paris 2020
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!
 
Evolutions et nouveaux outils SEO
Evolutions et nouveaux outils SEOEvolutions et nouveaux outils SEO
Evolutions et nouveaux outils SEO
 
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
Initiation Webperf : Comprendre, analyser et optimiser les performances web F...
 
Retour d'expérience sur Capistrano
Retour d'expérience sur CapistranoRetour d'expérience sur Capistrano
Retour d'expérience sur Capistrano
 
Devenez un Expert SharePoint - Évitez les erreurs fréquentes
Devenez un Expert SharePoint - Évitez les erreurs fréquentesDevenez un Expert SharePoint - Évitez les erreurs fréquentes
Devenez un Expert SharePoint - Évitez les erreurs fréquentes
 

Kiwiparty 2011 - Optimisation des sites internet

  • 1. Optimisation des sites internet Lilian RIGARD
  • 2. Qui suis-je ? Lilian RIGARD - CEO & CTO Devclic - Dans l'internet depuis 1995 - Fort intérêt pour l'optimisation des sites internet - Développeur PHP et Administrateur Système / Réseau - 10 ans d'expérience en PHP - Formation : autodidacte - Twitter : @liliandev - Email : [email_address]
  • 3.
  • 4. Opérateur internet déclaré au RIPE : ADSL, SDSL, Fibre Optique, Transit IP
  • 5.
  • 6.
  • 7. Des nouveaux à venir : ... vous ? - Twitter : @devclic - Email : [email_address] - Site internet : non mentionnable … :-)
  • 8.
  • 9. Sur la bande passante
  • 10.
  • 12.
  • 13. D'améliorer la disponibilité de son site internet
  • 14. D'afficher que votre site internet est « vert » (« green »)
  • 15.
  • 16. Méthode Microsoft : je rachète des plus gros serveurs ou j'en mets plus
  • 19. Y trouver aucun intérêt (enfin jusqu'à aujourd'hui …)
  • 20.
  • 21. Yahoo : Chargement +400 ms donne un abandon de 5 à 9 %
  • 22.
  • 23. Internautes cherchant d'autres sites internet (manque de temps général)
  • 25.
  • 26. Manque de savoir-faire dans les architectures Web
  • 27.
  • 28.
  • 29.
  • 30. Plantage régulier du serveur -> Administrateur Système pas content :-)
  • 31.
  • 32. -> Plus de problème de charge
  • 33.
  • 34. 167 000 € de CA pour l'année 2010 (source societe.com)
  • 35. 4 ou 5 sites sur le même modèle de script avec des améliorations de la part du Webmaster ( ancien stagiaire Devclic :-) )
  • 36.
  • 37. Côté Serveur ->Permet de gagner très simplement de la charge et de diminuer les temps de réponse ( modification du code )
  • 38.
  • 39. L'architecture matérielle L'architecture logicielle doit être pensée dès le début du projet à savoir comment je vais arriver à mon but, quelle est la meilleure façon pour le faire (on doit penser optimisation dès le début) Exemple : un compteur de connectés en simultané, comment le développer sans impacter mes performances ? Facebook, à ses débuts, à utiliser une base de données MySQL, choix qui s'est annoncé très problématique puisque le site a connu de fortes indisponibilités dès lors qu'il y avait beaucoup de connectés L'architecture logicielle dimensionne l'architecture matérielle et les conséquences peuvent être lourdes si l'application est mal conçue / pensée
  • 40.
  • 41. Nginx
  • 43.
  • 44.
  • 45. Limiter l'utilisation de la RAM ( Apache gère très mal les fichiers statiques)
  • 46. Profiter de la puissance des serveurs alternatifs : moins gourmands, plus résistants
  • 47. Possibilité d'utiliser les serveurs alternatifs comme Reverse Proxy Cache Impacts    : Aucun, que du plus :-), il faut juste de la configuration
  • 48.
  • 49.
  • 50. Limiter l'utilisation de la RAM ( Apache gère très mal les fichiers statiques)
  • 51. On stocke les images en RAM sur le Reverse Proxy
  • 52. Les reverses proxys peuvent s'échanger les fichiers directement entre eux Impacts    : Aucun, que du plus :-) sauf 1 cas : l'authentification Basic qui ne fonctionnait pas correctement
  • 53.
  • 54.
  • 56. - MinSpareServers / MaxSpareServer
  • 58.
  • 59.
  • 60.
  • 61. Changer le mode de fonctionnement d'Apache ( MPM Worker vs MPM Prefork ). Intérêt : MPM Worker utilise des threads et est donc moins gourmand. MPM Prefork utilise des processus. L'utilisation des threads est beaucoup plus léger au niveau du système d'exploitation. - Dans le cas de PHP : si vous voulez garder un contrôle total via vos .htaccess alors vous pouvez laisser tomber MPM Worker, les php_admin_value, ou php_value ne sont pas interprétés étant donné que l'on doit utiliser PHP en mode CGI OU FPM. Il faut donc utiliser un php.ini pour modifier les directives, ce qui devient vite lourd dans le cas où l'on héberge plusieurs sites internet … Un module ZTS doit changer la donne, ma dernière tentative s'est vouée être un échec. - Dans le cas de Python : le mode MPM Worker permet d'utiliser WSGI qui stocke en RAM les fichiers Python. Votre application Web Python devient alors un processus à part entière.
  • 62.
  • 63.
  • 64. - Meilleur support de l'objet
  • 65. - Apport de PHP FPM
  • 66. - Nouveau module de communication avec MySQL
  • 67.
  • 68.
  • 69.
  • 70. SQLite en memory ou bien sur un TMPFS ( RAMDISK )
  • 71.
  • 72.
  • 73. Utiliser une architecture à base de Master / Slave : plusieurs slaves répliquent leurs données à partir du Master. Le Master sert uniquement pour les INSERT et les Slaves pour les SELECT. On élimine le problème de la concurrence des requêtes. L'execution des requêtes passe d'abord par le log binaire de MySQL et l'ordre est envoyé à tous les SLAVE
  • 74.
  • 75. Mettre les tables temporaires MySQL en RAM avec un TMPFS : MySQL quand vous faites des ORDER BY utilise des tables temporaires qui sont stockées sur le disque dur et cela a pour effet de réduire très fortement les performances (un disque dur est beaucoup plus lent que de la RAM)
  • 76. Faire en sorte d'avoir les bons index aux bons endroits, il faut tester ses requêtes avec la commande EXPLAIN de MySQL qui permet de savoir comment MySQL se débrouille avec votre requête
  • 77.
  • 78. Optimisation de l'architecture Optimisation du stockage de votre site internet Moins il y a d'I/O, plus vous pourrez accueillir de visiteurs sans problème -> utilisation de TMPFS pour stocker vos fichiers du site internet -> utiliser du stockage basé sur de la déduplication ( ZFS) ( moins de disques durs utilisés, moins de courant consommé, une architecture moins gourmande en besoin énergétique ) -> permet dans le cas d'un SAN ISCSI de ne pas avoir un point de failure surtout avec des filesystem de type cluster
  • 79.
  • 80.
  • 81. Activer le KSM (Kernel 2.6.32) -> déduplication mémoire
  • 82. Transmit Packet Steering de Google ( amélioration du transfert des paquets réseaux )
  • 83. Transparent Hugepages (THP) (Kernel 2.6.38) -> réduction du nombres d'allocations mémoires nécessaires et donc augmentation des performances
  • 84. Mettre le noatime sur ses partitions pour diminuer la charge des I/O
  • 85. Pouvoir monter des RAMDISK ou du TMPFS (TMPFS est autorisé à utiliser la SWAP à l'instar de RAMFS)
  • 86.
  • 87. Activation de KSM qui permettra d'économiser sur la mémoire, moins de RAM utilisée
  • 88. Allocation dynamique de la mémoire : pour une ressource donnée, je vais pouvoir l'autoriser à utiliser des Pics
  • 89.
  • 91.
  • 92. Utiliser un simple <a href=&quot;/&quot; class=&quot;logo&quot;>Mon Site Internet</a> à la place de la classique balise image et du lien qui l'entoure ( économie de bande passante car moins de code HTML dans la page et SEO optimisé )
  • 93.
  • 94. Réduit également la taille du fichier par la suppression des commentaires et espaces inutiles
  • 95.
  • 96.
  • 97. Vous faîtes des économies de bande passante
  • 98.
  • 99.
  • 100. Utiliser un site comme GTMetrix qui regroupe ces 2 barres sur un seul et même site, cela permet aussi d'avoir un historique
  • 101. Pour compresser vos CSS et JavaScripts via du Minify, vous pouvez utiliser Minify ( http://code.google.com/p/minify/ ) -> en production sur Forum-Webmaster.com
  • 102. Pour l'utilisation du CDN Google, voir ici ( http://code.google.com/intl/fr-FR/apis/libraries/ )
  • 103. Pour optimiser vos images, il suffit de les envoyer à Smushit ( http://www.smushit.com/ysmush.it/ ), il y en a d'autres qui existent Optimisation côté Utilisateur
  • 104. Optimisation du code source PHP -> Petit Jeu Exemple (1) Quelle fonction est la plus adaptée ou la plus rapide ? require OU require_once Réponse : La fonction require Pourquoi ? Aussi simplement que ça, require effectue une simple inclusion du fichier sans effectuer d'opérations supplémentaires alors que require_once va effectuer dans tous les fichiers existants et déjà chargés, si une fonction n'est pas déjà déclarée, ce qui induit une perte de performances de 40 % ( selon les benchmarks réalisés ) Conclusion : require_once est la fonction du fainéant ! En tout cas elle est bannie chez Devclic et est fortement déconseillée par Zend (les utilisateurs du Zend Framework sont invités à utiliser la ligne de commande qui va bien et qui permet de supprimer tous les require_once)
  • 105. Optimisation du code source PHP -> Petit Jeu Exemple (2) Quelle fonction est la plus adaptée ou la plus rapide pour récupérer le contenu d'un fichier ? require OU file_get_contents Réponse : La fonction file_get_contents Pourquoi ? Tout simplement parce que require demande à l'analyseur PHP de parcourir le fichier à la recherche de code PHP alors que filte_get_contents est tout simplement un alias de fopen / fget / fclose. L'appel à require ou include alors que l'on sert pertinemment que l'on a pas de code PHP dans le fichier appelé fait perdre du temps et aussi augmente la charge Conclusion : mauvaise habitude de la part des développeurs et aussi de la part de certains tutoriels sur internet
  • 106. Optimisation du code source PHP -> Petit Jeu Exemple (3) Quelle syntaxe est la plus adaptée ou la plus rapide pour afficher du texte simple ? echo 'KiwiParty' OU echo &quot; KiwiParty &quot;   Réponse : La syntaxe echo 'KiwiParty' Pourquoi ? La première syntaxe va demander à l'analyseur PHP de n'effectuer aucun traitement particulier et lui demander d'afficher tel quel le texte. Dans le deuxième cas, l'analyseur de code PHP va rechercher des eventuelles variables, ce qui induit un temps de traitement supérieur Conclusion : mauvaise habitude de la part des développeurs, il faudrait utiliser le plus possible la syntaxe sans recherche de variables et de même, il est fortement recommandé d'écrire de la façon suivante si vous avez des variables à afficher : echo 'Cher ',$username,', vous êtes bien inscrit à la KiwiParty !'
  • 107. Optimisation du code source -> Petit Jeu Exemple (4) Que faut-il préféré entre ces 2 codes ( C'est valable pour tous les langages ) ? $tab = array('1','2','3') ; for($cur = count($tab) ; $cur >=0 ; $cur--) { } OU $nbEltTab = count($tab) ; for($cur = $nbEltTab ; $cur >=0 ; $cur--) { } Réponse : La deuxième écriture Pourquoi ? La première fonction va inutilement faire appel à la fonction count à chaque itération de la boucle for, ce qui fait que l'on consomme des ressources pour rien et que l'on ralentit tout ... Conclusion : certainement de la fainéantise ou bien de l'étourderie de la part des développeurs
  • 108.
  • 109.
  • 110. Dès que l'on a fini d'utiliser une connexion à la base de données, on la ferme le plus tôt possible -> on libère des requêtes pour d'autres clients, on vide les buffers et on attend pas que PHP par exemple le fasse à la fin de la page ( économie de RAM, libération d'un socket ...)
  • 111.
  • 112.
  • 113.
  • 114. Chaque requête d'un visiteur de votre site internet va appeler une requête sur le serveur distant, surtout si vous ne mettez aucun mécanisme de cache
  • 115. Vous sur-consommez en bande passante
  • 116.
  • 117.
  • 118. Memcache pour les sessions
  • 119. PHP-APC pour diminuer la charge
  • 120. Utilisation du Worker MPM avec PHP5 en CGI
  • 121. Mise en place du cache côté navigateur ( cache des images )
  • 122. Fin de la présentation ! Des Questions ?