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.
PHP jouit parfois d'une mauvaise réputation au niveau des performances. Nous verrons si cette réputation est méritée, si les performances sont réellement un problème pour utiliser PHP.
PHP a une architecture qui lui permet de monter en charge sans mettre en place des solutions complexes. Entre l'installation, la configuration et les possibilités au niveau applicatif, cette session vous permettra de répondre efficacement à la problématique des performances.
Utiliser pleinement le navigateur et les nouveaux clients web - AFUP 2007Eric D.
Il est possible d'aller plus loin que les applications classiques. En profitant pleinement des capacités du navigateur cet atelier vous montrera comment améliorer les performances et modulariser l'existant. HTTP, REST et Ajax sont au menu pour une application orienté services légère, simple à modifier et avec une API partageable avec vos clients.
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.
Bien débuter dans la conception d'un thème WordPressAurélien Denis
10 conseils pour apprendre à concevoir votre thème WordPress de A à Z en partant sur de bonnes bases.
Présentation du 18 janvier 2014 lors du WordCamp Paris.
PHP jouit parfois d'une mauvaise réputation au niveau des performances. Nous verrons si cette réputation est méritée, si les performances sont réellement un problème pour utiliser PHP.
PHP a une architecture qui lui permet de monter en charge sans mettre en place des solutions complexes. Entre l'installation, la configuration et les possibilités au niveau applicatif, cette session vous permettra de répondre efficacement à la problématique des performances.
Utiliser pleinement le navigateur et les nouveaux clients web - AFUP 2007Eric D.
Il est possible d'aller plus loin que les applications classiques. En profitant pleinement des capacités du navigateur cet atelier vous montrera comment améliorer les performances et modulariser l'existant. HTTP, REST et Ajax sont au menu pour une application orienté services légère, simple à modifier et avec une API partageable avec vos clients.
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.
Bien débuter dans la conception d'un thème WordPressAurélien Denis
10 conseils pour apprendre à concevoir votre thème WordPress de A à Z en partant sur de bonnes bases.
Présentation du 18 janvier 2014 lors du WordCamp Paris.
"Enfin", c'est le mot qu'on peut avoir à la découverte du framework web Ruby On Rails.
Enfin un cadre de travail MVC qui facilité réellement le développement au lieu de le complexifier. ActiveRecord, une des briques magiques de cette application, pose une interface objet pour votre base de donnée en moins de cinq lignes. Le reste est à l'image de ruby : principe de surprise minimum, agilité et extensibilité. Cette présentation vous montrera, après des années de framework Web et d'expertises PHP, ce que quelques mois de Ruby On Rails suffisent à gagner.
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
Qu'est ce que la Web perf ?
C'est un ensemble de :
Méthodes
Bonnes pratiques
Technologies
Outils
Permettant de maximiser l'expérience utilisateur d'un site web et de diminuer les ressources permettant de le produire.
C’est une culture, une attitude, une obsession …
Avec l’avènement des connexions haut-débit et bientôt très haut-débit, les concepteurs semblent de moins en moins attentifs à la rapidité de leurs sites. De plus, avec de telles connexions, les internautes supportent mal un site qui les fasse attendre. Cela gâche l’expérience utilisateur, pourtant censée être au cœur du "web 2.0"
Cet atelier vous présentera comment, sans devoir repenser votre application ou vos pages depuis le début, améliorer la rapidité de votre site.
10 conseils pour booster les performances de votre site sous WordPressAurélien Denis
Passage en revue de l'ensemble des leviers d'actions pour améliorer le temps de chargement de vos pages. Astuces, conseils et ressources appliqués à WordPress.
#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
Optimisez la vitesse de chargement de votre siteWebxFrance
Voici ce que vous apprendrez, ou confirmerez, dans ce document :
- Pourquoi la vitesse d’un site est un critère important ?
- Quels sont les outils pour travailler sur la vitesse d’un site ?
- Quels sont les critères pour déterminer la vitesse d’un site ?
- Quelles sont les solutions à apporter à chaque problème ?
- Etude de cas
Automatisez votre gestion de MongoDB avec MMSMongoDB
MongoDB Management Service (MMS) facilite la vie des équipes opérations en simplifiant les tâches de gestion au quotidien. Vous pouvez désormais tout gérer depuis l’interface MMS : provisionner des serveurs, configurer des replica sets et des clusters, et mettre à jour votre environmment MongoDB. Durant cette session, nous vous présenterons les nouvelles fonctionnalités d’automatisation de MMS. Parmi les démos auxquelles vous pourrez assister : comment provisionner, comment gerer vos utilisateurs, comment ajuster vos clusters, et bien d’autres choses encore.
Différentes architectures PHP et MySQL pour dépasser la simple installation de deux serveurs : fermes PHP, réplication MySQL, cluster et partitionnement. Différentes stratégies pour assurer l'évolutivité.
12 bonnes pratiques pour apprendre à tirer le meilleur profit de votre site Web sous WordPress. Une conférence suivie d'audits en live à la Chambre de Commerce et d'Industrie de Bayonne.
Un derrame de 40,000 metros cúbicos de sulfato de cobre ácido proveniente de una mina en el estado de Sonora, México contaminó 190 kilómetros del Río Sonora. La sustancia tóxica puso en riesgo la salud de 24,048 personas y restringió el acceso al agua. Aunque las autoridades y la minera realizan limpiezas, la organización Greenpeace advierte que el daño al ecosistema será imposible de revertir en los próximos años debido a la persistencia de los metales pesados derramados.
Catalogue Medicalstore 2014 - Grand public
Destiné aux clients particuliers, c'est à dire tous sauf les produits pour les professionnels de santé
Medicalstore vous propose tous ces produits, cependant d'autres produits sont disponible chez medicalstore:
35 rue clémence 59140 Dunkerque - 0328616377
Pour de plus amples informations - n'hésitez pas à nous contacter
"Enfin", c'est le mot qu'on peut avoir à la découverte du framework web Ruby On Rails.
Enfin un cadre de travail MVC qui facilité réellement le développement au lieu de le complexifier. ActiveRecord, une des briques magiques de cette application, pose une interface objet pour votre base de donnée en moins de cinq lignes. Le reste est à l'image de ruby : principe de surprise minimum, agilité et extensibilité. Cette présentation vous montrera, après des années de framework Web et d'expertises PHP, ce que quelques mois de Ruby On Rails suffisent à gagner.
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
Qu'est ce que la Web perf ?
C'est un ensemble de :
Méthodes
Bonnes pratiques
Technologies
Outils
Permettant de maximiser l'expérience utilisateur d'un site web et de diminuer les ressources permettant de le produire.
C’est une culture, une attitude, une obsession …
Avec l’avènement des connexions haut-débit et bientôt très haut-débit, les concepteurs semblent de moins en moins attentifs à la rapidité de leurs sites. De plus, avec de telles connexions, les internautes supportent mal un site qui les fasse attendre. Cela gâche l’expérience utilisateur, pourtant censée être au cœur du "web 2.0"
Cet atelier vous présentera comment, sans devoir repenser votre application ou vos pages depuis le début, améliorer la rapidité de votre site.
10 conseils pour booster les performances de votre site sous WordPressAurélien Denis
Passage en revue de l'ensemble des leviers d'actions pour améliorer le temps de chargement de vos pages. Astuces, conseils et ressources appliqués à WordPress.
#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
Optimisez la vitesse de chargement de votre siteWebxFrance
Voici ce que vous apprendrez, ou confirmerez, dans ce document :
- Pourquoi la vitesse d’un site est un critère important ?
- Quels sont les outils pour travailler sur la vitesse d’un site ?
- Quels sont les critères pour déterminer la vitesse d’un site ?
- Quelles sont les solutions à apporter à chaque problème ?
- Etude de cas
Automatisez votre gestion de MongoDB avec MMSMongoDB
MongoDB Management Service (MMS) facilite la vie des équipes opérations en simplifiant les tâches de gestion au quotidien. Vous pouvez désormais tout gérer depuis l’interface MMS : provisionner des serveurs, configurer des replica sets et des clusters, et mettre à jour votre environmment MongoDB. Durant cette session, nous vous présenterons les nouvelles fonctionnalités d’automatisation de MMS. Parmi les démos auxquelles vous pourrez assister : comment provisionner, comment gerer vos utilisateurs, comment ajuster vos clusters, et bien d’autres choses encore.
Différentes architectures PHP et MySQL pour dépasser la simple installation de deux serveurs : fermes PHP, réplication MySQL, cluster et partitionnement. Différentes stratégies pour assurer l'évolutivité.
12 bonnes pratiques pour apprendre à tirer le meilleur profit de votre site Web sous WordPress. Une conférence suivie d'audits en live à la Chambre de Commerce et d'Industrie de Bayonne.
Un derrame de 40,000 metros cúbicos de sulfato de cobre ácido proveniente de una mina en el estado de Sonora, México contaminó 190 kilómetros del Río Sonora. La sustancia tóxica puso en riesgo la salud de 24,048 personas y restringió el acceso al agua. Aunque las autoridades y la minera realizan limpiezas, la organización Greenpeace advierte que el daño al ecosistema será imposible de revertir en los próximos años debido a la persistencia de los metales pesados derramados.
Catalogue Medicalstore 2014 - Grand public
Destiné aux clients particuliers, c'est à dire tous sauf les produits pour les professionnels de santé
Medicalstore vous propose tous ces produits, cependant d'autres produits sont disponible chez medicalstore:
35 rue clémence 59140 Dunkerque - 0328616377
Pour de plus amples informations - n'hésitez pas à nous contacter
El documento describe las partes principales de un microscopio óptico, incluyendo la parte mecánica (base, columna, tubo, brazo, platina, pinzas, revolver, tornillos macrométrico y micrométrico), la parte óptica (oculares, objetivo) y el sistema de iluminación (fuente de luz, espejo, condensador, diafragma). También explica cómo usar el microscopio, como colocar la muestra, enfocar y cambiar entre objetivos, así como los pasos para usar el objetivo de inmersión.
El documento habla sobre el derecho mercantil y las empresas. Explica que el derecho mercantil regula las normas relativas a los comerciantes y los actos de comercio. Las principales fuentes del derecho mercantil son el Código de Comercio y las leyes especiales. También define la empresa como una organización dedicada a actividades industriales, mercantiles o de prestación de servicios con fines lucrativos, y al empresario como la persona que gobierna la empresa y se encarga de la planificación, dirección y control de la actividad empresarial
El documento describe conceptos básicos de transmisión de datos y redes de computadoras, incluyendo diferentes tipos de señales, conexiones físicas para transmisión de datos, evolución de las redes telefónicas hacia redes digitales e Internet, y el desarrollo de la banda ancha. También explica conceptos como puntos a punto, multipunto y diferentes tipos de redes.
Cette présentation donne un aperçu de l'expérience du Guinée Equatoriale en matière de changement climatique planification de l'adaptation. Elle a été présentée par la délégation Guinée Equatoriale gouvernement en Avril 2014 à l'Atelier de formation régional pour l'Afrique NAP-SPG (francophone) à Addis-Abeba, en Ethiopie. Cet événement a réuni des représentants du gouvernement des ministères de l'Environnement, de la Planification et des Finances de 19 pays africains les moins avancés d'examiner le processus du PAN, qui vise à répondre à la moyenne de défis du changement climatique d'adaptation à long terme pour l'Afrique.
Plus d'informations: http://undp-alm.org/atelier-regional-de-formation-en-afrique
Este documento es un cuestionario de informática compuesto por 35 preguntas sobre conceptos básicos de hardware y software. Las preguntas abarcan temas como sistemas operativos, memoria RAM y ROM, discos duros, procesadores, buses, puertos y versiones de Windows y Linux. El cuestionario fue diseñado para que los estudiantes de enfermería de la Universidad Técnica de Machala adquieran conocimientos fundamentales sobre informática.
Las autoras describen cómo crear documentos en la red. Explican las aplicaciones que permiten editar documentos de forma colaborativa como Google Docs y Office 365, las cuales permiten trabajar en tiempo real desde cualquier dispositivo con acceso a Internet. Estas herramientas facilitan el trabajo en equipo y la comunicación entre compañeros de estudio.
Este documento describe varias herramientas colaborativas de la Web 2.0 como foros, blogs, wikis y redes sociales, y propone actividades educativas para cada una. Define la Web 2.0 como herramientas que permiten a los usuarios publicar y compartir información. Luego explica cada herramienta y sugiere su uso para discutir dudas, compartir experiencias, investigaciones y para conocerse entre compañeros y profesores. Concluye que estas herramientas permiten interactuar e intercambiar información globalmente y deben us
El documento habla sobre Internet. Explica que Internet es una red descentralizada de redes interconectadas que usan los protocolos TCP/IP. Sus orígenes se remontan a 1969 con la conexión entre universidades en California y Utah. También describe los diferentes métodos de acceso a Internet, como banda ancha y Wi-Fi, y los lugares públicos donde se puede acceder, como bibliotecas y aeropuertos. Además, menciona algunos navegadores web comunes como Internet Explorer, Firefox y Chrome.
Una empresa es una organización, institución o industria dedicada a actividades o persecución de fines económicos o comerciales para satisfacer las necesidades de bienes o servicios de los demandantes, a la par de asegurar la continuidad de la estructura productivo-comercial así como sus necesarias inversiones.
I. A
PUNTES SOBRE
D
ERECHO DE LAS
O
BLIGACIONES
¶ 1. C
ONCEPTO DE
O
BLIGACIÓN
Etimológicamente la voz obligación pro
cede del latín
obligatio
que, a su vez, deriva de
ob-
ligare
, es decir, "ligar" o "atar alrededor", y aunque la palabra
obligare
es relativamente antigua, el
substantivo
obligatio
apareció tardíamente.
14 1728 inventario de armamento y personalaulamilitar
Este documento enumera el armamento y pertrechos militares almacenados en 11 torres de vigilancia costera en la provincia de Castellón, España, en enero de 1728. Cada torre contiene cañones, mosquetes, pólvora y municiones, así como los nombres de los soldados asignados para su defensa. El documento proporciona un inventario detallado pero conciso del equipo militar y la guarnición en cada torre para fines de vigilancia y defensa costera.
El regimiento de voluntarios de segorbe 1808aulamilitar
Este documento resume la historia del Regimiento de Voluntarios de Segorbe formado en 1808 para defender Valencia de la invasión francesa. El regimiento estuvo compuesto inicialmente por 1000 hombres y participó en varias batallas, incluyendo la defensa de Valencia y la Batalla de Tudela. Más tarde, el regimiento se trasladó a Zaragoza para participar en el segundo sitio de la ciudad, donde su número se redujo drásticamente debido a las bajas. Tras la rendición de Zaragoza en 1809, la mayoría de
Colombia ganó 2-1 ante Bolivia en las eliminatorias rumbo al Mundial de Brasil 2014. Colombia anotó goles en el primer tiempo y en el minuto 90, mientras que Bolivia anotó en el minuto 84. Colombia busca clasificar al Mundial después de 16 años de ausencia.
El documento presenta un decálogo de 10 puntos para promover la paz. Cada punto ofrece consejos como valorarse a uno mismo, animar a los amigos, aceptar las diferencias, ser educado, escuchar a los demás, esforzarse en las tareas, cumplir con las responsabilidades, trabajar en equipo, compartir con los demás, y promover internamente la paz. El decálogo fue creado por una estudiante de primaria para enseñar valores de respeto y armonía.
10 el hospital provincial y la clinica militaraulamilitar
Este documento describe el funcionamiento del Hospital Provincial y la Clínica Militar de Castellón entre 1936 y 1938 durante la Guerra Civil Española. El Hospital Provincial atendía a la población civil de la provincia, mientras que la Clínica Militar atendía a las tropas militares. Al estallar la guerra, el hospital tuvo que ampliar sus servicios para atender a los heridos de los frentes cercanos de Teruel y Madrid. La Clínica Militar también ingresaba pacientes militares. Más adelante, todos los heridos de guerra
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
Gestion des performances Magento et HebergementX2i
Découvrez de précieux conseils qui vous permettront d'améliorer vos performances durant les fortes périodes commerciales ( soldes, promotions, lancement produit, saisonnalité de l'activité, ventes privées...), grâce a cette conférence donnée à l'occasion du tout premier Web2Business
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
Agenda :
Les enjeux de la performance d'un site Web
Les différents éléments de performance d'un site Web
Infrastructure, architecture technique, tuning, architecture applicative, WebPerf
L'obsession de la mesure
Les outils
Les quickwins
Caches, upscaling, outscaling, sharding
La démarche de test de charge
Méthodologie, outils, types de test, données de test
La démarche PDCA
Intégrer les tests de charge au cycle de développement
Environnement éphémère
Oxalide MorningTech #2 - Démarche de performance
2ème MorningTech @Oxalide, animé par Adrien Le Priol (@Priolix) et Ludovic Piot (@lpiot), le 28 février 2017.
Une vue d'ensemble sur la démarche et les outils pour aborder et maîtriser la performance de son site Web.
En 2012, Amazon publiait une étude indiquant que chaque seconde de performance perdue sur son site de commerce lui coûtait $1.6 milliards de chiffre d'affaire.
Par delà ce chiffre colossal avancé par le géant du Web, il est une réalité business : plus un site est lent, et moins les utilisateurs sont enclin à naviguer dessus. Les smartphones et le SoLoMo exacerbent cette réalité avec encore plus depuis 10 ans maintenant.
Sur le terrain, l'architecture technique des sites Web, de plus en plus complexe, rendent ses performances impossibles à prédire : complexité des développements applicatifs, multitude des composants impliqués dans l'architecture technique, recours à des services tiers (issus du SI de votre entreprise, ou de services tiers), big data, machine learning…
Une seule façon de prédire les performances : tester… en situation réelle.
A travers les différentes étapes d'une démarche d'optimisation des performances d'un site Web, les enjeux et les écueils d'une telle démarche vous seront détaillés.
Subject: Oxalide's MorningTech talk about an overview of how to deal with performance in a Web site.
Date: 28-feb-2017
Speakers: Adrien Le Priol (@Priolix, @Oxalide) and Ludovic Piot (@lpiot, @Oxalide)
Language: french
Lien SpeakerDeck : https://speakerdeck.com/lpiot/oxalide-morning-tech-number-2-demarche-performance
Lien SlideShare : https://www.slideshare.net/LudovicPiot/morning-tech-2-demarche-performance-slides
YouTube Video capture: https://youtu.be/a8jSbvyBzYU
Main topics:
* Les enjeux de la performance d'un site Web
* Les différents éléments de performance d'un site Web
** Infrastructure, architecture technique, tuning, architecture applicative, WebPerf
* L'obsession de la mesure
* Les outils
* Les quickwins
** Caches, upscaling, outscaling, sharding
* La démarche de test de charge
** Méthodologie, outils, types de test, données de test
* La démarche PDCA
** Intégrer les tests de charge au cycle de développement
** Environnement éphémère
* Questions / Réponses
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 !"
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.
Le cache côté client, le cache côté serveurs et leur impact sur le SEO et l'expérience utilisateur. Conférence effectuée lors du SEOCamp'us Paris 2017 avec Benoit Chevillot de Divioseo
Barcamp 3 PrestaShop - Conférence Optimisations et Hébergement de votre site ...PrestaShop
Les meilleures techniques d’optimisation d’un site e-commerce pour une rapidité exceptionnelle !
Par Philippe Humeau – NBS, et Rémi Gaillard – PrestaShop
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.
Similaire à Amélioration des performances eCommerce - Webinaire par aYaline (20)
Amélioration des performances eCommerce - Webinaire par aYaline
1. Quelles actions pour améliorer les
performances d'affichage de votre site
dans les navigateurs Web ?
8 décembre 2015
Webinar aYaline
Performances
aYaline – contact@ayaline.com - 0549414600
2. PAGE 2
Qui est aYaline ?
Depuis 1995, un positionnement
d’entreprise intégrée dans une seule
technologie [Open Source] afin de garantir
le succès des projets de ses clients
aYaline, partenaire &
Solutions :
• E-Tourisme
• E-Commerce
• E-Collectivités
• Open Source
100%
En France sur Poitiers, Nantes, Paris, au
Maroc et en Tunisie
4. PAGE 4
Quelles actions pour améliorer les
performances d'affichage de votre site dans
les navigateurs Web ?
5. PAGE 5
Introduction
Leviers fonctionnels / métiers
Leviers marketing
Leviers techniques
Cette conférence se concentre sur les leviers
techniques
Augmentation des performances du site
=
Augmentation du chiffre d'affaires
7. PAGE 7
Saturation à l’ouverture des Soldes
Très (trop) grand nombre de visiteurs en très peu
de temps
Trafic plus important que prévu
Campagne marketing générant un trafic vers une
page trop gourmande en ressources, c’est-à-
dire non optimisée
8. PAGE 8
Ralentissements, pages trop longues à s'ouvrir, abandons de
paniers...
Plus le site est rapide, plus les clients
achètent !
Exemple de temps de parcours optimisé jusqu'à la
commande
Villatech.fr : 15 étapes en 18 secondes
9. PAGE 9
Dépendance aux opérateurs télécom
Coupure totale possible si une seule liaison Internet
Saturation de la bande passante
Problème de réciprocité (peering) entre fournisseurs de
réseau Internet
Internet est un réseau de réseaux, d’où les accords de réciprocité
10. PAGE 10
Évolution de la volumétrie
Augmentation du nombre de sites (plateforme multi-site),
du nombre de produits, de traitements, etc.
Tâches planifiées (crons) de synchronisation entre
systèmes d’informations
Trop de requêtes sur la base de données, surcharge des
serveurs
11. PAGE 11
Interruption de service
Les interruptions planifiées
Pour des mises à jour applicatives
Les interruptions non planifiées
Surcharge entraînant un blocage
Coupure Internet
Panne matérielle
Défaillance logicielle
Attaques informatiques
Etc.
Rendre transparent les interruptions de service
13. PAGE 13
Les points d'amélioration de la performance
1 Requête vers le site
2 Infrastructure du site
3 Traitement de génération de la réponse
4 Envoi de la réponse
5 Affichage de la page demandée
15. PAGE 15
Solliciter le moins possible les serveurs d'exécution
Temps d'utilisation moyen des ressources
ms ms 0,1 s X s 0,X s
ms
16. PAGE 16
Mes pages sont trop/très lentes…
La meilleure façon d'économiser les ressources ?
c'est encore de ne pas les solliciter
Mise en œuvre de caches via reverse proxy
Ex. Varnish, Nginx, Squid, HAProxy, etc.
Permet de mettre en cache des pages HTML complètes
donc sans solliciter les environnements d'exécution
des pages dynamiques
gain spectaculaire : de plusieurs secondes à 0.1s
Attention : tout le site ne peut pas être en mis en cache (ex. : processus
commande, espace client...)
Solliciter le moins possible les serveurs d'exécution
17. PAGE 17
Mes pages sont trop/très lentes…
Première requête faite au reverse proxy
Avec appel à l'environnement d'exécution
Solliciter le moins possible les serveurs d'exécution
1
2
3
4
Reverse
proxy
Application
PHP/Java
1 à 5s
18. PAGE 18
Mes pages sont trop/très lentes…
Première requête : 1 à 5s
Solliciter le moins possible les serveurs d'exécution
0,1s
Requêtes suivantes : 0,1s
19. PAGE 19
Ma plateforme est surchargée
Optimisation de la configuration serveur :
Sélectionner les versions les plus performantes des briques logicielles (en
général les dernières), par ex PHP :
PHP 7 est env. 2 fois plus rapide que PHP 5.6
PHP 5.6 est env. 10% plus rapide que PHP 5.5
PHP 5.5 est env. 10% plus rapide que PHP 5.4
PHP 5.4 est env. 20% plus rapide que PHP 5.3
PHP 5.3 est env. 30% plus rapide que PHP 5.2
Accélérateurs PHP (mise en cache des opcodes - pré-compilation) =>
Opcache (PHP 5.5+), APC, eAccelerator, etc. Gain temps d'exécution :
20 à 30%
Optimisation du système d'exploitation
Externaliser les éléments statiques
CDN ou serveur dédié aux éléments statiques
Configuration durée de vie des caches
Balises d’entêtes HTTP : mod_expires / Etags
Les caches ne suffisent pas
20. PAGE 20
Ma base de données est ‘overbookée’
Surveiller / détecter les requêtes lentes (longues)
les analyser et les optimiser régulièrement
génération d'index / optimisations requêtes SQL
MySQL
Bien choisir les types de tables (MyISAM ou InnoDB)
privilégier InnoDB pour les accès concurrents lecture /
écriture
Optimisation configuration serveur base de données
caches SQL / taille des buffers
en fonction de l'évolution de la volumétrie et du
comportement de la base sur une période donnée
Optimiser la base de données
21. PAGE 21
Mon code
Lors des développements (debug)
Organiser des revues de code par des pair
Profiling précis pour les transactions lentes ou
importantes (tunnel de commande) avec des outils
comme :
Blackfire.io (de préférence)
XHProf ou Xdebug.
En analysant les logs Intégration / Recette / Prod (RUM)
En utilisant des outils comme New Relic permettant de
montrer les temps frontend et backend de toutes les
requêtes non cachées
Optimiser le code source
23. PAGE 23
Performances d'affichage Navigateur Web
A quoi sert de très bons temps de réponse…
… si la page met plusieurs secondes à s'afficher sur le
navigateur ?
… si la page ne permet pas à l'internaute d'interagir
avant la fin de son chargement ?
24. PAGE 24
Performances d'affichage Navigateur Web
Étapes clés dans l'affichage d'une page web
19/09/201219/09/2012
Affichage du Titre
(Time To Title)
Début de l'affichage
(Time To First Paint)
Temps d'affichage
(Time To Display)
Temps avant interaction /
Temps de chargement
(Time To Interact / Load
Time) déclenchement du
DomReady
25. PAGE 25
Performances d'affichage Navigateur Web
Minifier JS/CSS/HTML : organiser le contenu des
fichiers html/css/js (espaces, tabulations, etc.)
Compression par le serveur (Gzip) des contenus textes
(html/css/js/xml/json/etc.)
Compression lossless/lossy des images
Optimisation du HTML (web sémantique)
Utilisation du SVG (haute résolution / peu de place) en
lieu et place de certaines images (pixélisées)
Réduire la taille des objets
26. PAGE 26
Performances d'affichage Navigateur Web
Limiter le nombre de requêtes HTTP (sprite css,
base64, combiner, utilisation des caches navigateur,
etc.)
Utilisation de CDN
Pre-calcul du DNS des différent domaines de la page
(prefetch)
Minimiser les appels DNS (limiter les temps de
résolution)
Eliminer les Redirections
Optimiser le temps de chargement
27. PAGE 27
Performances d'affichage Navigateur Web
Expiration des pages : bien paramétrer les durées de
vie pour éviter des appels inutiles
Permettre la mise en cache des requêtes Ajax : éviter
des appels inutiles
Pas de CSS/JS inclus dans la page : à externaliser en
fichier externe
Bien gérer les caches
28. PAGE 28
Performances d'affichage Navigateur Web
Chargement des CSS en haut de page
Fichier JavaScript en bas de page
Pas d’expression CSS
Asynchroniser les JavaScript (async, defer, ..)
Optimiser le temps d'interprétation
31. PAGE 31PAGE 31
Conclusion
Ne pas négliger les performances d’affichage sur le
navigateur Web
20% d’efforts pour améliorer de 80% ses résultats !!!
80% de effets produits par 20% des causes
Economiser l’environnement d’exécution
en utilisant les caches
en optimisant la configuration des serveurs
et en optimisant la base de données
33. PAGE 33
Les experts aYaline à votre service
Audit du site actuel
Préconisations sur les performances
Maintenance corrective et évolutive
Hébergement et infogérance H24
34. Vos contacts
4 allée des frères Montgolfier
86360 Chasseneuil-du-Poitou - France
Tel : 05 49 41 46 00 - contact@ayaline.com
www.ayaline.com
Pascal BORRELI – Expert technique
pborreli@ayaline.com
Sébastien DAUNIT – Directeur de projets
sdaunit@ayaline.com