Ottimizzare le immagini nelle pagine moderne di siti di SharePoint OnlineOptimize images in SharePoint Online modern site pages

Questo articolo spiega come ottimizzare le immagini nelle pagine moderne di siti di SharePoint Online.This article will help you understand how to optimize images in SharePoint Online modern site pages.

Per informazioni su come ottimizzare le immagini in siti di pubblicazione classici, vedere Ottimizzazione delle immagini per SharePoint Online.For information about optimizing images in classic publishing sites, see Image optimization for SharePoint Online..

Nota

Per altre informazioni sulle prestazioni nei portali moderni di SharePoint Online, vedere Prestazioni nell'esperienza moderna di SharePoint.For more information about performance in SharePoint Online modern portals, see Performance in the modern SharePoint experience.

Usare lo strumento Diagnostica pagine per SharePoint per analizzare l'ottimizzazione delle immaginiUse the Page Diagnostics for SharePoint tool to analyze image optimization

Lo strumento Diagnostica pagine per SharePoint è un'estensione del browser per il nuovo browser Microsoft Edge (https://www.microsoft.com/edge) e per Chrome che consente di analizzare le pagine del sito di pubblicazione di SharePoint Online sia classiche che dei portali moderni.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. Per ogni pagina analizzata lo strumento fornisce un report che mostra le prestazioni della pagina rispetto a un set definiti di criteri delle prestazioni.The tool provides a report for each analyzed page showing how the page performs against a defined set of performance criteria. Per installare e conoscere lo strumento Diagnostica pagine per SharePoint, visitare Usare lo strumento Diagnostica pagine per SharePoint Online.To install and learn about the Page Diagnostics for SharePoint tool, visit Use the Page Diagnostics tool for SharePoint Online.

Nota

Lo strumento Diagnostica pagine funziona solo per SharePoint Online e non può essere usato in una pagina di sistema di SharePoint.The Page Diagnostics tool only works for SharePoint Online, and cannot be used on a SharePoint system page.

Quando si analizza un sito moderno di SharePoint con lo strumento Diagnostica pagine per SharePoint, è possibile visualizzare le informazioni sulle immagini di grandi dimensioni nel riquadro Test diagnostici.When you analyze a SharePoint modern site with the Page Diagnostics for SharePoint tool, you can see information about large images in the Diagnostic tests pane.

I risultati possibili includono:Possible results include:

  • Attenzione (rosso): la pagina contiene una o più immagini di dimensioni superiori a 300 KBAttention required (red): The page contains one or more images over 300KB in size
  • Non è richiesto alcun intervento (verde): la pagina non contiene immagini di dimensioni superiori a 300 KBNo action required (green): The page contains no images over 300KB in size

Se nella sezione dei risultati Attenzione viene visualizzato il risultato Sono state rilevate immagini di grandi dimensioni, è possibile fare clic sul risultato per visualizzare altri dettagli.If the Large images detected result appears in the Attention required section of the results, you can click the result to see additional details.

Risultati dello strumento Diagnostica pagine

Risolvere i problemi relativi a immagini di grandi dimensioniRemediate large image issues

Se una pagina contiene immagini di dimensioni superiori a 300 KB, selezionare il risultato Sono state rilevate immagini di grandi dimensioni per visualizzare le immagini di dimensioni eccessive.If a page contains images over 300KB in size, select the Large images detected result to see which images are too large. Nelle pagine moderne di SharePoint Online i rendering delle immagini vengono forniti e ridimensionati automaticamente a seconda delle dimensioni della finestra del browser e della risoluzione del monitor client.In modern SharePoint Online pages, renditions of images are automatically provided and sized depending on the size of the browser window and the resolution of the client monitor. È consigliabile ottimizzare sempre le immagini per l'uso Web prima di caricarle in SharePoint Online.You should always optimize images for web use prior to upload to SharePoint Online. Le dimensioni e la risoluzione di immagini di grandi dimensioni verranno ridotte automaticamente e questa riduzione può influire sul rendering.Very large images will be automatically reduced in size and resolution which can result in unexpected rendering characteristics.

Prima di revisionare le pagine per correggere i problemi di prestazioni, prendere nota del tempo di caricamento delle pagine nei risultati dell'analisi.Before you make page revisions to remediate performance issues, make a note of the page load time in the analysis results. Eseguire di nuovo lo strumento dopo la revisione per verificare se il nuovo risultato è compreso nello standard di base e controllare il nuovo tempo di caricamento della pagina per verificare se c'è stato un miglioramento.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.

Risultati del tempo di caricamento delle pagine

Nota

Il tempo di caricamento delle pagine dipende da numerosi fattori, ad esempio il carico di rete, l'ora del giorno e altre condizioni transitorie.Page load time can vary based on a variety of factors such as network load, time of day, and other transient conditions. È consigliabile verificare il tempo di caricamento delle pagine alcune volte prima e dopo aver apportato modifiche in modo da ottenere una media dei risultati.You should test page load time a few times before and after making changes to help you average the results.

Ottimizzare le prestazioni di SharePoint OnlineTune SharePoint Online performance

Ottimizzare le prestazioni di Office 365Tune Office 365 performance

Prestazioni nell'esperienza moderna di SharePointPerformance in the modern SharePoint experience

Reti per la distribuzione di contenutiContent delivery networks

Usare la rete per la distribuzione di contenuti di Office 365 con SharePoint OnlineUse the Office 365 Content Delivery Network (CDN) with SharePoint Online