Problème

Les applications Web sont parmi les applications les plus utilisées aujourd'hui en raison de leur accessibilité, flexibilité et commodité. Elles sont accessibles depuis tout appareil avec une connexion Internet, y compris les ordinateurs de bureau, les ordinateurs portables, les tablettes et les smartphones, ce qui les rend idéales pour les utilisateurs en déplacement ou travaillant à distance.

Un problème de rendu de page Web peut entraîner divers problèmes, y compris un chargement lent de la page, un chargement incomplet de la page ou la page ne se chargeant pas du tout. Il est essentiel de dépanner et de résoudre rapidement les problèmes de rendu pour garantir que les utilisateurs puissent accéder aux applications Web sans interruption. Cet article abordera certaines des causes courantes des problèmes de rendu de page Web et comment nous pouvons effectuer des étapes de dépannage pour mieux isoler le problème.

Causes possibles 

Il existe de nombreuses raisons pour lesquelles la page Web n'a pas pu être rendue ou l'a été très lentement. Quelques-unes des plus courantes sont :

• Chemin de routage sous-optimal vers le serveur
• Cache et cookies du navigateur corrompus/obsolètes
• Problèmes du serveur
• Liens cassés ou ressources manquantes
• Blocage de contenu par des bloqueurs de publicité ou des pare-feu

Dépannage 

Chemin de routage sous-optimal vers le serveur

Le chargement lent de la page peut parfois être dû à des routes sous-optimales vers le serveur Web. Pour garantir une route optimale entre le site et le serveur, nous pouvons utiliser les méthodes simples suivantes pour vérifier la latence. En effectuant un test de ping ou traceroute, nous pouvons comparer les résultats obtenus lorsque la connexion passe par Cato, avec les résultats obtenus en contournant complètement Cato.

1. Ping  Vous pouvez utiliser la commande ping pour vérifier si le serveur Web répond. Si le serveur est accessible, vous recevrez une réponse du serveur avec le temps d'aller-retour (RTT). Si les valeurs de RTT sont plus élevées lorsque la connexion passe par Cato, veuillez consulter Haut dans la latence provenant de Cato pour un dépannage plus approfondi.

2. Traceroute  Vous pouvez utiliser la commande traceroute pour vérifier le chemin que prend la connexion vers la destination. Le nombre de sauts affichés dans un traceroute n'est pas le facteur déterminant pour déterminer la vitesse d'une connexion. Au lieu de cela, le temps d'aller-retour (RTT) revêt plus d'importance lors de l'évaluation de la vitesse de connexion.

L'exemple suivant met en évidence ce scénario : bien que le nombre de sauts dans le chemin réseau diminue considérablement lorsque la connexion passe par Cato, le temps d'aller-retour (RTT) est étonnamment plus élevé par rapport au résultat obtenu quand la connexion est contournée.

La connexion suivante a contourné Cato :

Ci-dessous montre la même connexion, mais passe par Cato :

REMARQUE: Lors de la traversée du cloud Cato, il est fréquent d'observer une réduction du nombre de sauts. Cela est dû au fait que les sauts internes au sein de l'infrastructure de cloud Cato ne sont pas reflétés dans les résultats de traceroute.

Haut dans la latence provenant de Cato :

Pour résoudre la latence plus élevée lorsque la connexion passe par Cato, il est essentiel d'examiner les configurations suivantes :

Assurez-vous que le socket se connecte au PoP le plus proche

• Dans le CMA, allez à l'onglet Monitoring, puis sélectionnez le site affecté
• Dans le volet droit, sous Connexions récentes, cliquez sur Afficher le journal. Cela ouvrira un autre volet avec des informations sur le PoP connecté.
• S'il n'est pas connecté à un PoP le plus proche de l'emplacement du site, vérifiez si le socket a été configuré manuellement pour se connecter à un PoP préféré en accédant à Network > Sites > Configuration des sites > Général > Emplacements de PoP préférés
• Si cela a été incorrectement configuré au mauvais PoP, suivez ce Définir un PoP préféré pour un site pour le définir au PoP le plus proche, ou réglez l'emplacement principal sur Automatique (par défaut) et le socket sélectionnera et se connectera automatiquement au meilleur PoP.

Vérifiez s'il y a des règles d'eegress ou de backhaul

• Dans le CMA, allez à Règles de réseau et parcourez la liste pour vérifier s'il existe des règles concernant le serveur Web en question, et avec la méthode de routage configurée.

• S'il y en a, examinez le PoP/site de sortie configuré et évaluez sa proximité avec le serveur Web.

• Si le PoP/site est situé loin du serveur Web, vous avez deux options pour optimiser la configuration :
  -- Modifiez la règle de réseau existante en supprimant l'adresse IP du serveur Web de la règle. Ce changement permettra (par défaut) au trafic de sortir du PoP auquel le socket est connecté. Cependant, il est important de noter que cela peut ne pas être toujours idéal, car le PoP directement connecté peut ne pas être proche du serveur Web.
  -- Alternativement, créez une nouvelle règle de réseau spécifiquement pour le serveur Web. Dans cette nouvelle règle, configurez la sortie vers un PoP/site plus proche de l'emplacement réel du serveur Web.
  Consulte Comment configurer une règle d'eegress et Configurer le backhauling du trafic Internet pour obtenir des instructions sur la configuration d'une règle d'eegress et du backhauling du trafic Internet, respectivement.

Cache et cookies du navigateur corrompues/obsolètes

La cache et les cookies du navigateur peuvent parfois entraîner des problèmes de rendu sur une page Web si les ressources en cache sont obsolètes ou corrompues. Cela peut se produire lorsque le fichier CSS ou JavaScript d'une page Web est mis à jour, mais que le navigateur utilise toujours la version mise en cache, ce qui entraîne un rendu incorrect ou des erreurs sur la page. Pour confirmer si cela résout le problème, l'utilisateur peut essayer d'accéder à la page en mode navigation privée. Si cela fonctionne en mode navigation privée, les utilisateurs peuvent effacer le cache de leur navigateur et recharger la page. Voici quelques façons d'effacer le cache et les cookies du navigateur pour certains des navigateurs les plus couramment utilisés.

Google Chrome :

• Ouvrez Google Chrome et cliquez sur l'icône à trois points dans le coin supérieur droit de la fenêtre.
• Cliquez sur "Plus d'outils" puis sur "Effacer les données de navigation".
• Sélectionnez la période que vous souhaitez effacer et cochez les cases pour "Cookies et autres données de site" et
• "Images et fichiers en cache".
• Cliquez sur "Effacer les données".

Mozilla Firefox :

• Ouvrez Firefox et cliquez sur l'icône à trois lignes dans le coin supérieur droit de la fenêtre.
• Cliquez sur "Paramètres" puis sur "Vie privée & Sécurité".
• Faites défiler jusqu'à la section "Cookies et données de site" et cliquez sur "Effacer les données".

Apple Safari :

• Ouvrez Safari et cliquez sur "Safari" dans la barre de menu en haut de l'écran.
• Cliquez sur "Préférences" ou "Paramètres", puis sur "Confidentialité".
• Cliquez sur "Gérer les données de site Web".
• Cliquez sur "Tout supprimer" puis sur "Terminé".

Microsoft Edge :

• Ouvrez Microsoft Edge et cliquez sur l'icône à trois points dans le coin supérieur droit de la fenêtre.
• Cliquez sur "Paramètres" puis sur "Confidentialité, recherche et services".
• Cliquez sur "Choisir quoi effacer" sous la section "Effacer les données de navigation".
• Cochez les cases pour "Cookies et autres données de site" et "Images et fichiers en cache".
• Cliquez sur "Effacer maintenant".

Isoler davantage en suivant le problème

Dans cette section, nous explorerons les techniques de dépannage qui impliquent l'isolement du problème pour en identifier la cause profonde. Pour aider dans ce processus, considérez poser les questions suivantes :

• Cela se produit-il uniquement en Chine ?
• Si la réponse est 'Oui', consultez Chine | Page Web ayant des problèmes de rendu pour déterminer si ce problème est causé par des trackers ou des logiciels publicitaires qui sont bloqués par le GFW de Chine.
• Ce problème affecte-t-il uniquement un (groupe de) utilisateurs particulier(s) ?
  Si la réponse est 'Oui', nous devons identifier quelle est la différence entre le dispositif que ce (groupe de) utilisateurs utilise par rapport au reste.
• Le problème se produit-il uniquement à certaines heures de la journée ?
  Si c'est le cas, nous devons vérifier l'utilisation de la bande passante et potentiellement la perte de paquets au cours de cette période. Si nous voyons une perte de paquets pendant cette période, consultez Comment résoudre la perte de paquets pour d'autres instructions de dépannage.
• Le problème n'affecte-t-il qu'un site particulier ?
  Si cela n'affecte qu'un seul site, vérifiez s'il existe des règles de pare-feu/réseau qui proviennent du site affecté. Examinez ces règles pour vérifier si elles pourraient contribuer au problème. 
• Le problème survient-il uniquement lorsque la connexion provient d'un pays particulier ?
  Si cela affecte également un pays particulier, il est probable que cela soit lié au blocage géographique. Refer to Website Inaccessible due to Cato IP Blacklisting or Geo-Blocking for more details.
• Le problème survient-il uniquement lorsque la connexion passe par Cato ?
  Si la réponse est 'Oui', cela pourrait être dû à un blacklistage IP. Consulte Sites web mettant sur liste noire l'IP de Cato pour plus de détails.
• Le problème survient-il uniquement sur un navigateur particulier ?
  Si oui, cela est probablement dû à un cache et/ou un cookie corrompu. Cela peut également être dû à un navigateur obsolète. Essayez de naviguer en mode incognito et mettez également à jour le navigateur si nécessaire. 
• L'utilisateur doit-il cliquer sur "Procéder" avant d'avancer vers le site web ?
  Si une page d'invite Cato apparaît et que la page web se charge partiellement lorsque l'utilisateur clique sur "Procéder", c'est une limitation connue. Consulte Sites web avec page d'invite qui ne se chargent pas correctement pour plus de détails sur cette limitation. 

Si vous avez atteint cette section de l'article, il est probable que le problème de rendu que vous rencontrez soit complexe et nécessite une collecte de données pour une analyse plus approfondie. HAR, ou HTTP Archive, est un format de fichier utilisé pour capturer et enregistrer l'interaction entre un navigateur web et un site web. L'étape suivante consiste à collecter des données HAR tout en reproduisant le problème. Ces données fourniront des informations précieuses pour une analyse plus approfondie, aidant à identifier les causes potentielles du problème de rendu. Consulte Comment-Collecter-les-Données-HAR pour les instructions.

Une fois que vous avez collecté les données HAR, vous pouvez consulter Comment Utiliser le Fichier HAR pour Analyser les Problèmes de Pages Web pour des étapes détaillées sur la façon d'analyser efficacement le fichier HAR collecté. Ce guide vous fournira les instructions nécessaires pour isoler et identifier le problème spécifique à l'origine du problème de rendu.

Assistance Cato

Si les étapes mentionnées ci-dessus n'ont pas aidé à identifier et résoudre le problème de rendu de page web, nous vous demandons gentiment votre assistance pour collecter les données nécessaires à un examen plus approfondi par notre équipe de Support :

• Collectez les SSS. Veuillez consulter Portail-d'Autoservice-SupportMe-Support pour des instructions détaillées sur la façon de collecter et de fournir les données nécessaires pour Support.
• Collectez les données HAR pendant que le problème est répliqué et téléchargez-les dans le dossier de support. Consulte Comment-Collecter-les-Données-HAR pour des instructions détaillées.