Оптимизация изображений на современных страницах сайтов SharePoint OnlineOptimize images in SharePoint Online modern site pages

С помощью этой статьи вы узнаете, как оптимизировать изображения на современных страницах сайтов SharePoint Online.This article will help you understand how to optimize images in SharePoint Online modern site pages.

Сведения об оптимизации изображений на классических сайтах публикации см. в статье Оптимизация изображений для SharePoint Online.For information about optimizing images in classic publishing sites, see Image optimization for SharePoint Online..

Примечание

Дополнительные сведения о производительности на современных порталах SharePoint Online см. в статье Производительность в современном интерфейсе SharePoint.For more information about performance in SharePoint Online modern portals, see Performance in the modern SharePoint experience.

Использование средства диагностики страниц SharePoint для анализа оптимизации изображенийUse the Page Diagnostics for SharePoint tool to analyze image optimization

Средство "Диагностика страниц SharePoint" — это браузерное расширение для браузеров Chrome и новой версии Microsoft Edge (https://www.microsoft.com/edge), анализирующее страницы современных и классических сайтов публикаций SharePoint Online.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. Это средство предоставляет отчет о каждой проанализированной странице, показывающий, как она работает при заданных критериях производительности.The tool provides a report for each analyzed page showing how the page performs against a defined set of performance criteria. Чтобы установить и изучить средство диагностики страниц SharePoint, ознакомьтесь со статьей Использование средства диагностики страниц SharePoint Online.To install and learn about the Page Diagnostics for SharePoint tool, visit Use the Page Diagnostics tool for SharePoint Online.

Примечание

Средство диагностики страниц работает только в SharePoint Online, и его нельзя использовать на системной странице SharePoint.The Page Diagnostics tool only works for SharePoint Online, and cannot be used on a SharePoint system page.

При анализе современного сайта SharePoint с помощью средства диагностики страниц SharePoint вы можете просматривать сведения о больших изображениях в панели Диагностические тесты.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.

Возможные результаты:Possible results include:

  • Внимание! (красный цвет). Страница содержит одно или несколько изображений размером более 300 КБAttention required (red): The page contains one or more images over 300KB in size
  • Действия не требуются (зеленый цвет). Страница не содержит изображений размером более 300 КБNo action required (green): The page contains no images over 300KB in size

Если результат Обнаружены большие изображения отображается в разделе результатов Внимание!, вы можете щелкнуть его для просмотра дополнительных сведений.If the Large images detected result appears in the Attention required section of the results, you can click the result to see additional details.

Результаты средства диагностики страниц

Исправление проблем с большими изображениямиRemediate large image issues

Если страница содержит изображения с размером более 300 КБ, щелкните результат Обнаружены большие изображения, чтобы увидеть, какие изображения являются слишком большими.If a page contains images over 300KB in size, select the Large images detected result to see which images are too large. На современных страницах SharePoint Online представления изображений создаются автоматически с подбором размеров с учетом окна браузера и разрешения монитора клиента.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. Перед отправкой в SharePoint Online всегда следует оптимизировать изображения для использования в Интернете.You should always optimize images for web use prior to upload to SharePoint Online. Размеры и разрешение очень больших изображений автоматически уменьшаются, что может привести к непредвиденным параметрам представления.Very large images will be automatically reduced in size and resolution which can result in unexpected rendering characteristics.

Перед внесением изменений в страницы для исправления проблем с производительностью запомните время загрузки страницы в результатах анализа.Before you make page revisions to remediate performance issues, make a note of the page load time in the analysis results. Снова запустите средство после внесения изменений, чтобы узнать, соответствует ли новый результат базовому стандарту, и проверить, сократилось ли время загрузки.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.

Анализ времени загрузки страницы

Примечание

Время загрузки страницы зависит от множества факторов, например от загрузки сети, времени суток и других переменных условий.Page load time can vary based on a variety of factors such as network load, time of day, and other transient conditions. Следует несколько раз проверить время загрузки страницы до и после внесения изменений, чтобы получить среднестатистические данные.You should test page load time a few times before and after making changes to help you average the results.

Настройка производительности SharePoint OnlineTune SharePoint Online performance

Настройка производительности Office 365Tune Office 365 performance

Производительность в современном интерфейсе SharePointPerformance in the modern SharePoint experience

Сети доставки содержимогоContent delivery networks

Использование сети доставки содержимого Office 365 с SharePoint OnlineUse the Office 365 Content Delivery Network (CDN) with SharePoint Online