Performance des sites web parlons un peu de latence éric daspet, sqli

Slides:



Advertisements
Présentations similaires
Les solutions de recherche avec Drupal
Advertisements

Les images Exposé – exemple 2.
Novembre 2005 – Michel Desconnets PHP : théorie Objectif : introduire les concepts globaux permettant d'aborder la programmation en PHP.
ASP.NET v2 + Ajax = Atlas Pierre Lagarde DevDays 2006 Equipé aujourdhui, prêt pour demain !
Open Days 2006 Le Web 2.0 demain: produits, technologies, outils.
T. Bellembois - R. Bourges - Y. Colmant 1 Licence Vous êtes libres De reproduire, distribuer et communiquer cette création au public De modifier cette.
Copyright 2011 © Consortium ESUP-Portail ESUP days, Paris, 17 juin 2011 Nouveaux services dans ESUP Julien Marchal.
Copyright 2008 © Consortium ESUP-Portail ESUP-Days 9, Paris, 5 février 2010 Packaging et déploiement ESUP Version 3 Julien Marchal.
Etat d'avancement ORI-OAI Interaction avec les ENT.
Internet jQuery jQuery Mobile Partie 1 Olivier Pons / 2013.
Réunion dinterlocuteurs documentation Mardi 31 janvier 2006 SDTICE - DUI Programme « Qualité, veille et diffusion » Jean-François PILLOU Chef de programme.
Moodle Une plate-forme d’apprentissage analysée par Annabelle Batas
Toolkit Web Framework Java pour les IHMs Cédric Dumas mars 2008 contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage.
PAPE Objectifs Mettre à disposition linformation sur leau à léchelle de la structure de gestion de sous bassins versants Standardiser.
1 2. A léchelle de létablissement. 2 Des espaces de travail sécurisés: les ENT.
Rendez-vous le mercredi 15 janvier 2014 pour le lancement du MOOC.
Migration OLSB vers Office 365. Qui suis-je ? Kevin TRELOHAN Membre du club SharePoint et dot net Ouest Membre du Conseil Scientifique et dadministration.
Ville de Saint-Jean-sur-Richelieu
Baccalauréat professionnel
Numérique à l’école Quelle place pour les ressources éditoriales ?
Un peu de sécurité Modal Web Modal Baptiste DESPREZ
Présentation application GRBL France Telecom
Partager, Remixer, Réutiliser Légalement !
Performance Front-End SEO Campus Refficience.com Consultant Webperformance & SEO Fondateur de la société Refficience #seocampus Thomas.
Rules Each group answers every question. A student will be selected at random to answer the question. If that team misses, a 2 nd name is drawn, and they.
– Search Marketing et Marketing Interactif 1 ère Position – David Degrelle Tel : ou
Pierre Lagarde Christophe Lauer
* Google Confidential and Proprietary Khaled KOUBAA Public Policy & Gov't Relations Manager - North Africa Google, Inc. Research, Innovation and Entrepreneurship.
Introduction à Node.JS Vincent Peybernes.
Lycée Louis Vincent Séance 1
Identifier ce qui peut gêner ou bloquer votre référencement Sébastien Billard, consultant référencement.
Réseaux étendus - ©2013, Yves Boutemy
LE REFERENCEMENT NATUREL S.E.O. (Search Engine Optimisation)
Construire un site avec MapGuide Open Source
Architecture Logicielle Les supports d’applications
Pan-Commonwealth Forum on Open Learning Londres juillet 2008 Compte-rendu - Peter MORTIMER.
Paysages vosgiens (sous la neige) Crédits: photos sous licence Creative Commons Conditions dutilisation disponibles ici:
Introduction au WebMapping
PhP-MySQL Pagora 2012/2013 CTD 1 - Presentation de moi ^^
Démarrer avec le WebCampus
Stéphane Lavoie janvier 2010
Projet CONSULTING SA : GSA ( Gestion du suivi d’activités)
Initiation au web dynamique
Commutation de niveau 5 Guillaume CASSIN Charles DESMOULINS 24 Mars 2001.
22 Intégrer Reporting Services SQL 2008 R2 à votre application 09/02/2010 Mathieu ROSPIDE – Winwise Julien TOURNADRE – Winwise.
ANAO ( Création : Mai 2001 ) Une structure simple, légère, réactive Un spécialiste des réponses innovantes aux besoins des clients: simplicité, rapidité,
Applications web1 Cours Web Services ISIMA 3F3. Applications web2 JavaScript Inventé par Netscape... sans rapport avec Java. Standardisé par l’ECMA, spécification.
Les images Exposé – exemple 2.
Internet La Révolution Marketing Gilles Dandel : Expert Marketing Internet Dir. Agence WSI OBIWEB WSI Area Representative / France.
LES CLIENTS WEB RICHES Tuteur : Olivier CARON LEFEBVRE Benoit
Jquery.
Bienvenue au Français 250: Daily Life in Contemporary France Dr. Edwina Spodark
Kit du producteur de contenus web
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
1 Protocoles sur Internet C. Petitpierre. 2 couche supérieure routage couche supérieure StationPasserelle Station Réseau IP.
Techniques Internet de Base Licence 2 (Info, Maths, PC/PA) Université Jean Monnet Ruggero G. PENSA
PROGRAMMATION WEB FRONT-END.
APC Cache PHP alternatif Présenté par : MASLINE-CAMERINI Antoine.
Kit du producteur de contenus web
0 Objectifs de la session n°1  Revenir sur toutes les bases théoriques nécessaires pour devenir un développeur Web,  Découvrir l’ensemble des langages.
© Copyright Showeet.com S OCIAL M EDIA T HINKING.
Design Web accessible WCAG 2.0 au service du design graphique Denis Boudreau Coopérative AccessibilitéWeb Septembre 2009 – Matériel de formation Des questions?
P2pWeb Une boite à outils pour construire un réseau coopératif d’hébergement de site Web –Réseau coopératif réseau physique de nœuds sur l ’Internet réseau.
AJAX.
Lycée Blaise Pascal Rouen.
These materials are licensed under the Creative Commons Attribution-Noncommercial 3.0 Unported license (
Si tu crois que dans 1 km, il y a 1024 m, reste un peu.
Temps de chargement T’as pas un site performant ? THOMAS SOUDAZ / DAMIEN JUBEAU SEOCAMPUS - 07/04/
Responsive Web Design Performant 8 juin Thomas SOUDAZ Fondateur de la société Refficience, Consultant WebPerf et SEO Site : Refficience.com .
A. DAAIF ENSET Mohammedia Université Hassan II Casablanca.
Transcription de la présentation:

Performance des sites web parlons un peu de latence éric daspet, sqli

Consultant Web – Société de service en ingénierie informatique Recrute ! experts, architectes, chefs de projet, … PHP, Magento, Symfony, Zend Framework Auteur « PHP 5 avancé », éditions Eyrolles Fondateur des conférences « Paris Web » Groupe utilisateur webperf français Livre webperf en cours de rédaction PHP, Web, Performance, Innovation Qualité, Excellence technique Éric Daspet

Performance « Puzzle 1: How Many Palindromes? », par Chuck Coker, sous licence Creative Commons by-nd

Money « Money », par Dave Barger, sous licence Creative Commons by-nc-sa

Clin doeil « eye-open », par Lee Ann Barker, sous licence Creative Commons by-nc-nd

« eye-closed 2 », par Lee Ann Barker, sous licence Creative Commons by-nc-nd

« eye-open », par Lee Ann Barker, sous licence Creative Commons by-nc-nd

Money « Money », par Dave Barger, sous licence Creative Commons by-nc-sa Latence +100ms => ventes -1% Chargement +500ms => trafic -20% Chargement +400ms => abandon +5-9% Chargement +1s => revenu pub -2,8% Chargement -2,2s => transformation +15%

Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI Front-end

Front-end Back-end Université du Système d'information 2010 – Performance des sites web – Éric Daspet, SQLI 95 % front-end 5 % back-end

Pigeons « Racing Pigeons », par Michael Porter, sous licence Creative Commons by-nc-nd

Pertes de paquets « Springbreak '06 - Shooting Clay Pigeons », par James McCauley, sous licence Creative Commons by

Congestion « St Marks Pigeons », par Jon Lucas, sous licence Creative Commons by-nc

Latence et ordonnancement

Navigateur web Serveur web

Navigateur web Serveur web

Navigateur web Serveur web Requête DNS

Navigateur web Serveur web Réponse DNS =

Navigateur web Serveur web Latence (ping) Moyenne ADSL France : 50ms Peut dépasser les 100ms avec linternational Voire les 300ms sur réseau mobile

Navigateur web Serveur web SYN TCP La connexion est initiée On peut communiquer

Navigateur web Serveur web ACK TCP La connexion est initiée On peut communiquer

Navigateur web Serveur web Requête HTTP (GET, POST) avec : - cookies - données de formulaires - entêtes HTTP diverses < 1ko idéalement

Navigateur web Serveur web Réponse (longue à télécharger)

Navigateur web Serveur web

Navigateur web Serveur web

Latence et ordonnancement

« Solving the Rubik's Cube », par Steve Rhodes, sous licence Creative Commons by-nd

Fusion JS Fusion CSS

« Solving the Rubik's Cube », par Steve Rhodes, sous licence Creative Commons by-nd Fusion Images « sprites CSS »

« Solving the Rubik's Cube », par Steve Rhodes, sous licence Creative Commons by-nd Fusion Images « sprites CSS »

« Solving the Rubik's Cube », par Steve Rhodes, sous licence Creative Commons by-nd Fusion Images « sprites CSS »

« Solving the Rubik's Cube », par Steve Rhodes, sous licence Creative Commons by-nd CDN Content Delivery Network

« Solving the Rubik's Cube », par Steve Rhodes, sous licence Creative Commons by-nd URI en data: Documents mhtml Archives JAR

« Solving the Rubik's Cube », par Steve Rhodes, sous licence Creative Commons by-nd Chargements parallèles - domaines multiples

« Solving the Rubik's Cube », par Steve Rhodes, sous licence Creative Commons by-nd Connexions persistantes (keep alive HTTP)

Contenus plus petits Compression HTTP (gzip) Minimisation des contenus (espaces blancs) Recompression des images (avec et sans pertes) « Grade 9th Math problem », par Arjin, sous licence Creative Commons by-nd

Accélérer le rendu Chargement différé via AJAX Ordonner et prioriser le contenu Envoyer immédiatement les blocs sans calcul serveur Chargement asynchrone du javascript, ou en bas de page « Grade 9th Math problem », par Arjin, sous licence Creative Commons by-nd

Mais aussi Utiliser le cache HTTP Vraiment utiliser le cache HTTP Précharger les contenus à lavance « Grade 9th Math problem », par Arjin, sous licence Creative Commons by-nd

Et bien sûr Optimiser le javascript Diminuer la complexité Éviter les sélecteurs CSS/Jquery horriblement lents « Grade 9th Math problem », par Arjin, sous licence Creative Commons by-nd

« Suburban Construction », par Tudor, sous licence Creative Commons by-sa Outils webpagetest.org Firebug Yslow et Page Speed Dynatrace Ajax

En FR : liste de diffusion perf planet fr livre à venir En EN : Yahoo! perf Google perf perf planet « fahrenheit burn », par Michael Bina, sous licence Creative Commons by-nc-sa

« late night discussion… », par Phil Hilfiker, sous licence Creative Commons by-nc-nd

Consultant Web – Société de service en ingénierie informatique Recrute ! experts, architectes, chefs de projet, … PHP, Magento, Symfony, Zend Framework Auteur « PHP 5 avancé », éditions Eyrolles Fondateur des conférences « Paris Web » Groupe utilisateur webperf français Livre webperf en cours de rédaction PHP, Web, Performance, Innovation Qualité, Excellence technique Éric Daspet