Optimiser les appels de page dans les pages de sites de publication modernes et classiques SharePoint OnlineOptimize page calls in SharePoint Online modern and classic publishing site pages

Les sites de publication modernes et classiques SharePoint Online contiennent des liens qui chargent des données à partir des fonctionnalités SharePoint et des réseaux de distribution de contenu (ou qui font appel à ceux-ci).Both SharePoint Online modern and classic publishing sites contain links that load data from (or make calls to) SharePoint features and CDNs. Plus le nombre d’appels effectués par une page est grand, plus la page prend de temps à charger.The more calls made by a page, the longer the page takes to load. Il s’agit de la latence perçue par l’utilisateur final ou EUPL.This is known as end user perceived latency or EUPL.

Cet article vous permet de comprendre comment déterminer le nombre et l’impact des appels vers des points de terminaison externes à partir de vos pages de sites de publications modernes et classiques et comment limiter leur effet sur la latence perçue par l’utilisateur final.This article will help you understand how to determine the number and impact of calls to external endpoints from your modern and classic publishing site pages and how to limit their effect on end user perceived latency.

Notes

Pour plus d’informations sur les performances dans les portails modernes SharePoint Online, consultez Performances offertes par l’expérience moderne de SharePoint.For more information about performance in SharePoint Online modern portals, see Performance in the modern SharePoint experience.

Utiliser l’outil Diagnostic de page pour SharePoint pour analyser les appels de pageUse the Page Diagnostics for SharePoint tool to analyze page calls

L’outil Diagnostic de page pour SharePoint est une extension de navigateur pour le nouveau Microsoft Edge (https://www.microsoft.com/edge) et les navigateurs Chrome que vous pouvez utiliser pour analyser les pages de sites de publication SharePoint classiques et les portails modernes.The Page Diagnostics for SharePoint tool is a browser extension for the new Microsoft Edge (https://www.microsoft.com/edge) and Chrome browsers that analyzes both SharePoint Online modern portal and classic publishing site pages. L’outil fournit un rapport pour chaque page analysée montrant comment la page se comporte par rapport à un ensemble défini de critères de performance.The tool provides a report for each analyzed page showing how the page performs against a defined set of performance criteria. Pour installer et découvrir l’outil Diagnostic de page pour SharePoint, consultez Utiliser l’outil Diagnostic de page pour SharePoint Online.To install and learn about the Page Diagnostics for SharePoint tool, visit Use the Page Diagnostics tool for SharePoint Online.

Notes

L’outil Diagnostic de page fonctionne uniquement pour SharePoint Online et ne peut pas être utilisé sur une page système SharePoint.The Page Diagnostics tool only works for SharePoint Online, and cannot be used on a SharePoint system page.

Lorsque vous analysez une page de site SharePoint avec l’outil Diagnostic de page pour SharePoint, vous pouvez voir des informations sur les appels externes dans les résultats Requêtes à SharePoint dans le volet Tests de diagnostic.When you analyze a SharePoint site page with the Page Diagnostics for SharePoint tool, you can see information about external calls in the Requests to SharePoint result in the Diagnostic tests pane. La ligne s’affiche en vert si la page du site contient moins que le nombre d’appels de référence, et en rouge si la page dépasse le nombre d’appels de référence.The line will appear in green if the site page contains fewer than the baseline number of calls, and red if the page exceeds the baseline number. Le nombre de référence est différent pour les pages modernes et classiques car les pages de sites classiques utilisent HTTP1.1 et les pages modernes utilisent HTTP2.0 :The baseline number is different for modern and classic pages because classic site pages use HTTP1.1 and modern pages use HTTP2.0:

  • Les pages de sites modernes ne doivent pas contenir plus de 25 appelsModern site pages should contain no more than 25 calls
  • Les pages de publication classiques ne doivent pas contenir plus de 6 appelsClassic publishing pages should contain no more than 6 calls

Les résultats possibles sont les suivants :Possible results include:

  • Attention requise (rouge) : la page dépasse le nombre d’appels de référenceAttention required (red): The page exceeds the baseline number of calls
  • Aucune action requise (vert) : la page contient moins d’appels que le nombre d’appels de référenceNo action required (green): The page contains fewer than the baseline number of calls

Si le résultat Requêtes à SharePoint apparaît dans la section Attention requise, vous pouvez cliquer sur le résultat pour obtenir des détails, notamment le nombre total d’appels sur la page et une liste d’URL.If the Requests to SharePoint result appears in the Attention required section, you can click the result for details, including the total number of calls on the page and a list of the URLs.

Résultats de requêtes à SharePoint

Si une page contient un trop grand nombre d’appels, vous pouvez utiliser la liste d’URL dans les résultats Requêtes à SharePoint pour déterminer s’il existe des appels répétés, des appels qui devraient être groupés ou des appels qui renvoient des données qui devraient être mises en cache.If a page contains too many calls, you can use the list of URLs in the Requests to Sharepoint results to determine whether there are any repeated calls, calls that should be batched, or calls that return data that should be cached.

Le traitement par lots des appels REST permet de réduire la dégradation des performances.Batching REST calls can help to reduce performance overhead. Pour plus d’informations sur le traitement par lots d’appels d’API, consultez Effectuer des requêtes de lot avec les API REST.For more information about API call batching, see Make batch requests with the REST APIs.

L’utilisation d’un cache pour stocker les résultats d’un appel d’API peut améliorer les performances d’une demande d’urgence en permettant au client d’utiliser les données mises en cache au lieu d’effectuer un appel supplémentaire pour chaque chargement de page suivant.Using a cache to store the results of an API call can improve the performance of a warm request by allowing the client to use the cached data instead of making an additional call for each subsequent page load. Il existe de multiples façons d'aborder cette solution en fonction des besoins de l'entreprise.There are multiple ways to approach this solution depending on the business requirement. En règle générale, si les données sont identiques pour tous les utilisateurs, l’utilisation d’un service de mise en cache de niveau intermédiaire comme Cache Azure Redis constitue une option idéale pour réduire considérablement le trafic d’API sur un site, car les utilisateurs demandent les données du service de mise en cache plutôt que directement à partir de SPO.Typically if the data will be the same for all users, using a middle-tier caching service like Azure Redis cache is a great option to significantly reduce API traffic against a site, as the users would request the data from the caching service instead of directly from SPO. Les seuls appels SPO nécessaires sont pour actualiser le cache du niveau intermédiaire.The only SPO calls needed would be to refresh the middle-tier's cache. Si les données fluctuent en fonction de chaque utilisateur individuel, il peut être préférable d’implémenter un cache côté client, tel que LocalStorage ou même un cookie.If the data will fluctuate on an individual user basis, it may be best to implement a client side cache, like LocalStorage or even a Cookie. Cela a pour but de réduire encore les volumes d’appels en éliminant les demandes subséquentes effectuées par le même utilisateur pour la durée du cache, mais sera moins efficace qu’un service de mise en cache dédié.This will still reduce call volumes by eliminating subsequent requests made by the same user for the cache duration, but will be less efficient than a dedicated caching service. PnP vous permet d’utiliser LocalStorage en ne nécessitant que peu de développement supplémentaire.PnP allows you to use LocalStorage with little additional development required.

Avant d’apporter des révisions de page pour résoudre les problèmes de performances, notez le temps de chargement des pages dans les résultats de l’analyse.Before you make page revisions to remediate performance issues, make a note of the page load time in the analysis results. Exécutez à nouveau l’outil après votre révision pour déterminer si le nouveau résultat est inclus dans la norme de référence et vérifier le nouveau temps de chargement des pages pour voir s’il y a eu une amélioration.Run the tool again after your revision to see if the new result is within the baseline standard, and check the new page load time to see if there was an improvement.

Résultats du temps de chargement des pages

Notes

Le temps de chargement des pages peut varier en fonction de nombreux facteurs tels que la charge réseau, l’heure de la journée et d’autres conditions transitoires.Page load time can vary based on a variety of factors such as network load, time of day, and other transient conditions. Vous devez tester le temps de chargement des pages plusieurs fois avant et après avoir apporté des modifications pour vous aider à faire la moyenne des résultats.You should test page load time a few times before and after making changes to help you average the results.

Optimisation des performances SharePoint OnlineTune SharePoint Online performance

Optimisation des performances Office 365Tune Office 365 performance

Performances offertes par l’expérience moderne de SharePointPerformance in the modern SharePoint experience

Réseaux de distribution de contenuContent delivery networks

Utilisation du réseau de distribution de contenu Office 365 avec SharePoint OnlineUse the Office 365 Content Delivery Network (CDN) with SharePoint Online