La vitesse de chargement des pages d’un site web est un critère devenu essentiel pour Google et vos internautes. À nous de nous adapter et de proposer la meilleure expérience utilisateur !

Quanta, solution de Digital Experience Monitoring, mesure la capacité d’un site web à proposer une expérience fluide à ses visiteurs avec un objectif clé : l’amélioration de la rentabilité d’un site.

Nous faisons le lien entre performance technique et résultats business (conversion, trafic, référencement, …) pour permettre d’identifier les incidents qui peuvent être coûteux, anticiper les périodes clé et mettre en place une amélioration continue de la performance.

Notre solution permet de monitorer les parcours utilisateur de bout en bout (éventuellement jusqu’au paiement dans le cas de site e-commerce) , être alerté en cas d’incident et prioriser les chantiers d’optimisation.

Les accès à la solution s’accompagnent également de prestations de services d’experts de la web performance et de partenaires tels que Pictime Groupe pour aider les clients à piloter leur stratégie digitale.

Pour en savoir plus sur la démarche de Performance Management de Pictime Groupe en partenariat avec Quanta, nous vous invitons à regarder le replay “A la recherche de la performance de votre plateforme”.

Et si vous souhaitez mettre en place un monitoring et optimiser vos plateformes e-commerce n’hésitez pas à nous contacter pour obtenir une démo de la solution Quanta.

L’article 📢 Quanta et Pictime Groupe sont officiellement partenaires ! est apparu en premier sur Quanta.

Cette mise à jour a fait l’objet d’une annonce de Google en 2020, et se retrouve désormais effective depuis le mois de Mai 2021.

Tout d’abord, est-ce que ces indicateurs remplacent les autres ? La réponse est « non ». Les Core Web Vitals, viennent s’ajouter aux métriques déjà présentes. « Speed Index », « Time To First Byte », « OnLoad », ces indicateurs resteront essentiels à suivre et à améliorer pour garantir une bonne fluidité de votre site, et être également bien noté par Google.

Les Core Web Vitals représentent donc un nouvel angle de vue, très complémentaire, sur la bonne fluidité de navigation sur un site.

Alors quels sont-ils et comment les suivre ?

Le « LCP » ou « Largest Contentful Paint »

Lors du chargement, l’algorithme du « LCP » va sélectionner l’élément le plus gros de la page et mesurer le moment précis où il apparait. La raison de cette indicateur vient du fait d’un internaute réel va probablement ressentir une certain sentiment de satisfaction dès lors que ce gros élément apparait dans la page, lui permettant de penser que le chargement de la page suit son cours de façon efficace.

Au sein de Quanta, nous avons décidé d’identifier automatiquement l’élément le plus gros, qui a été choisi par l’algorithme, afin que les équipes de développements web puissent favoriser un chargement plus rapide de cet élément en particulier :

L’idée avec l’amélioration du Largest Contentful Paint, est bien de plaire à Google, mais également d’améliorer l’expérience réelle de l’utilisateur.

Le « FID » ou « First Input Delay »

Le First Input Delay est une mesure particulièrement intéressante car elle va démontrer la réactivité du site face à un clic réalisé par l’utilisateur. Nous avons tous vécu ce moment, en particulier sur mobile, où notre périphérique est tellement occupé à gérer un contenu très riche sur une page, que l’action de cliquer va prendre plusieurs secondes avant de produire une réaction.

Ce temps d’attente est très frustrant pour l’utilisateur. Si ce temps se prolonge, il va certainement cliquer plusieurs fois sur l’écran, pensant que l’action n’a toujours pas été prise en compte par son périphérique du fait d’un problème potentiellement matériel. L’utilisateur se demande alors « Peut-être que l’écran ne répond plus ? Ai-je perdu le réseau ? », en fait il ne s’agit de rien de cela, généralement c’est le navigateur en lui-même qui est occupé a traiter l’exécution de scripts en arrière plan.

Google décide donc ici de résoudre un nouveau type de problème, bien présent sur la plupart des sites, mais qui n’avait pas été adressé.

Concrètement, la mesure du « FID » démarre au moment où l’internaute réalise un clic, et se termine au moment où le navigateur commence à traiter ce clic. On imagine donc que ce délai doit être presque instantané ! Au risque, sinon, de générer de la frustration chez l’internaute à chaque seconde qui passe.

Pour approfondir la méthode de calcul du FID et ce qui permet de le réduire le « FID » avec vos développeurs, n’hésitez pas à consulter cet article technique de Fasterize sur le FID.

Le « CLS » ou « Cumulative Layout Shift »

Ce dernier indicateur a été conçu pour sanctionner les phénomènes de « glissement » dans le visuel d’une page.

Prenons un exemple : vous l’avez certainement vécu, ce moment où vous êtes en train de consulter un article de presse, vous lisez tranquillement le 2ème paragraphe, et hop (!) vous voila « téléporté » sans avertissement à un autre endroit du texte. Vous glissez alors en hauteur le texte sur votre mobile, et vous réalisez que votre paragraphe en cours est désormais un peu plus bas.

Que s’est-il passé exactement ? Ce n’est pas l’écran en lui-même qui s’est décalé vers le bas, mais un élément de la page qui s’est inséré plus haut, et qui a décalé l’ensemble du contenu ! Cela arrive encore malheureusement sur de nombreux sites, notamment lorsque l’on charge des contenus riches (bannières, vidéos, etc.) en haut de page, et qui arrivent assez tard.

Ces types de glissement sont très agaçants pour l’internaute, ils sont à proscrire.

Que peut-on en conclure ?

Comme on peut le voir dans la définition de ces 3 nouveaux indicateurs, mais en particulier dans le cas du « FID » et du « CLS », Google a décidé d’envoyer un signal très fort en direction des équipes digitales, pour les pousser à améliorer le confort de l’internaute, au delà de l’amélioration de la simple vitesse.

Chez Quanta, nous pensons que ce niveau d’exigence croissant est une bonne chose, il va permettre une nouvelle fois d’améliorer la navigation sur le web, de la même manière que nous avons du adapter nos sites web pour les périphériques mobiles il y a quelques années.

Nous avons donc décidé d’inclure le suivi et l’analyse des Core Web Vitals par défaut dans notre solution de Digital Expérience Monitoring. Puisque ces indicateurs nécessitent une attention particulière, autant les suivre dans le temps, pour l’ensemble des pages de votre site afin d’obtenir les meilleurs scores possibles :

Pour démarrer une analyse « one-shot » et rapide, vous pouvez utiliser les outils en ligne suivants :

• Pagespeed Insights
• Webpagetest

Et si vous souhaitez mettre en place un cycle d’amélioration continue de ces indicateurs sur l’ensemble de vos pages, n’hésitez pas à nous contacter pour obtenir une démo de la solution Quanta.

L’article Qu’est-ce que les Core Web Vitals, et comment s’adapter ? est apparu en premier sur Quanta.

Il est 18h lorsque la péniche du Vert Galant s’installe quai de Grenelle face à la Statue de Liberté, c’est ici que l’on y accueille nos partenaires Smile et AWS ainsi que différents clients et autres invités venus de différentes entreprises comme Orange, VeePee, CCI france, Louvre Hotels …

Le temps d’une coupe de champagne et des premières salutations, puis la péniche quitte le port en marquant le lancement de notre conférence.

Guillaume Thibaux – Co Fondateur de Quanta, prend la parole sur un thème au coeur l’ADN de Quanta : L’écologie Digitale ou “Comment réduire les coûts d’infrastructure en sauvant l’humanité ?”. Un thème qui a fortement intrigué nos invités et dont l’objectif était d’alerter les professionnels sur les conséquences écologiques des consommations digitales tout en apportant des solutions efficaces comme la migration sur le cloud, l’optimisation des services et le choix de se diriger vers des datacenters alimentés aux énergies renouvelables.

Puis s’en est rapidement suivi la table ronde : “Comment travailler à l’optimisation en synergies avec différents prestataires ?” où Guillaume Thibaux a été rejoint par nos partenaires, Smile et AWS, représentés respectivement par Eric Grossetie, Directeur de la BU Hébergement/Infogérance et Michel Burov, Account Manager.  Très rapidement, nous avons pu voir le sujet totalement maîtrisé car les trois entités collaborent régulièrement pour de nombreux clients tels que Hermès, La Halle…

Chacun des intervenants a pu témoigner de l’ampleur du mouvement en marche vers le Cloud et comment chacun apporte sa pierre à ces enjeux de migration de plateforme en collaboration avec ses partenaires. Plus généralement sur la question de l’énergie, Michel Burov a également pu livrer la vision d’AWS et des détails sur leurs investissements dans les énergies renouvelables.

Les partenariats communs entre Smile, AWS et Quanta ont été évoqués également. En effet les 3 sociétés ont des activités complémentaires et se retrouvent naturellement sur des contextes clients  : Smile spécialisé dans l’hébergement et l’infogérance des sites, AWS pour la partie “hardware” (matériel et réseau) pendant que Quanta agit comme une tour de contrôle en veillant au bon fonctionnement général des performances de l’ensemble.

Enfin pour terminer Clément Elgard, Head of Performance Guru chez Quanta, nous a fait une démonstration de l’utilisation de l’application Quanta, donnant l’opportunité aux invités qui la découvre d’en connaître ses fonctionnalités et aux utilisateurs présents de poser toutes les questions nécessaires à la maitrise totale de l’application.

Un temps de parole qui s’est terminé et a laissé place à un cocktail placé sous le signe du digital et de la bonne humeur.

Le Quanta Connect prend fin aux alentours de 21h, nos invités quittent le bateau en nous remerciant. Ce n’est qu’un au revoir, puisque le Quanta Connect #2 est en préparation, Stay Tuned nous reviendrons prochainement pour plus d’informations !

L’article Les Quanta Connect sont lancés ! est apparu en premier sur Quanta.

L’article Le Real User Monitoring, un « RUM » à consommer sans modération est apparu en premier sur Quanta.

Le plus grand événement du cloud a de nouveau tenu ses promesses et rencontré un succès retentissant lors de son édition Parisienne la semaine dernière.

Impossible pour nous de passer à côté de cette occasion, nous avons vécu l’intégralité de l’événement AWS Summit en plein coeur des Start up et des innovations de demain.

Notre stand situé face au Start Up central nous a permis de suivre l’ensemble des conférences qui ont eu lieu à partir de 11h30 sur cette même scène.

Les Startup Talks

Au menu, des conférences de 10 minutes sur des sujets divers et variés permettant à chacun de pouvoir s’identifier et trouver des solutions qui tendent à l’amélioration de votre entreprise grâce à AWS.

Les CEO et CTO de JoliMoi ont apporté leurs conseils pour améliorer la gestion des données sensibles avec AWS. 

Jetpack Data a partagé les « tips » pour construire une plateforme de data visualisation intelligente sur AWS.

Marc Millen, DevOps a expliqué comment La ruche qui dit oui, est passée de la migration à l’automatisation avec AWS.

Et chez Quanta, nous avons apporté nos conseils sur un sujet qui fait partie intégrante de l’ADN de Quanta et de AWS, l’écologie digitale. En effet, la conférence menée par Guillaume Thibaux, le Co-fondateur, présentait des solutions existantes pour réduire nos coûts d’infrastructure et ainsi éviter le gâchis énergétique lié à nos activités digitales.

Pour voir ou revoir notre conférence rendez-vous sur notre page Facebook Quanta et très prochainement sur aws.amazon.com !

Les Startup Talk Show

S’en sont suivi les Startup Talk Show présentés par Maddyness sous un format plus long que les précédentes conférences et qui présentaient les témoignages de marques sous plusieurs thèmes.

Jérémie Parker, CTO de Eatwith et Jean-Michel Blanc du Service Manager de EkWateur ont pris la parole sur “Comment résister à l’effet capital ?”. 

Maximilian Bittner, CEO de Vestiaire Collective et Mathieu Perez, CTO de TravelCar ont conseiillé sur comment “Réussir son expansion géographique ». 

Et enfin, Loic Souberyrand, CEO de Lunchr et Guislain de Fontenay, CTO de Payfit sur “Comment disrupter son marché ?” 

Toutes les vidéos seront prochainement disponibles sur aws.amazon.com

Le concours AWS Startup Architecture of the Year

L’AWS Summit a été aussi (pour une des rares fois) la possibilité de donner la parole à ceux qui donnent vie à nos idées, ceux sans qui les infrastructures de nos solutions ne seraient pas ce qu’elles sont… nos spécialistes techniques !  En effet, à travers le concours « AWS Startup Architecture of the Year 2019 » nos « techs » ont pu s’exprimer sur la scène du Start Up central et présenter leur travail à travers la démonstration des infrastructures qui ont fait la réussite de leur solution/entreprise.

Une belle initiative qui a mit à l’honneur 8 Startup finalistes :

• • Boxtal : solution d’envoi de colis pour les professionnels.

• • Clevy : solution de chat automatisée.

• • Dribbly : messagerie instantanée dédiée aux fans de foot qui te permet de suivre les matchs en temps réel.

• • Klap : permet aux streamers et broadcasters de détecter automatiquement les meilleurs moments dans le contenu vidéo brut ou le contenu en streaming en direct.

• • Pubstack.io : solution qui permet d’afficher les stocks lorsqu’il y a divers acheteurs simultanément.

• • Riminder : solution qui place la technologie au service du recrutement.

• • Watiz : permet de créer une nouvelle situation d’achat et de nouveaux canaux de vente grâce à la puissance de l’IA et de l’image.

• Quanta: Eh oui ! Nous étions là aussi et nous avons été bien représentés par Matthieu Rosinski qui malgré la finalité des résultats a su captiver la centaine de personnes présente et expliquer de façon claire et concise notre “infra” au jury composé du directeur de Tech Stars, de VCs et d’experts techniques AWS.

En bref, un événement enrichissant porté par le géant du cloud qui a permis de mettre en valeur les Startup et les innovations de demain, pour ceux qui n’y étaient pas cette année, pas de panique, ils reviendront l’année prochaine !

L’article Au coeur des Startup de l’AWS Summit est apparu en premier sur Quanta.

Le plus grand événement dédié au cloud ouvre ses portes le 2 avril prochain et en tant qu’ Advanced Technology Partner, nous serons ravis de vous y retrouver.

Au programme de cette année ?

Tout au long cette journée, vous pourrez assister à des retours d’expériences de clients et partenaires, des conférences et des workshops pour découvrir les dernières fonctionnalités développées par le cloud Amazon.

Au programme, plus de 80 sessions attendues autour de 4 sujets clefs :

• • • Le Machine Learning
  • • L’architecture Hybride
  • • Migration de base de données
  • La sécurité du cloud

Pour nous retrouver !

Notre stand

Rien de plus simple, inscrivez-vous ici et retrouvez-nous sur notre stand situé au premier étage (au niveau du Start Up Corner) où seront présents nos experts Guillaume Thibaux et Arthur Piwnik qui pourront répondre à toutes vos questions.

Notre conférence

Cette journée sera une belle opportunité pour nous de vous présenter notre solution Quanta et surtout notre attachement particulier à l’écologie et à la volonté de pouvoir allier l’amélioration de la web performance avec la protection de la planète.

Alors ne manquez pas notre conférence «  Réduire ses coûts d’infrastructure et sauver l’humanité » à 11h45 sur le Startup Central au premier étage du Palais des Congrès.

Pour plus d’informations : https://aws.amazon.com/fr/events/summits/paris/learning/startup-central/

Le pitch concours 

Nous avons le plaisir d’avoir été sélectionnés parmis les 7 finalistes du concours  « AWS Startup Architecture of the Year » organisé par AWS ! Mardi prochain, sur le Start up Central, Matthieu Rosinski notre Head of Engineering présentera lors de cette finale l’infrastructure qui fait tourner Quanta !

L’article Quanta sera à l’AWS Summit ! est apparu en premier sur Quanta.

Paris, le 20 Décembre 2018,

Quanta, solution de référence pour le pilotage de la web performance, annonce aujourd’hui un partenariat avec Smile, leader européen de l’intégration et de l’infogérance de solutions open source.

Au fil des années, l’environnement du digital et d’internet n’a cessé d’évoluer. Un site web n’est plus un simple support de communication mais est devenu un véritable canal de vente dont il faut en connaître toutes les subtilités afin d’apporter la meilleure expérience possible à l’internaute. Une expérience client rapide et fluide est devenue standard, c’est un prérequis pour toute activité digitalisée. Dans ce contexte où tout va toujours plus vite, où le temps des consommateurs est compté, les décisions des internautes se jouent en millisecondes : la vente… ou l’abandon.

C’est désormais ensemble, et par la combinaison de leurs différents domaines d’expertises, que Quanta et Smile avancent dans l’objectif commun d’apporter des solutions web complètes et efficaces aux représentants des sites e-commerce.

Pour Smile, se rapprocher de Quanta est apparu comme une suite logique en rapport aux valeurs et aux ambitions communes portées par ces deux entités à destination de leurs clients et dans l’amélioration du web.

Quanta vient donc soutenir Smile dans leur quête d’excellence, en particulier sur le sujet de la web performance. Ce partenariat permet de garantir aux clients communs des 2 sociétés une collaboration efficace et sereine entre les différentes parties prenantes (agence, hébergeur et équipes internes), et par conséquent de rester concentrés sur le véritable enjeu : le taux de conversion du site.

Pour Quanta, le partenariat avec Smile est l’occasion de continuer à renforcer son positionnement de solution de référence pour les directions e-commerce, marketing, digitales et générales. L’objectif final réside dans la volonté de proposer une plateforme complète de pilotage et d’optimisation de la performance web sur laquelle les équipes de Smile s’appuient dans le but de concrétiser les optimisations recommandées.

A propos de Smile :

Avec une présence dans 9 pays, Smile est le leader européen du numérique ouvert, expert du digital et de l’open source (conseil, intégration et infogérance).

Près de 1 300 passionnés contribuent chaque année à plusieurs centaines de projets digitaux pour les plus grands comptes français et européens, sur la base de solutions et concepts les plus innovants.

Smile accompagne ses clients à chaque étape de leur transformation digitale à travers quatre offres verticales (Digital/Ebusiness, Business Apps, Infrastructure, Embedded/IoT) et une ligne complète de services intégrés (conseil, agence digitale, formation, développement et intégration, maintenance et infogérance).

Plus d’information sur : www.smile.eu

A propos de Quanta :

Quanta offre la seule solution d’analytics spécialement conçue pour permettre aux équipes e-commerce et digitales étendues de collaborer efficacement en gardant un objectif en tête : faire de la Web Performance un levier actionnable de la performance commerciale.

La plateforme Quanta renforce la fiabilité opérationnelle et permet de faire des optimisations de performance qui impactent directement les revenus. Elle favorise également la fluidité de la collaboration au sein des équipes e-commerce étendues et permet une résolution d’incident en toute sérénité.

Percevez immédiatement les résultats :

• • une amélioration de la visibilité, du suivi et du contrôle managérial, de la collaboration entre équipes, de l’efficacité et de la confiance
  • une expérience web plus rapide avec un meilleur taux de conversion;
  • des process de résolution mieux maîtrisés et plus de tranquillité d’esprit.

Elle est la solution de référence pour plus de 500 sites dans le monde et accompagne dans leur stratégie de Web Performance des marques comme Aubade et The Kooples; mais aussi de nombreuses  agences ou infogéreurs.

Plus d’information sur : www.quanta.io

Contacts :

Marjorie Dos Santos, Chargée de Communication

marjorie.dossantos@quanta.io

L’article Partenariat entre Smile et Quanta est apparu en premier sur Quanta.

sur la web performance

Comment se porte la publicité en ligne ?  

Aujourd’hui, l’essentiel de la croissance e-publicitaire en France est captée par les géants du numérique Google et Facebook (selon l’Observatoire de l’e-pub).

Le marché de la publicité en ligne a connu une croissance de 15,5% au 1er trimestre 2018 avec un résultat atteignant 2,264M€ par rapport au premier trimestre 2017 qui était de 1,813 M€ .

La publicité numérique est devenue en quelques années un média incontournable. Aujourd’hui il s’agit encore du premier média publicitaire et conforte sa place de leader sur le marché depuis 2017. Il représente à lui seul, 39,2% de part de marché avec une jolie progression de 4,7 points (vs premier semestre 2017). A croire que ce n’est que le début…

Dans ce contexte, tous les leviers digitaux sont en croissance, et plus particulièrement le display avec une augmentation de 29,9% il conserve sa position de leader sur le marché de la publicité numérique et représente 37% du marché global qui correspond à un CA net global de 875M€.

Cette croissance est véritablement boostée par la forte utilisation des réseaux sociaux et donc l’intérêt grandissant pour les marques de diffuser leur publicité via ce canal. Le search, lui, progresse de 8,5%, soit 47% du marché global et un CA net de 1078M€. Les autres leviers comme l’affiliation, les comparateurs et l’emailing, sont regroupés dans une même catégorie et sont également en hausse +6% (vs S1 2017) soit 16% du marché global pour un montant CA net total de 366M€.

Le côté obscur de la force

Bien qu’elle montre une croissance fulgurante et continue, la publicité numérique a certains effets néfastes sur la performance des sites, sur la vie privée des internautes ou encore sur la sécurité des données récoltées. Voyons cela plus en détails …

Le temps de chargement :

La publicité en ligne est hautement responsable de l’augmentation du poids d’une page et par conséquent de son temps de chargement. Pourquoi ?  Pour la simple et bonne raison que le navigateur doit aller se connecter à différents endroits pour récupérer le contenu publicitaire, attendre que l’espace publicitaire soit mis aux enchères, puis vendu, que le site soit connecté au site tiers, qu’il récupère le contenu, le charge… Bref, vous l’aurez compris tout cela prend du temps et aussi de la précieuse bande passante pour chaque internaute ! Pour bien comprendre et vous montrer la différence entre un même site avec et sans publicité, un comparatif du site BFMTV a été réalisé par Pixellibre.net :

On peut très distinctement voir la différence de poids de la page avec et sans publicité. Ce poids de page va par répercussion avoir un impact sur le chargement de la page dans son entièreté.

Plus de 17 secondes de chargement avec une mise en cache, plus de 20 secondes sans la mise en cache, et plus de la moitié des éléments à charger sont des js, ou javascripts.

On peut dire que la page « n’est que » deux fois plus lourde avec 4.5Mo mais le temps de chargement, lui, est environ 11.6 fois plus élevé !

La vie privée :

C’est un sujet qui inquiète de plus en plus les internautes, cette combinaison entre la publicité et la vie privée. En effet, les acteurs de la publicité numérique cherchent à récupérer un maximum de données concernant vos internautes, pour alimenter leurs bases mais également pour pouvoir segmenter et cibler davantage les produits susceptibles de vous intéresser dans l’objectif de maximiser leur retour sur investissement.

Un système inquiétant qui a entrainé des craintes auprès des utilisateurs et qui a conduit la création de nouvelles règles plus drastiques afin d’assurer la sécurité de la vie privée des individus. En mai 2018 est entré en vigueur le nouveau règlement général sur la protection des données. Le règlement établit notamment des règles permettant d’obtenir le consentement éclairé de l’internaute vis-à-vis de la collecte de données le concernant (par la mise en place d’un système d’opt-in).

La conséquence

Avec les problèmes liés à la sécurité de la publicité en ligne, les internautes sont davantage méfiants et la trouve même “énervante et de plus en plus intrusive”. (source : le média des entrepreneurs). Pour eux, ces annonces viennent interrompre leur expérience utilisateur et constatent un ralentissement important du chargement de leur page. C’est pour ces différentes raisons, qu’ils se sont tournés vers l’installation d’un AdBlocker.

Qu’est-ce qu’un Adblocker ?

Il s’agit d’un dispositif logiciel offrant la possibilité aux internautes de bloquer l’affichage des publicités sur les sites web qu’ils visitent, que ce soit des bandeaux ou des liens sponsorisés. (1min30).

Son fonctionnement est finalement assez simple, les logiciels vont analyser le code source de la page avant son affichage, puis détecter les tags et scripts des principales régies publicitaires et suppriment la portion de code concernée. Le résultat est une navigation plus rapide avec une protection accrue de la vie privée.

Quel est l’avenir de la publicité dans tout ça ?

Selon l’étude Adback qui concerne l’utilisation d’un adblocker chez les internautes, les chiffres ont tendance à se stabiliser, mais démontrent tout de même une tendance forte, notamment chez les plus jeunes. Plus de 30% des internautes utiliseront un adblocker en 2019, contre 28,7% en 2018.

Quand on voit les désavantages de ces publicités sur le poids de la page comme sur le sentiment de sécurité du site, on ne peut que se poser sérieusement la question en tant que Ecommerçant de la balance entre le bénéfice et son impact négatif sur notre propre taux de conversion. Ces éléments sont à surveiller, chiffre à l’appui, afin de ne pas gaspiller son budget marketing.

L’article Les dangers de l’e-publicité sur la web performance est apparu en premier sur Quanta.

La France se met à la vitesse de la Web Perf avec l’événement qui lui est consacré : We Love Speed !

Le 9 octobre prochain, le premier évènement exclusivement dédié à la Web performance ouvrira ses portes à partir de 8h30 au Palais de la Bourse de Bordeaux. Un événement au goût particulier pour nous chez Quanta car c’est un évènement de passionnés créé par la communauté Web Perf française, alors nous sommes fier d’être sponsor de cette première édition !

Lors de cette journée de Web perf, vous aurez la possibilité de rencontrer les professionnels de la performance web de société comme Google, CDiscount ou encore Akamai. Vous aurez également l’occasion de partir à la découverte des dernières bonnes pratiques de l’optimisation Web en assistant aux conférences.

Au programme :

« Chrome UX Report : comprendre la vitesse ressentie par vos utilisateur » – Rick Viscomi, Défenseur de la transparence sur le Web chez Google

« L’UX au service de la performance de vos interfaces » – Stéphanie Walter UX et UI Designer

« Organiser l’entreprise pour la Performance Web » – Dimitri Baeli CTO Les Furets, Vincent Robert DSI Ouest-France, François Boury Directeur Technique Internet L’équipe.fr et Aurélien Lajoie Directeur de l’architecture Cdiscount.

« UX et Performance : les mesures qui comptent » – Philip Tellis Principal RUM Distiller chez Akamai

« Optimiser la performance par un choix optimal des dimensions des images responsives » – Nicolas Hoizey Cofondateur Clever Age

« Les performances de rendu CSS » – Thomas Zilliox Expert CSS freelance

« Quelles métriques pour mesurer la webperf ? » – Jean-Pierre Vincent Expert Technique Indépendant et formateur sur les Performances Web et JavaScript

« Budgets de performance ou comment mettre votre site au régime » – Damien Jubeau – CEO et cofondateur Dareboost

« Combien rapporte 100ms ? » – Stéphane Rios ancien CTO de RueDuCommerce.com et fondateur de Fasterize

« Rapide par défaut  : comment nous avons réinventé le site d’Algolia » – Jonas Badalic Algolia

« Comment faire de la performance Web un enjeu majeur pour l’entreprise ? » – Aniss Boumrigua IT manager chez Rue du Commerce

Plus d’infos ici sur le site officiel de We Love Speed.

L’article We Love Speed, la conférence des passionnés de Web Performance ! est apparu en premier sur Quanta.

Les images d’un site web sont incontournables pour le rendre plus design et apporter une fluidité de navigation, mais quand elles sont mal optimisées elles peuvent devenir les facteurs d’un ralentissement important et ainsi créer des frustrations voire un abandon du site par l’internaute.

Face à leur importance et aux changements permanent des sites web qui nécessitent l’intégration d’images, on en oublie très souvent qu’il y a des règles à respecter pour conserver la fluidité et la rapidité de son site. En effet, 30 à 40% du temps lorsque nous effectuons des tests lors de nos audits, les images représentent la première cause de ralentissement !

Pourquoi optimiser le poids des images ?

1. Pour réduire votre taux de rebond : Aujourd’hui 57% des internautes quittent un site si le temps de chargement est supérieur à 3 secondes (source: ThinkWithGoogle).
2. La norme établie pour le e-commerce en Europe en temps de réponse serveur est de 300 ms, au delà de cette limite votre temps de réponse doit être fortement amélioré
3. 100 ms gagnées en temps de réponse vous apportent 1% de croissance de votre taux de conversion, soit 1 % de revenu supplémentaire à la fin de l’année 

Et pourtant il existe de nombreuses façons simples et rapides pour les optimiser au maximum…

Comment optimiser ses images ?

1. Redimensionner les images avant l’import

En limitant la taille de l’image avant l’import vous obtiendrez en toute logique une image beaucoup moins lourde. L’idée principale est de toujours s’assurer que l’on ne fait pas télécharger une image plus grande que nécessaire à l’utilisateur. Très souvent, lors de nos audits, nous découvrons qu’une partie des images qui figurent sur le site sont envoyées à l’utilisateur dans une dimension supérieure à la dimension spécifié dans le code HTML du site. Quand cela se produit, il y a un gâchis de ressource et de temps de transfert car l’utilisateur va commencer par télécharger une grande image pour finalement la redimensionner automatiquement à la baisse lors de l’affichage par le navigateur.

La bonne pratique consiste donc à avoir une correspondance parfaite entre les dimensions des images (dans le fichier lui-même) et les dimensions spécifiées dans le code HTML pour ces mêmes images. Quand la dimension n’est pas la même il est nécessaire de les redimensionner.

2. Compresser les images

Très simple et très rapide, la compression d’image permet de réduire la taille de celle-ci par suppression des fichiers composés d’informations répétitives. Par exemple dans une image, il peut y avoir des rangées entières de pixels de la même couleur, dans ce cas au lieu d’enregistrer pour chacun de ces pixels un numéro représentant cette couleur, on peut mettre un code signifiant de mettre ici 300 fois la couleur choisie.

Le principe de compression des images n’est évidemment pas neuf, mais sachez que ce domaine a continué de progresser dans les dernières années. Aussi, nous vous conseillons fortement de vérifier que l’ensemble des images de votre site utilise bien le maximum de niveau de compression.

Vous vous demandez peut-être si l’impact de la compression est visible auprès de vos visiteurs ? En effet, cela peut dépendre du degré de compression que vous allez utiliser, mais la plupart du temps vous serez étonnés de ne pas arriver à faire la différence entre 2 images affichées à l’écran, l’une des deux ayant une taille largement plus basse.

Pour vous aider dans cette démarche, nous vous conseillons l’excellent outil en ligne compressor.io, qui permet justement de comparer les différences avant/après compression !

3. Opter pour le JPEG ou le PNG ?

Pourquoi le JPEG : c’est le format le plus adapté en terme de compression d’image numérique. Il est possible de choisir le taux de compression avec ce format mais attention plus la compression est importante, moins l’image sera lourde, mais en contrepartie elle perd de sa qualité. Il faut donc choisir le bon compromis, mais ça on vous laisse faire ! (cf. vos futurs essais avec compressor.io)

Pour le PNG : Contrairement au JPEG, le PNG accepte la transparence, par conséquent son utilisation sur le web est plus avantageuse et davantage privilégiée pour certaines images comme les logos par exemple. Néanmoins pour toutes les autres qui ne nécessitent pas de transparence, le JPEG, avec ses nombreuses options de compression, restera plus adapté.

4. Rappel : Génération Mobile First

Depuis le passage de la Google Speed Update, nous sommes passés dans une ère de Mobile First ! Pensez bien évidemment à rendre vos images responsives et bien suivre les étapes d’optimisation du poids de vos images !

La vitesse de chargement des pages d’un site web est devenue le sujet majeur de ces dernières années. La conjoncture et le rythme de vie actuel nous incite à être de plus en plus impatients. Les internautes eux aussi sont dans la même configuration et veulent naviguer sans attendre, à nous de nous adapter pour offrir la meilleure expérience numérique et d’achat à nos clients.

L’article L’optimisation indispensable des images est apparu en premier sur Quanta.