« Un widget de chat ralentira-t-il mon site ? » J'entends cela constamment de la part des propriétaires de WordPress. Ils veulent un chat, car les clients devraient pouvoir les joindre sans chercher une adresse e-mail, mais ils ont une vague impression que cela a un coût, et personne ne leur a jamais dit quel était ce coût.
Alors je l'ai mesuré. Même page WordPress, même jour : une fois avec un widget hébergé populaire, une fois avec le bouton de chat de WPChat, une fois sans chat du tout.
La réponse courte est qu'aucun widget de chat ne va casser votre site. Mais l'écart entre eux est plus grand que vous ne le pensez.
Un widget de chat hébergé typique a apporté environ deux grosses photos de fichiers, tirés de trois serveurs externes. Le bouton de WPChat a fait le même travail, un client le tape et vous contacte, pour moins de la moitié, à partir d'un serveur : le vôtre.
Ci-dessous, je vous montrerai ce que chacun met sur votre page, pourquoi l'origine des fichiers est plus importante que leur taille, et comment vérifier votre propre site en cinq minutes.
Dans cet article :
- Combien coûte réellement votre widget de chat sur votre page ?
- Ce que chaque widget charge réellement
- D'où proviennent les fichiers du widget de chat
- Où la conversation a réellement lieu
- Vérifiez votre propre widget en cinq minutes
- Questions fréquentes sur les widgets de chat et la vitesse des pages
- La façon la plus légère d'être joignable
Combien coûte réellement votre widget de chat sur votre page ?
Vous voulez un widget de chat sur votre site. Un client ayant une question devrait pouvoir appuyer sur un bouton et vous joindre, pas fouiller dans une page de contact. La partie que personne ne vous montre jamais est ce que le widget que vous choisissez met sur votre page pour que cela se produise.
J'ai donc chargé la même page WordPress trois fois le même jour, avec Chrome DevTools enregistrant chaque fichier qui arrivait : une fois avec un widget de chat hébergé par tawk.to, une fois avec WPChat, une fois sans chat du tout.
Le widget tawk.to a apporté 552 Ko sur 37 requêtes, et ces requêtes sont allées vers trois serveurs que vous ne possédez pas. 552 Ko, c'est le poids d'environ deux grosses photos.
Le bouton de chat de WPChat a fait le même travail pour 311 Ko sur 21 requêtes, le tout à partir d'un seul serveur. Ce serveur est le vôtre, car les fichiers se trouvent dans le dossier du plugin sur votre site.
Aucun de ces chiffres ne va casser un site. Une page contenant un widget de chat se charge toujours, obtient toujours de bons scores, fonctionne toujours.
Ce que chaque widget charge réellement
Un widget de chat n'est pas un seul fichier. C'est un script pour faire fonctionner la chose, une feuille de style pour qu'elle ait l'air bien, une police pour les icônes, et un ensemble d'appels vers l'endroit d'où provient le widget.
Chacun de ceux-ci est quelque chose que le navigateur de votre visiteur doit aller chercher avant que le bouton ne soit là, prêt à être utilisé.
C'est ce que le tableau ci-dessous compte. Pas ce que chaque widget prétend peser, mais ce qui est réellement arrivé.
| Ce qui est sur la page | Requêtes | Total téléchargé | La propre part du widget |
|---|---|---|---|
| Aucun widget de chat | 57 | 504 Ko | — |
| WPChat | 80 | 821 Ko | 311 Ko, 21 requêtes, 1 domaine (celui du site) |
| tawk.to | 96 | 1 098 Ko | 552 Ko, 37 requêtes, 3 domaines externes |
Commencez par l'écart de taille. Le bouton de WPChat coûte 311 Ko. Le widget hébergé coûte 552 Ko. Cela représente environ une grosse photo contre deux, ajoutée à chaque page sur laquelle un visiteur atterrit.
Le reste de la différence provient de l'origine de ces fichiers, et c'est ce qu'il faut comprendre avant d'en choisir un.
D'où proviennent les fichiers du widget de chat
Les fichiers de WPChat résident dans le dossier du plugin sur votre propre serveur. C'est le même serveur qui envoie à votre visiteur tout le reste de la page : votre thème, vos images, votre texte.
Le navigateur y a déjà ouvert une connexion. Les fichiers de WPChat l'utilisent simplement.
Cela signifie également que ces fichiers se trouvent derrière tout ce que vous exécutez déjà. Si vous utilisez un plugin de mise en cache, il les met en cache. Si vous utilisez un CDN, il les sert.
Les fichiers d'un widget hébergé proviennent d'un tout autre endroit : des serveurs que le navigateur de votre visiteur n'a jamais contactés, que votre plugin de mise en cache et votre CDN ne peuvent pas atteindre.
Où la conversation a réellement lieu
Voici ce qui se cache réellement derrière l'écart dans ce tableau. Les deux produits ne font pas le même travail, car ce ne sont pas le même type de produit.
Demandez à la plupart des propriétaires de sites ce qu'ils attendent du chat, et ils décrivent un bouton. Un client appuie dessus, envoie un message, obtient une réponse.
Ce qu'ils installent est généralement un système de chat complet : une session en direct, un stockage de messages, un logiciel en attente sur la page d'une réponse qui pourrait ne jamais venir.
Un widget de chat hébergé doit afficher une conversation sur votre page. Il charge donc la machinerie nécessaire pour cela.
Il ouvre une session, met en place un endroit pour conserver les messages et maintient une connexion active avec le serveur de quelqu'un d'autre afin qu'une réponse puisse arriver pendant que votre visiteur lit encore.
Le bouton de WPChat n'affiche pas de conversation. Votre visiteur appuie dessus et atterrit sur WhatsApp, Messenger, Telegram ou Instagram, une application dans laquelle il est déjà connecté.
La conversation se poursuit après la fermeture de votre site, et vous répondez depuis votre téléphone.
La configuration prend quelques minutes. Installez et activez le plugin, puis accédez au menu WPChat, choisissez les applications que vous souhaitez afficher, et collez le numéro de téléphone ou le nom d'utilisateur pour chacune.
Après cela, sélectionnez où afficher le widget, et le bouton sera actif sur votre site.
Pourquoi je recommande WPChat
Si vous souhaitez que vos clients vous contactent, WPChat remplit cette fonction pour moins de la moitié du poids et sans aucune connexion externe. Et vous pouvez le vérifier vous-même avec les étapes de la section suivante.
- Vos visiteurs terminent la conversation dans une application qu'ils utilisent déjà. Aucune fenêtre de chat à apprendre, aucun e-mail à taper.
- Vous répondez depuis votre téléphone. Notifications WhatsApp, Messenger, Telegram et Instagram, les mêmes que vous recevez déjà.
- Les fichiers restent sur votre serveur. Votre plugin de mise en cache et votre CDN les couvrent comme ils couvrent tout le reste.
- Il y a une garantie de remboursement de 14 jours, vous pouvez donc le tester sur votre propre page avant de vous engager.
WPChat provient de Smash Balloon, dont les plugins sont installés sur plus de 1,75 million de sites après plus de 13 ans de développement pour WordPress.
Si vous souhaitez une présentation plus complète des options, voici notre guide sur comment ajouter un chat en ligne à votre site web.
Vérifiez votre propre widget en cinq minutes
Vous n’avez pas besoin d’un plugin ou d’un outil payant pour cela. Chrome a tout intégré, et à la fin, vous aurez deux chiffres pour votre propre site : le nombre de téléchargements de votre widget et le nombre de serveurs externes à partir desquels il se charge.
Voici comment les obtenir.
- Ouvrez votre site dans Chrome, puis ouvrez les Outils de développement. Appuyez sur Cmd+Opt+I sur Mac ou Ctrl+Shift+I sur Windows. Cliquez sur l’onglet « Network ».
- Cochez « Disable cache ». C’est une case à cocher en haut de l’onglet Network. Cela permet à Chrome de tout télécharger à nouveau, comme le ferait un visiteur pour la première fois.
- Réglez le throttling sur « Slow 4G ». C’est le menu déroulant à côté de la case à cocher du cache, qui indique généralement « No throttling ». Sur une connexion fibre de bureau, tous les widgets semblent bien fonctionner, c’est donc ce réglage qui rend le coût visible.
- Rechargez la page. Puis attendez. Ne regardez pas les chiffres tant que le lanceur de chat n’est pas réellement présent sur la page et que rien d’autre ne se charge.
- Lisez la barre de résumé en bas de l’onglet Network. Elle indique le total transféré.
- Comptez les domaines du widget. Tapez le nom du widget dans la boîte de filtre en haut à gauche et la liste se réduit à ses requêtes. Comptez les domaines distincts qui apparaissent.
- Désactivez le widget et répétez. Désactivez le plugin, puis répétez les étapes 4 à 6. La différence entre les deux exécutions est le coût réel de votre widget.
Ces trois chiffres vous disent chacun quelque chose de différent.
Les octets transférés sont ce qu’un visiteur avec une connexion mobile télécharge réellement pour voir votre bouton de chat. Les domaines sont le nombre que vous contrôlez le moins. Chaque domaine externe représente une nouvelle connexion à un serveur qui n’est pas le vôtre.
Questions fréquentes sur les widgets de chat et la vitesse des pages
Combien un widget de chat ajoute-t-il à ma page ?
Moins que ce que la plupart des gens craignent, et cela dépend entièrement de celui que vous utilisez. Sur la même page WordPress, le bouton de chat de WPChat a ajouté 311 Ko et un widget hébergé a ajouté 552 Ko, ce qui correspond à peu près à une grande photo contre deux.
Pour savoir ce que le vôtre coûte, effectuez la vérification de cinq minutes ci-dessus sur votre propre site.
Quelle est la différence entre un widget de chat en direct et un bouton de clic pour discuter ?
Un widget de chat en direct affiche la conversation sur votre page, il doit donc charger une session, un endroit pour stocker les messages et une connexion en direct à un serveur externe.
Un bouton de clic pour discuter transmet la conversation à WhatsApp, Messenger, Telegram ou Instagram à la place, de sorte qu’aucune de ces machines ne doit être chargée. Les deux permettent à un client de vous envoyer un message. Un seul d’entre eux exécute un système de chat sur votre page pour le faire.
Un bouton de clic pour discuter fait-il vraiment moins de travail, ou est-ce juste du marketing ?
Il effectue réellement moins de travail, et la raison est mécanique. Il n’y a pas de session à ouvrir, pas de stockage de messages à configurer, et rien en attente sur la page pour qu’une réponse arrive.
De plus, les fichiers proviennent de votre propre serveur plutôt que de celui de quelqu’un d’autre. Cela fait 311 Ko de votre propre serveur contre 552 Ko provenant de trois serveurs que vous ne contrôlez pas.
Si vous souhaitez que votre bouton se charge et se comporte bien sur les téléphones en particulier, voici notre guide sur l'optimisation mobile du widget de chat.
La façon la plus légère d'être joignable
Supprimez les détails techniques et cela se résume à une petite chose. Un client veut vous poser une question, il appuie sur un bouton, il vous contacte. WPChat le fait pour 311 Ko, servi depuis votre propre site, sans aucune connexion extérieure.
Le chat vaut la peine d'être utilisé. Ce dont vous n'avez peut-être pas besoin, c'est de la machinerie que la plupart des widgets de chat utilisent pour le fournir : la session, le stockage des messages, la connexion en direct sur votre page. WPChat est le chat sans rien de tout cela.
Vous obtenez un bouton auto-hébergé qui dirige vos clients directement vers WhatsApp, Messenger, Telegram ou Instagram, et une garantie de remboursement de 14 jours pour que vous puissiez d'abord le mesurer sur votre propre page.
Ajoutez le chat à votre site dès aujourd'hui
