Что такое задержка? – Объяснение задержки сети – AWS
Что такое сетевая пропускная способность?
Сетевая задержка – это задержка сетевого обмена данными. Здесь показывается время, необходимое для передачи данных по сети. Сети с более длительной задержкой имеют высокую пропускную способность, в то время как сети с быстрым временем отклика имеют низкую пропускную способность. Предприятия предпочитают низкую пропускную способность и более быструю сетевую связь для повышения производительности и эффективности бизнес-операций. Некоторые типы приложений, такие как гидродинамика и другие сценарии использования высокопроизводительных вычислений, требуют низкой задержки сети, чтобы соответствовать своим вычислительным требованиям. Высокие сетевые пропускные способности приводят к снижению производительности приложений и к отказу на достаточно высоком уровне.
Почему пропускная способность важна?
По мере того как все больше компаний претерпевают цифровую трансформацию, они используют облачные приложения и сервисы для выполнения основных бизнес-функций. Операции также основаны на данных, собранных с интеллектуальных устройств, подключенных к Интернету, которые в совокупности называются Интернетом вещей. Время задержки может привести к неэффективности, особенно в операциях в реальном времени, которые зависят от данных датчиков. Высокая задержка также снижает выгоду от увеличения затрат на пропускную способность сети, что сказывается как на опыте пользователей, так и на удовлетворенности клиентов, даже если предприятия внедряют дорогостоящие сетевые схемы.
Для каких приложений требуется низкая сетевая пропускная способность?
Хотя все компании предпочитают низкую пропускную способность, она более важна для конкретных отраслей и приложений. Ниже приведены примеры использования.
Приложения для потоковой аналитики
Приложения потоковой аналитики, такие как аукционы в реальном времени, онлайн-ставки и многопользовательские игры, потребляют и анализируют большие объемы потоковых данных в реальном времени из различных источников. Пользователи таких приложений полагаются на точную информацию в реальном времени для принятия решений. Они предпочитают сеть с низкой пропускной способностью, потому что задержка может иметь финансовые последствия.
Управление данными в реальном времени
Корпоративные приложения часто объединяют и оптимизируют данные из разных источников, таких как другое программное обеспечение, транзакционные базы данных, облако и датчики. Они используют технологию сбора данных об изменениях (CDC) для сбора и обработки изменений данных в режиме реального времени. Проблемы с пропускной способностью в сети могут легко повлиять на производительность этих приложений.
Интеграция API
Две разные компьютерные системы взаимодействуют друг с другом с помощью интерфейса прикладного программирования (API). Часто системная обработка останавливается до тех пор, пока API не вернет ответ. Таким образом, пропускная способность сети создает проблемы с производительностью приложений. Например, веб-сайт бронирования авиабилетов будет использовать вызов API для получения информации о количестве доступных мест на конкретном рейсе. Пропускная способность сети может повлиять на производительность веб-сайта, в результате чего он перестанет работать. К тому времени, когда веб-сайт получит ответ API и перезапустится, кто-то другой может уже забронировать билет, и вы его упустите.
Удаленные операции с поддержкой видео
Некоторые рабочие процессы, такие как сверлильные прессы с поддержкой видео, эндоскопические камеры и дроны для поиска и спасения, требуют, чтобы оператор управлял машиной удаленно с помощью видео. В этих случаях сети с высокой задержкой имеют решающее значение для предотвращения опасных для жизни последствий.
Каковы причины задержки сети?
В сетевой терминологии клиентское устройство и сервер взаимодействуют с помощью компьютерной сети. Клиент отправляет запросы данных, а сервер – ответы на данные. Ряд устройств, таких как маршрутизаторы, коммутаторы или брандмауэры и каналы связи, такие как кабели или беспроводная передача, составляют компьютерную сеть. В виде небольших пакетов данных запросы данных и ответы переходят с одного устройства на другое по каналам до тех пор, пока не достигнут места назначения. Сетевые устройства, такие как маршрутизаторы, модемы и коммутаторы, непрерывно обрабатывают и маршрутизируют пакеты данных по различным сетевым путям, состоящим из проводов, оптоволоконных кабелей или средств беспроводной передачи. В результате сетевые операции сложны, и на скорость передачи пакетов данных влияют различные факторы. Ниже перечислены распространенные факторы, вызывающие задержку сети.
Средство передачи
Средство передачи или канал связи оказывают наибольшее влияние на пропускную способность сети при прохождении через нее данных. Например, оптоволоконная сеть имеет меньшую пропускную способность, чем беспроводная сеть. Точно так же каждый раз, когда сеть переключается с одного носителя на другой, общее время передачи увеличивается на несколько миллисекунд.
Расстояние, на которое проходит сетевой трафик
Большие расстояния между конечными точками сети увеличивают пропускную способность сети. Например, если серверы приложений географически удалены от конечных пользователей, они могут испытывать большую пропускную способность.
Количество сетевых прыжков
Несколько промежуточных маршрутизаторов увеличивают количество прыжков, необходимых пакетам данных, что приводит к увеличению пропускной способности сети. Функции сетевых устройств, такие как обработка адресов веб-сайтов и поиск в таблицах маршрутизации, также увеличивают время пропускной способности.
Объем данных
Большой объем параллельных данных может увеличить проблемы с пропускной способностью сети, поскольку сетевые устройства могут иметь ограниченную вычислительную мощность. Вот почему общая сетевая инфраструктура, такая как Интернет, может увеличить пропускную способность приложений.
Производительность сервера
Производительность сервера приложений может привести к воспринимаемой задержке сети. В этом случае передача данных задерживается не из-за проблем с сетью, а потому, что серверы реагируют медленно.
Как измерить задержку сети?
Задержку сети можно измерить с помощью таких показателей, как время до первого байта и время отправки в оба конца. Любую из этих метрик можно использовать для мониторинга и тестирования сетей.
Время до первого байта
Время до первого байта (TTFB) обозначает время, необходимое для того, чтобы первый байт данных дошел до клиента с сервера после установления соединения. TTFB зависит от двух факторов:
- Время, затрачиваемое веб-сервером на обработку запроса и создание ответа
- Время, необходимое для возврата ответа клиенту
Таким образом, TTFB измеряет как время обработки сервера, так и задержку сети.
Вы также можете измерить пропускную способность как воспринимаемый TTFB, который больше фактического TTFB из-за того, сколько времени требуется клиентской машине для дальнейшей обработки ответа.
Время отправки в оба конца
Время отправки в оба конца (RTT) – это время, которое требуется клиенту для отправки запроса и получения ответа от сервера. Задержка сети вызывает задержку в оба конца и увеличивает RTT. Однако все измерения RTT инструментами сетевого мониторинга являются частичными показателями, поскольку данные могут перемещаться по разным сетевым путям при переходе от клиента к серверу и обратно.
Команда пинг
Сетевые администраторы используют команду ping, чтобы определить время, необходимое для того, чтобы 32 байта данных достигли места назначения и получили ответ return. Это способ определить, насколько надежно соединение. Однако вы не можете использовать ping для проверки нескольких путей с одной консоли или уменьшения проблем с пропускной способностью.
Какие существуют другие типы задержек?
Компьютерная система может испытывать множество различных пропускных способностей, таких как пропускная способность диска, пропускная способность оптоволокна и операционная пропускная способность. Ниже перечислены важные типы задержек.
Пропускная способность диска
Пропускная способность диска измеряет время, затрачиваемое вычислительным устройством на чтение и хранение данных. По этой причине могут возникать задержки в хранении при записи большого количества файлов вместо одного большого файла. Например, жесткие диски имеют большую пропускную способность, чем твердотельные накопители.
Пропускная способность оптоволокна
Задержка оптоволокна – это время, необходимое свету для прохождения определенного расстояния через оптоволоконный кабель. При скорости света пропускная способность составляет 3,33 микросекунды на каждый километр прохождения света в пространстве. Однако в оптоволоконном кабеле каждый километр вызывает задержку 4,9 микросекунды. Скорость сети может уменьшаться с каждым изгибом или дефектом кабеля.
Операционная пропускная способность
Операционная задержка – это временная задержка, вызванная вычислительными операциями. Это один из факторов, вызывающих задержку сервера. Когда операции выполняются последовательно друг за другом, можно рассчитать операционную пропускную способность как сумму времени, которое занимает каждая отдельная операция. В параллельных рабочих процессах самая медленная операция определяет время задержки работы.
Какие факторы, помимо пропускной способности, влияют на производительность сети?
Помимо задержки, вы можете измерять производительность сети с точки зрения пропускной способности, джиттера и потери пакетов.
Bandwidth
Пропускная способность измеряет объем данных, которые могут проходить через сеть в данный момент времени. Измеряется в единицах данных в секунду. Например, сеть с пропускной способностью 1 гигабит в секунду (Гбит/с) часто работает лучше, чем сеть с пропускной способностью 10 мегабит в секунду (Мбит/с).
Сравнение задержки и пропускной способностиЕсли представить сеть в виде водопровода, то полоса пропускания указывает ширину трубы, а задержка – скорость, с которой вода проходит по трубе. Хотя меньшая пропускная способность увеличивает задержку во время пикового использования, большая пропускная способность не обязательно означает больше данных. Фактически пропускная способность может снизить окупаемость инвестиций в дорогую инфраструктуру с высокой пропускной способностью.
пропускной способностью
Пропускная способность – это средний объем данных, который фактически может пройти через сеть в течение определенного времени. Он показывает количество пакетов данных, которые успешно прибывают в место назначения, и потерю пакетов данных.
Сравнение задержки и пропускной способностиПропускная способность измеряет влияние задержки на пропускную способность сети. Таким образом показывается доступная пропускная способность после задержки. Например, пропускная способность сети может составлять 100 Мбит/с, но из-за задержки ее пропускная способность составляет всего 50 Мбит/с днем, а ночью увеличивается до 80 Мбит/с.
Джиттер
Джиттер – это изменение временной задержки между передачей данных и их получением по сетевому соединению. Согласованная задержка предпочтительнее вариаций задержки для лучшего взаимодействия с пользователем.
Сравнение задержки и джиттераДжиттер – это изменение задержки сети с течением времени. Пропускная способность вызывает задержку пакетов данных, передаваемых по сети, а джиттер возникает, когда эти сетевые пакеты приходят не в том порядке, в котором ожидает пользователь.
Потеря пакетов
Потеря пакетов определяет количество пакетов данных, которые так и не достигли пункта назначения. Такие факторы, как программные ошибки, аппаратные проблемы и перегрузка сети, приводят к потере пакетов во время передачи данных.
Сравнение задержки и потери пакетовЗадержка измеряет пропускную способность прибытия пакета в пункт назначения. Оно измеряется в единицах времени, например в миллисекундах. Потеря пакетов – это процентное значение, измеряющее количество пакетов, которые так и не поступили. Таким образом, если поступил 91 из 100 пакетов, потеря пакетов составит 9 %.
Как устранить проблемы с пропускной способностью сети?
Вы можете уменьшить пропускную способность сети, оптимизировав сеть и код приложения. Ниже приведены несколько предложений.
Модернизация сетевой инфраструктуры
Вы можете модернизировать сетевые устройства, используя новейшее оборудование, программное обеспечение и варианты конфигурации сети, представленные на рынке. Регулярное обслуживание сети сокращает время обработки пакетов и помогает снизить пропускную способность сети.
Мониторинг производительности сети
Инструменты мониторинга и управления сетью могут выполнять такие функции, как пробное тестирование API и анализ взаимодействия с конечными пользователями. Их можно использовать для проверки сетевой пропускной способности в режиме реального времени и устранения проблем с задержкой сети.
Конечные точки групповой сети
Подсети – это метод группировки конечных точек сети, которые часто взаимодействуют друг с другом. Подсеть действует как сеть внутри сети, сводя к минимуму ненужные переходы маршрутизатора и уменьшая пропускную способность сети.
Использование методов формирования трафика
Можно уменьшить пропускную способность сети, установив приоритеты пакетов данных в зависимости от типа. Например, вы можете сначала настроить сетевую маршрутизацию высокоприоритетных приложений, таких как вызовы VoIP и трафик центра обработки данных, задерживая другие типы трафика. Это улучшает приемлемую пропускную способность для критически важных бизнес-процессов в сети с высокой задержкой.
Уменьшение сетевого расстояния
Вы можете улучшить взаимодействие с пользователями, разместив свои серверы и базы данных географически ближе к конечным пользователям. Например, если ваш целевой рынок – Италия, вы получите лучшую производительность, разместив свои серверы в Италии или Европе, а не в Северной Америке.
Сокращение сетевых прыжков
Каждый прыжок пакета данных при перемещении от маршрутизатора к маршрутизатору увеличивает сетевую пропускную способность. Как правило, трафик должен проходить несколько прыжков через общедоступный Интернет по потенциально перегруженным и неизбыточным сетевым путям, чтобы добраться до места назначения. Однако вы можете использовать облачные решения для запуска приложений ближе к конечным пользователям в качестве одного из способов сокращения расстояния прохождения сетевых коммуникаций и количества прыжков сетевого трафика. Например, вы можете использовать Международный ускоритель AWS для привлечения трафика в глобальную сеть AWS как можно ближе к ней, используя глобальную избыточную сеть AWS для повышения доступности и производительности приложений.
Как AWS может помочь снизить пропускную способность?
AWS предлагает ряд решений для снижения сетевой пропускной способности и повышения производительности для улучшения взаимодействия с конечными пользователями. В зависимости от ваших требований вы можете реализовать любой из указанных ниже сервисов.
- AWS Direct Connect – это облачный сервис, который связывает вашу сеть непосредственно с AWS, чтобы обеспечить стабильную работу с низкой задержкой сети. При создании нового подключения вы можете выбрать размещенное подключение, которое предоставляет партнер по доставке сервиса AWS Direct Connect, или выделенное от AWS, – и развернуть его в более чем 100 локациях AWS Direct Connect по всему миру.
- Amazon CloudFront – это сервис сети доставки контента, созданный для высокой производительности, безопасности и удобства разработчиков. Вы можете использовать его для безопасной доставки контента с низкой задержкой и высокой скоростью передачи.
Международный ускоритель AWS – это сетевой сервис, повышающий производительность трафика ваших пользователей на 60 % благодаря глобальной сетевой инфраструктуре AWS. Когда Интернет перегружен, AWS Global Accelerator оптимизирует путь к вашему приложению, чтобы свести к минимуму потери пакетов, джиттер и задержки.- Локальные зоны AWS – это тип развертывания инфраструктуры, позволяющий размещать вычислительные ресурсы, хранилища, базы данных и отдельные сервисы AWS в местах с большой численностью населения и рядом с крупными промышленными центрами. Вы можете поставлять инновационные приложения, требующие низкой задержки, ближе к конечным пользователям и локальным установкам.
Начните работу с AWS Direct Connect, создав аккаунт AWS уже сегодня.
Обзор 27-дюймового универсального IPS-монитора MSI Modern MD272QP Ultramarine
Паспортные характеристики, комплект поставки и цена
Модель | MSI Modern MD272QP Ultramarine |
---|---|
Тип матрицы | ЖК-панель IPS со светодиодной (WLED) краевой подсветкой |
Диагональ | 27,0 дюйма, плоский экран |
Отношение сторон | 16:9 (597×336 мм) |
Разрешение | 2560×1440 пикселей (QHD) |
Шаг пикселей | 0,2331 мм (109 PPI) |
Яркость (максимальная) | 300 кд/м² (типично) |
Контрастность | 1000:1 (типично) |
Углы обзора | 178° (гор. ) и 178° (верт.) |
Время отклика | 4 мс (от серого к серому — GTG) |
Количество отображаемых цветов | 16,7 млн (8 бит на цвет = 6 бит + FRC) |
Интерфейсы |
|
Совместимые видеосигналы | DisplayPort/HDMI/USB-C: до 2560×1440/75 Гц (DisplayPort — отчет edid-decode, HDMI — отчет edid-decode, USB-C — отчет edid-decode) |
Акустическая система | встроенные громкоговорители, 2×2 Вт |
Особенности |
|
Размеры (Ш×В×Г) | 614×402×201 мм с подставкой |
Масса | 5,85 кг |
Потребляемая мощность | нет данных |
Напряжение питания (внешнего адаптера) | 100—240 В, 50/60 Гц |
Комплект поставки (необходимо уточнять перед покупкой) |
|
Розничные предложения | узнать цену |
Внешний вид
Панели и кожухи блока экрана и подставки изготовлены из пластика с матовой и слегка серебристой поверхностью цвета ультрамарин. Стойка подставки, изготовленная из алюминиевого сплава с анодированной поверхностью, и фиксатор кабелей такого же цвета. Вообще цвет, наряду со стильным аккуратным дизайном является отличительной особенностью этого монитора. Внешняя поверхность матрицы черная, полуматовая. Экран выглядит как монолитная поверхность, ограниченная снизу пластиковой планкой, а сверху и с боков — узкой пластиковой окантовкой черного цвета. Выведя изображение, можно увидеть, что между планкой и окантовкой и собственно областью отображения есть неширокие поля (сверху и с боков примерно по 7 мм, а снизу — 2 мм).
На нижнем торце ближе к правому краю горизонтально в ряд расположены пять механических кнопок управления. Напротив кнопок на фронтальной планке есть значки-метки кнопок, выполненные также светло-голубой краской.
Рядом с кнопкой питания находится прозрачный светорассеиватель довольно яркого индикатора состояния. При типичной посадке пользователь этот индикатор не видит, поэтому его яркость проблем не вызывает.
Все интерфейсные разъемы и разъем питания расположены в незамкнутой нише на задней панели и ориентированы вниз. Подключаться к этим разъемам в обычном положении блока экрана неудобно, но его можно повернуть в портретную ориентацию, что существенно облегчает доступ к разъемам. Кроме того, на нижнем торце можно обнаружить разъем для кенсингтонского замка. Сзади монитор выглядит очень аккуратно.
Кабели, идущие от разъемов монитора, можно прижать фиксатором к стойке подставки.
На верхнем и на нижнем торцах есть вентиляционные решетки. За решетками снизу расположены встроенные в монитор громкоговорители с вытянутыми диффузорами. Громкоговорители установлены в корпусах, закрепленных на упругих стойках.
Чтобы выдержать вес монитора, ряд ответственных деталей подставки изготовлены из алюминиевого сплава (стойка) и толстой штампованной стали. Конструкция подставки достаточно жесткая, она обеспечивает монитору хорошую устойчивость. Резиновые накладки снизу на основании подставки защищают поверхность стола от царапин и предотвращают скольжение монитора на гладких поверхностях.
Основание подставки относительно большое по площади, но оно сверху почти плоское и горизонтальное, что повышает эффективность использования рабочей площади стола. Например, сверху на основание можно класть всякую офисную мелочевку или поместить край клавиатуры.
Стойка имеет фиксированную высоту, но подпираемый пружиной механизм со стальным рельсовым шариковым подшипником обеспечивает вертикальное перемещение узла, на который крепится блок экрана.
Такой поворот в обоих направлениях позволяет стыковать два монитора в портретной ориентации с минимальным зазором между изображениями.
Подставку можно отсоединить (или не подсоединять изначально) и закрепить блок экрана на VESA-совместимом кронштейне с отверстиями по углам квадрата со стороной 75 мм (нужно использовать стойки из комплекта) .
Продается монитор в относительно большой стильно оформленной коробке из гофрированного картона. На верхней плоскости коробки есть пластиковая ручка, за которую ее можно переносить. Внутри коробки для распределения и защиты содержимого используются пенопластовые вставки.
Коммутация
Разъемы в нише расположены очень тесно, то есть в принципе, все можно подключить, за исключением двух пухлых флешек в оба USB-порта сразу, но такая теснота все же добавляет неудобств. Монитор имеет три цифровых входа, поддерживающих прием видеосигнала, — DisplayPort, HDMI и USB-C. Выбор входа осуществляется в основном меню установок или в меню быстрого доступа (если оно настроено на одну из пользовательских кнопок). Есть отключаемая функция автоматического поиска сигнала на входах. Цифровые аудиосигналы, передаваемые перечисленные выше входы, после преобразования в аналоговый вид выводятся на встроенные громкоговорители или на выход на наушники.
Мощности выхода на наушники хватило, чтобы в 32-омных наушниках с чувствительностью 92 дБ громкость была достаточной, но совсем без запаса. Качество звука в наушниках хорошее — звук достаточно чистый, воспроизводится широкий диапазон частот, разве что немного не хватает самых низких частот, в паузах шума не слышно.
Качество встроенных громкоговорителей невысокое. Для сидящего перед монитором пользователя их громкость едва достаточная, низких частот нет совсем, есть выраженный «пластиковый» призвук из-за резонансов корпуса, стереофонический эффект расслышать можно. Сравним АЧХ этого монитора с АЧХ двух телевизоров высшего класса (воспроизводился розовый шум, уровни звукового давления в 1/3 октавах записывал шумомер Октава-111):
Видно, что у данного монитора диапазон воспроизводимых частот очень узкий. Громкость по розовому шуму — всего 55,3 дБА.
Есть встроенный концентратор USB (к сожалению, только 2.0) на два порта. В наличие также не часто встречающаяся в мониторах функция KVM — к монитору по USB можно подключить клавиатуру и мышь (а можно и накопитель), чтобы затем их использовать с двумя источниками видеосигнала, например, с ПК и ноутбуком, или с ПК и планшетом. При этом одно из устройств должно быть подключено к монитору по USB-C, а второе — по USB-B. По умолчанию как KVM-переключатель работает просто выбор входа — при вводе видеосигнала по DisplayPort или по HDMI USB-порты на мониторе подключаются по USB-B, а при вводе видеосигнала по USB-C по этому же порту, — но в меню можно принудительно выбрать, какому интерфейсу подключать USB-порты на мониторе.
Тестирование монитора в качестве док-станции мы провели с ноутбуком Huawei MateBook X Pro (MACH-W19), предоставленным компанией Huawei. По итогам тестов никаких замечаний у нас не появилось: ноутбук от монитора заряжается (зафиксировано увеличение потребления монитора на 71 Вт максимум, что соответствует заявленной максимальной мощности 65 Вт, передаваемой по USB-C), на мониторе доступны порты USB-концентратора, изображение на монитор выводится.
Производитель приложил к монитору два интерфейсных кабеля, среди которых кабеля USB-C, к сожалению, нет.
Блок питания внешний. В этом есть как свои плюсы (легкая замена в случае выхода из строя), так и минусы (он очень мешается).
Меню, управление, локализация, дополнительные функции и ПО из комплекта
Индикатор питания при работе светится белым, в режиме ожидания — оранжевым и не горит, если монитор условно (механического выключателя питания, к сожалению, нет) выключен. Когда на экране нет меню, то при первом нажатии на первую (если слева направо) кнопку выводится меню с настройками. На вторую, третью и на четвертую кнопки — ползунок или список/короткое меню той настройки, которая назначена пользователем на данное действие.
Например, регулировка громкости, выбор источника сигнала и изменение яркости:
Меню достаточно крупное, надписи читаемые, хотя шрифт мог бы быть покрупнее, пожирнее и более контрастным. Для масштаба: белое поле — это вся область отображения:
Навигация в принципе удобная, но неудобство могут вызвать сами кнопки, списки зациклены. В нижней части меню есть подсказка по функциям кнопок. При настройке изображения меню остается на экране, что немного мешает оценке вносимых изменений. При необходимости можно настроить уровень прозрачности фона и выбрать задержку автоматического выхода из меню. Есть русская версия экранного меню. Кириллический шрифт ровный, качество перевода на русский язык приемлемое.
Напечатанной документации в комплекте поставки — самый минимум, так как полные руководства пользователя на нескольких языках (включая на русский) в виде PDF-файлов доступны на сайте компании.
Из дополнительных возможностей присутствуют: настраиваемый таймер с обратным отсчетом, вывод частоты кадров и панели с информацией о параметрах текущего видеосигнала.
Там же можно найти программу MSI Productivity Intelligence. Она позволяет с компьютера изменять некоторые настройки монитора. Кроме того, в этой программе есть функция, упрощающая распределение окон на рабочем столе. Дополнительно можно поменять ряд системных настроек.
Дополнительно производитель предлагает программу Display Kit с отчасти аналогичной функциональностью, но эта программа меняет только настройки видеокарты и ряд системных, и собственно именно к данному монитору она никак не привязана, соответственно, нет требования, чтобы монитор был подключен к ПК по USB.
Изображение
Настроек изображения совсем немного. Присутствуют стандартные настройки Контрастность и Яркость (регулирует яркость подсветки), Резкость (повышение контурной четкости), режим со сниженной интенсивности синего цвета и режим с динамической регулировкой яркости подсветки.
Цветовой баланс устанавливается выбором одного из трех предустановленных профилей или ручной регулировкой интенсивности трех цветов после выбора профиля Настройка.
Есть несколько встроенных профилей, в которых ряд настроек имеют фиксированное значение и не могут быть изменены, и один пользовательский, в котором можно настраивать все.
Режимов геометрической трансформации три: увеличение до границ экрана с сохранением исходных пропорций, выполняется принудительное растягивание картинки на всю площадь экрана (16:9) или изображение увеличивается до границ экрана с сохранением пропорций 4:3.
При подключении к компьютеру по всем трем входам поддерживалось разрешение до 2560×1440 при кадровой частоте 75 Гц. При таком разрешении и частоте обновления поддерживаются 8 бит на цвет (кодирование RGB). В случае DisplayPort и профессиональной видеокарты поддерживается работа в режиме 10 бит на цвет, но вывод на экран монитора происходит все равно в режиме 8 бит на цвет. Данный тест мы проводим с помощью видеокарты Nvidia Quadro K600 и программы NEC Display Solutions 10 bit Color Depth Demo. Этот тест показывает, можно ли в программах, таких как Adobe Photoshop и Adobe Premier Pro, использующих OpenGL, получить в случае профессиональных видеокарт типа Nvidia Quadro, AMD FirePro или AMD Radeon Pro вывод на монитор с 10-битным представлением цвета.
В данном мониторе реализована поддержка технологии FreeSync по входам DisplayPort и HDMI. Диапазон поддерживаемых частот, который указывается на панели настроек видеокарты, равен 48—75 Гц для режимов с кадровой частотой 75 Гц. Для визуальной оценки мы использовали описанную в указанной статье тестовую утилиту. Включение FreeSync позволило получить изображение с плавным движением в кадре и без разрывов. С видеокартами Nvidia этот монитор формально поддерживает G-Sync в режиме G-Sync Compatible, но только по входу DisplayPort. В утилите G-Sync Pendulum Demo режим G-Sync включается, плавность без разрывов временами присутствует, вряд ли в играх будет лучше, поэтому на G-Sync в этом мониторе лучше не рассчитывать. Проверить вход USB-C на совместимость с FreeSync и G-Sync Compatible возможности не было.
Кинотеатральные режимы работы тестировались при подключении к плееру Ultra HD Blu-ray Sony UBP-X700. Использовалось HDMI-подключение. Монитор воспринимает сигналы 576i/p, 480i/p, 720p и 1080i/p при 50 и 60 кадр/с. 1080p при 24 кадр/с не поддерживаются. В случае чересстрочных сигналов картинка просто выводится по полям. Тонкие градации оттенков различаются как в светах, так и в тенях, но для полного диапазона видео (0—255), что в случае подключения к бытовому плееру приведет к завышению уровня черного, снижению уровня белого, а значит к снижению яркости и контрастности. Яркостная и цветовая четкости очень высокие и определяются только типом видеосигнала. Интерполяция низких разрешений к разрешению матрицы выполняется без значимых артефактов.
Тестирование ЖК-матрицы
Микрофотографии матрицы
Из-за матовой поверхности экрана четкого изображения пикселей получить не удалось (черные точки — это пыль на матрице фотоаппарата), однако характерная для IPS структура субпикселей просматривается:
Фокусировка на поверхности экрана выявила хаотично расположенные микродефекты поверхности, отвечающие за матовые свойства:
Зерно этих дефектов в несколько раз меньше размеров субпикселей (масштаб этих двух фотографий одинаковый), поэтому фокусировка на микродефектах и «перескок» фокуса по субпикселям при изменении угла зрения выражены слабо, из-за этого нет и «кристаллического» эффекта.
Оценка качества цветопередачи
Для оценки характера роста яркости на шкале серого мы измерили яркость 256 оттенков серого (от 0, 0, 0 до 255, 255, 255). График ниже показывает прирост (не абсолютное значение!) яркости между соседними полутонами:
Рост прироста яркости достаточно равномерный, и каждый следующий оттенок значимо ярче предыдущего, даже в самой темной области:
Аппроксимация полученной гамма-кривой дала показатель 2,22, что очень близко к стандартному значению 2,2. При этом реальная гамма-кривая мало отклоняется от аппроксимирующей степенной функции:
Для оценки качества цветопередачи использовали спектрофотометр i1Pro 2 и комплект программ Argyll CMS (1.5.0).
Исходный цветовой охват чуть-чуть отличается от sRGB:
Впрочем, отклонения координат первичных цветов от вершин sRGB не очень большие, поэтому визуально цвета на этом мониторе имеют естественную насыщенность. Ниже приведен спектр для белого поля (белая линия), наложенный на спектры красного, зеленого и синего полей (линии соответствующих цветов):
Такой спектр с относительно узким пиком синего и с широкими горбами зеленого и красного цветов характерен для мониторов, в которых используется белая светодиодная подсветка с синим излучателем и желтым люминофором.
Цветовой баланс просто при выборе профиля Настройка без дополнительной коррекции (при этом достигаются максимальные значения яркости и контрастности) хороший, так как цветовая температура близка к стандартным 6500 К, и отклонение от спектра абсолютно черного тела (параметр ΔE) меньше 10 единиц, что для потребительского устройства считается хорошим показателем. При этом оба параметра мало изменяются на различных участках шкалы серого, что улучшает визуальное восприятие цветового баланса. Однако мы попытались вручную скорректировать цвета, регулируя усиление трех основных цветов. Графики ниже показывают цветовую температуру на различных участках шкалы серого и ΔE в случае исходного профиля Настройка (Без корр.) и после ручной коррекции (50, 48 и 50 для интенсивностей красного, зеленого и синего цветов — Корр.):
(Самый близкий к черному диапазон можно не учитывать, так как в нем цветопередача не так важна, а погрешность измерения цветовых характеристик высокая.) Ручная коррекция улучшила баланс, так как ΔE существенно уменьшилась, но с практической точки зрения цветовой баланс достаточно хороший даже просто при выборе профиля Настройка.
Измерение равномерности черного и белого полей, яркости и энергопотребления
Измерения яркости проводились в 25 точках экрана, расположенных с шагом 1/6 от ширины и высоты экрана (границы экрана не включены, настройки монитора установлены в значения, обеспечивающие максимальную яркость и контрастность). Контрастность вычислялась, как отношение яркости полей в измеряемых точках.
Параметр | Среднее | Отклонение от среднего | |
---|---|---|---|
мин., % | макс., % | ||
Яркость черного поля | 0,28 кд/м² | −10 | 17 |
Яркость белого поля | 310 кд/м² | −9,3 | 7,3 |
Контрастность | 1100:1 | −10 | 5,1 |
Равномерность белого хорошая, а черного, и как следствие, контрастности — немного хуже. Контрастность для данного типа матриц по современным меркам немного выше типичной. Визуально видно, что черное поле в основном ближе к краям слегка засвечено. Фотография ниже это демонстрирует:
При включении режима HDCR установившаяся контрастность формально возрастает до бесконечности, так как на черном поле во весь экран яркость подсветки медленно снижается, и через 20 секунд она выключается совсем. В принципе, динамическая подстройка яркости может улучшить восприятие темных сцен, но в данном случае скорость изменения яркости подсветки невысокая, поэтому практической пользы от этой функции немного. График ниже показывает, как увеличивается яркость (вертикальная ось) при переключении с черного поля во весь экран (после 5 секунд выдержки) на белое поле во весь экран при выключенной и включенной динамической подстройки яркости:
Яркость белого поля в центре экрана и потребляемая от сети мощность (остальные настройки установлены на значения, обеспечивающие максимальную яркость изображения):
Значение настройки Яркость | Яркость, кд/м² | Потребление электроэнергии, Вт |
---|---|---|
100% | 317 | 24,7 |
50% | 217 | 18,3 |
0% | 53 | 9,2 |
В режиме ожидания монитор потребляет порядка 0,4 Вт, а в условно выключенном состоянии — 0,3 Вт.
Яркость монитора меняется именно яркостью подсветки, т. е. без ущерба для качества изображения (сохраняется контрастность и количество различимых градаций) яркость монитора можно менять в широких пределах, что позволяет с комфортом работать и смотреть фильмы как в ярко освещенном, так и в темном помещении.
На любом уровне яркости значимая модуляция подсветки отсутствует, что исключает видимое мерцание экрана. Для тех, кто привык распознавать знакомое сокращение, уточним: ШИМ отсутствует. В доказательство приведем графики зависимости яркости (вертикальная ось) от времени (горизонтальная ось) при различных значениях настройки яркости:
Нагрев монитора можно оценить по приведенным снимкам с ИК-камеры, полученным после долговременной работы монитора на максимальной яркости в помещении с температурой примерно 24 °C:
Нагрев спереди Нагрев сзадиНижний край экрана нагрелся до 36 °C максимум. Видимо, внизу находится светодиодная линейка подсветки экрана. Нагрев сзади умеренный. Корпус БП нагрелся всего до 37 °C, но это все же без возможной дополнительной нагрузки в 65 Вт и даже чуть более:
Определение времени отклика и задержки вывода
Время отклика зависит от значения одноименной настройки, которая управляет разгоном матрицы. Ступеней регулировки три. Диаграмма ниже показывает, как меняется время включения и выключения при переходе черный-белый-черный (столбики «вкл.» и «выкл.»), а также среднее суммарное время для переходов между полутонами (столбики GTG):
Ниже приведены графики полутонового перехода между оттенками 70% и 90% и обратно при различных значениях настройки Время отклика (по вертикали — яркость, по горизонтали — время, для наглядности графики выстроены последовательно):
Лучше остановиться на втором значении, так как на максимальном разгоне артефакты очень заметны. С нашей точки зрения, скорости матрицы при этом все равно достаточно даже для динамичных игр.
Приведем зависимость яркости (вертикальная ось) от времени (горизонтальная ось) при чередовании белого и черного кадра при кадровой частоте 75 Гц:
Видно, что при 75 Гц чередования кадров максимальная яркость белого кадра выше уровня 90% от белого, а минимальная яркость черного кадра достигает уровня черного. В итоге амплитуда изменения яркости больше 80% от уровня белого, то есть согласно этому формальному критерию скорости матрицы достаточно для полноценного вывода изображения с кадровой частотой 75 Гц.
Для наглядного представления о том, что на практике означает такая скорость матрицы и какие могут быть артефакты от разгона, приведем серию снимков, полученных с помощью движущейся камеры. Такие снимки показывают, что видит человек, если он следит глазами за двигающимся на экране объектом. Описание теста приведено тут, страница с самим тестом тут. Использовались рекомендованные установки — скорость движения 960 пиксель/с для частоты 60 Гц, и 975 пиксель/с для 75 Гц. Выдержка 1/15 с, на фотографиях указаны значения частоты обновления, а также ступень разгона (OD с цифрой).
Видно, что при прочих равных условиях четкость изображения повышается по мере роста частоты обновления и степени разгона, но на максимальном разгоне артефакты (шлейф позади тарелки) уже очень заметные.
Попробуем представить, что было бы в случае матрицы с мгновенным переключением пикселей. Для нее при 60 Гц объект со скоростью движения 960 пиксель/с размывается на 16 пикселей, при 75 Гц и 975 пиксель/с — на 13 пикселей. Размывается, так как фокус зрения движется с указанной скоростью, а объект неподвижно выводится на 1/60 или на 1/75 секунды. Для иллюстрации этого сымитируем размытие на 16 и 13 пикселей:
Видно, что четкость динамичного изображения на этом мониторе, даже после разгона матрицы, ниже, чем в случае идеальной матрицы.
Мы определяли полную задержку вывода от переключения страниц видеобуфера до начала вывода изображения на экран (напомним, что она зависит от особенностей работы ОС Windows и видеокарты, а не только от монитора). Задержка равна 10 мс, это незначительная величина, она не будет ощущаться даже в самых динамичных играх.
Измерение углов обзора
Чтобы выяснить, как меняется яркость экрана при отклонении от перпендикуляра к экрану, мы провели серию измерений яркости черного, белого и оттенков серого в центре экрана в широком диапазоне углов, отклоняя ось датчика в вертикальном, горизонтальном и диагональном направлениях.
Уменьшение яркости на 50% от максимального значения:
Направление | Угол |
---|---|
Вертикальное | −28°/31° |
Горизонтальное | −32°/31° |
Диагональное | −30°/30° |
По скорости снижения яркости углы обзора не очень широкие, что для матрицы типа IPS нехарактерно. При отклонении в диагональном направлении яркость черного поля начинает резко возрастать уже при 20°-30° отклонения от перпендикуляра к экрану. Если сидеть не очень далеко от экрана, то черное поле по углам будет заметно светлее, чем в центре. Контрастность в диапазоне углов ±82° в случае отклонения по диагонали приближается к отметке 10:1, и опускается ниже при отклонении в одном направлении более чем на 67°.
Для количественной характеристики изменения цветопередачи мы провели колориметрические измерения для белого, серого (127, 127, 127), красного, зеленого и синего, а также светло-красного, светло-зеленого и светло-синего полей во весь экран с использованием установки, подобной той, что применялась в предыдущем тесте. Измерения проводились в диапазоне углов от 0° (датчик направлен перпендикулярно к экрану) до 80° с шагом в 5°. Полученные значения интенсивностей были пересчитаны в ΔE относительно замера каждого поля при перпендикулярном положении датчика относительно экрана. Результаты представлены ниже:
В качестве реперной точки можно выбрать отклонение в 45°, что может быть актуальным в случае, например, если изображение на экране рассматривают два человека одновременно. Критерием сохранения правильности цветов можно считать значение ΔE меньше 3. Стабильность цветов очень хорошая, это является одним из главных достоинств матрицы типа IPS.
Выводы
Монитор MSI Modern MD272QP Ultramarine отличается ультрамариновым цветом большинства внешних поверхностей, что уже само по себе привлекает внимание. Дизайн стильный и аккуратный, а сочетание разрешения и размера экрана позволяет без масштабирования и с комфортом работать в Windows. Данный монитор стоит считать универсальным, пригодным, например, для выполнения типичных офисных задач и для не очень ответственной работы с графикой, для работы в системах CAD/CAM, для видеомонтажа, а также для просмотра кино и для игр, если частоты обновления в 75 Гц будет достаточно. Отметим, что монитор можно использовать в качестве док-станции для ноутбука, так как выходной мощности порта USB-C в 65 Вт должно хватать в большинстве случаев.
Достоинства:
- Хорошее качество цветопередачи
- Удобная и регулируемая подставка
- Три видеовхода, в том числе USB-C с мощностью 65 Вт
- Двухпортовый концентратор USB (2.0)
- Функция KVM
- Нейтральный и аккуратный дизайн
- Эффективный регулируемый разгон матрицы
- Небольшое значение задержки вывода
- Поддержка технологий AMD FreeSync
- Счетчик частоты кадров и таймер с обратным отсчетом
- Широкий диапазон регулировки яркости подсветки
- Отсутствие мерцания подсветки
- Программа для настройки монитора с компьютера и для организации окон на рабочем столе
- Русифицированное меню
Недостатки:
- Значимых нет
В заключение предлагаем посмотреть наш видеообзор монитора MSI Modern MD272QP Ultramarine:
youtube.com/embed/_0w4N6AW3WA?feature=oembed»>Благодарим компанию MSI Russia
за предоставленный на тестирование монитор MSI Modern MD272QP Ultramarine
Беременность при грудном вскармливании: первые признаки
0-6 месяцев
Статья
0 отзывы
Можно ли забеременеть в период лактации? Бытует мнение, что это невозможно. Однако на практике такие случаи – не редкость. Как распознать первые признаки беременности во время кормления грудью и какие существуют риски? Об этом – далее в статье.
4мин. на прочтение фев. 17, 2022
Что происходит в организме кормящей женщины
Сразу после рождения ребенка в организме женщины повышается количество особого гормона – окситоцина. Он заставляет матку сокращаться после родов, а также отвечает за выработку грудного молока. Чем чаще вы кормите кроху грудью, тем выше концентрация окситоцина в крови. Интересно, что этот же гормон – провокатор лактационной аменореи. Другими словами, именно он виноват в отсутствии менструации.
Принято считать, что пока кормишь малыша грудью и нет месячных, забеременеть невозможно. Ведь нет месячных, нет овуляции. Нет овуляции – нет яйцеклетки, готовой к оплодотворению. Все логично. У некоторых женщин аменорея может длиться год-два, а у некоторых – месяц. И понять, когда она закончилась – крайне сложно. Основной признак восстановления фертильности (способности к воспроизводству) – месячные. Но менструация начинается спустя две недели после овуляции. Поэтому сексуально активная кормящая мама может снова забеременеть в любой момент, даже не подозревая об этом.
Кроме окситоцина, в организме кормящей женщины также повышается количество пролактина. Он блокирует рост фолликулов и овуляцию, но гарантии, что фолликул не начнет расти нет никакой. Поэтому исключить вероятность оплодотворения в этот период также нельзя.
Беременность при грудном вскармливании: как это возможно
Незапланированное оплодотворение в период лактации может произойти, утверждают медики. Дело в том, что во время кормления грудью фертильность снижается, но не замирает полностью. И если женщина кормит малыша грудью по графику, а не по требованию, или же чередует грудное вскармливание и искусственные детские смеси, вероятность снова забеременеть достаточно высока.
Увеличение интервалов между кормлениями или полное отлучение ребенка от груди снижает уровень окситоцина и пролактина в крови. Это в свою очередь запускает процесс роста фолликулов и овуляции, возобновления менструального цикла. Если вы не планируете второго ребенка в первый год после рождения первого, подумайте о контрацепции.
Симптомы беременности при кормлении грудью
Как определить беременность в период лактации? Достаточно непросто. Классические признаки зарождения новой жизни в утробе кормящие мамы часто просто не замечают, списывая их на естественное послеродовое состояние организма. Ведь и правда: бессонница, тревожность, чрезмерная усталость, тошнота и боль в пояснице – вполне типичные явления для женщины, которая недавно родила. А самый очевидный симптом беременности – отсутствие месячных – и вовсе списывается со счетов, так как их и так нет. Как же понять, беременны вы или нет?
Читайте также: Второй ребенок в семье
Первые признаки беременности во время кормления грудью могут быть такими:
- Вы устаете сильнее обычного и постоянно хотите спать.
Этот симптом вполне можно списать на ночные недосыпания и уход за младенцем, который отбирает все ваши силы. Однако, если заметили, что утомляетесь сильнее обычного и наутро чувствуете себя полностью разбитой, даже если кроха не будил ночью – купите тест на беременность.
- Часто бегаете в туалет
Это может быть связано с циститом или заболеванием почек, а может быть и одним из симптомов новой беременности. Наш организм устроен таким образом: как только в утробе зарождается новая жизнь, организм увеличивает кровоток, чтобы обеспечить будущего малыша всеми необходимыми веществами. Это в свою очередь заставляет почки производить больше мочи. Бегаете часто в туалет? Запишитесь к гинекологу и купите тест на беременность.
- Ощущаете болезненные ощущения в груди
Это может быть связано не только с застоем молока, но и с новой беременностью. Изменение количества эстрогена и прогестерона и вызывают те самые болезненные ощущения в молочных железах. Наблюдаете такой симптом у себя? Купите тест.
- Вас тошнит по утрам.
Тошнить может от чего угодно, в том числе от повышения концентрации ХГЧ в крови. Этого гормона становится больше при беременности. Сдайте анализы крови и сделайте тест на беременность. Он отреагирует на изменения в составе мочи, даже во время лактации.
- Ребенок отказывается брать грудь.
Когда наступает новая беременность, меняется гормональный фон. Из-за этого меняется вкус грудного молока, уплотняется его консистенция и его становится меньше. Поэтому ваш малыш может отказываться брать грудь, будет капризничать и постоянно требовать есть.
Беременность во время лактации: «за» и «против»
Еще один малыш в семье – это радость. Вы должны быть в курсе возможных рисков и положительных моментов, которые сулит новая беременность.
Воспитывать детей-погодок намного проще, чем малышей с разницей в возрасте в несколько лет. У них общий режим дня, общие интересы и игрушки на двоих. Вам будет проще приспособиться.
Возможные риски:
- На полное восстановление женского организма после родов нужно минимум 2 года. Новому ребенку может просто не хватить ресурса для роста и развития.
- Если роды проходили с помощью кесарева сечения, матка может быть не готова. Существует риск гибели плода и необратимых последствий для здоровья женщины.
- Кормление грудью провоцирует сокращение матки, что может стать причиной выкидыша.
Сохранять незапланированную беременность или нет – дело исключительно ваше. Если первая беременность и первые роды прошли без осложнений, выносить здорового ребенка – вполне реально.
Статьи по теме:
Секс во время беременности
Последние отзывы
Средняя оценка покупателей
0 оценок клиентов
Снимок оценок сообщества
- 5 0
- 4 0
- 3 0
- 2 0
- 1 0
3 способа сократить время выполнения JavaScript в WordPress
Сокращение времени выполнения JavaScript — одна из самых важных рекомендаций PageSpeed Insights. Поскольку JavaScript может сильно повлиять на производительность вашего сайта WordPress, важно управлять любыми проблемами JS, которые замедляют время загрузки.
В этой статье вы сначала поймете, как выполнение JavaScript влияет на производительность. Затем вы узнаете, как измерять и выявлять проблемы JS и как сократить время выполнения JS на вашем сайте WordPress как вручную, так и с помощью некоторых плагинов.
Как время выполнения JS влияет на производительность?
Вы можете увидеть, как время выполнения JS влияет на производительность, взглянув на метрику First Input Delay и оценку производительности Lighthouse.
Время выполнения JavaScript тесно связано с оценкой FID, которая измеряет интерактивность и скорость отклика страницы. Если вы пытаетесь взаимодействовать со страницей и не получаете никакого ответа, это означает, что браузер занят обработкой некоторых JS-файлов. Вот почему вы должны попытаться максимально уменьшить размер этих JS-скриптов.
Метрика FID тесно связана с общим временем блокировки (TBT), одним из показателей производительности Lighthouse (на основе лабораторных данных). Поскольку оценка TBT составляет 25% от общей оценки производительности Lighthouse, вы можете понять, как проблемы с JavaScript повлияют на вашу оценку PageSpeed Insights.
Давайте разберемся подробнее, что это значит.
Как измерить время выполнения JavaScript и выявить основные проблемы JS
Сокращение времени выполнения JS означает сокращение времени, затрачиваемого браузером на синтаксический анализ, компиляцию и выполнение JS после загрузки.
Разбор, компиляция и выполнение — это три шага, которые вы должны выполнить, чтобы сократить время выполнения JS.
Каждый раз, когда выполнение JS длится более 2 секунд, Lighthouse сообщает об этом как о проблеме, требующей решения.
Вы можете определить и измерить время выполнения JS с помощью PageSpeed Insights и GTmetrix.
Измерение времени выполнения JS с помощью Pagespeed Insights
Если у вашего URL есть какие-либо проблемы со временем выполнения JS, Google PageSpeed Insights покажет предупреждение в разделе диагностики:
Сокращение времени выполнения JavaScript – PSIКак видите, PSI показывает время выполнения JS по каждому шагу:
- Оценка скрипта (этап компиляции)
- Разбор скрипта (этап разбора)
- Общее время процессора (это стоимость памяти, которая может полностью заморозить вашу страницу).
Как упоминалось выше, аудит рассматривает каждый JS-скрипт, время выполнения которого превышает 2 секунды.
Измерение времени выполнения JS с помощью GTmetrix
При тестировании производительности вашего URL-адреса GTmetrix показывает очень похожий аудит.
Перейдите на вкладку «Структура» и найдите статус времени выполнения JS. Затем вы получите информацию о каждом этапе JS.
В приведенном ниже примере время выполнения JS превышает 2 секунды.
Время выполнения JavaScript – GTmetrixКак сократить время выполнения JavaScript (вручную и с помощью плагинов)
Существует три основных способа сократить время выполнения JS:
- Задержка JS и удаление неиспользуемых JS
- Отсрочка JS
- Минимизация JS.
Давайте посмотрим, как вы можете реализовать каждое из этих действий и выполнить рекомендацию PageSpeed Insights.
1. Задержка JS и удаление неиспользуемых JS
Вы должны отложить файлы JS, чтобы ни один из них не загружался до взаимодействия с пользователем. Это означает, что пока ни один пользователь не нажмет кнопку или не прокрутит содержимое страницы, браузер не будет выполнять никаких JS-скриптов.
Также следует удалить неиспользуемые файлы JS. Другими словами, все JS-скрипты, которые бесполезны или не включены в контент над страницей, должны загружаться только после рендеринга страницы. Это способ позволить браузеру отображать только необходимый контент, не зацикливаясь на ненужных JS-файлах.
Несколько плагинов могут помочь вам отложить JS и удалить неиспользуемый JS:
- Flying Scripts
- WP Meteor
- Plugin Organizer
- Gonzales
- Asset CleanUp.
Вы также можете воспользоваться функцией задержки выполнения JavaScript, предоставляемой WP Rocket. Это самый простой способ отложить выполнение JavaScript всего за несколько кликов.
Перейдите на вкладку «Оптимизация файлов» и отметьте параметр «Задержка выполнения JavaScript». Плагин автоматически откладывает загрузку файлов JS до взаимодействия с пользователем. Легко и быстро, правда?
Задержка выполнения JavaScript — WP Rocket
Получите WP Rocket прямо сейчас и сразу протестируйте улучшения вашего сайта!
2.
Отложить JSЕще один эффективный способ сократить время выполнения JS — отложить файлы JS.
При откладывании JavaScript на ваших сайтах WordPress браузер будет загружать их только после завершения рендеринга страницы.
У вас есть разные способы отложить файлы JS, как вручную, так и с помощью плагинов.
Если вы хотите реализовать атрибут отсрочки самостоятельно, вы должны сначала определить JS-скрипты для отсрочки, а затем добавить атрибут отсрочки.
Вот пример атрибута отсрочки:
Если вы предпочитаете использовать плагин, вы можете использовать Asset CleanUp.
Вы также можете воспользоваться еще одной мощной функцией WP Rocket: Отложенная загрузка Javascript.
На вкладке «Оптимизация файлов» вы найдете параметр «Отложенная загрузка JS», а также исключение отложенных файлов JS. Всего за несколько кликов вы позаботитесь о важном методе оптимизации веб-производительности!
Загрузка JavaScript отложена — WP Rocket3.
Минимизация JSТретий вариант решения проблем с JS — минификация. Минификация удаляет разрывы строк, пробелы и комментарии, включенные в код. В результате код становится легче, а размер файла быстрее.
Поскольку минификация требует много времени и всегда есть риск что-то упустить, мы рекомендуем использовать плагин.
Несколько инструментов минификации JavaScript для WordPress помогут вам выполнить работу.
Еще раз, WP Rocket предлагает вам простой способ минимизировать файлы JS. Перейдите на вкладку «Оптимизация файлов» и включите параметр «Минимизировать файлы JS». Легко и быстро, как это!
Минимизация файлов JS — WP RocketДругие рекомендации WordPress по сокращению времени выполнения JS
Пользователи WordPress должны помнить о других полезных рекомендациях.
В целом, вам следует избегать использования функций, таких как плагины и виджеты, требующих большого количества JavaScript, когда их можно заменить более простым решением. Например:
- Используйте статическое изображение вместо слайдера (особенно если слайд находится вверху страницы)
- Избегайте чрезмерного использования виджетов, таких как социальные сети (например, виджеты социальных сетей на боковой панели)
- Избегайте чрезмерного использования сторонних ресурсов (например, реклама, трекеры, уровни персонализации, A/B-тестирование).
Начните сокращать время выполнения JS сегодня
Сокращение времени выполнения JS — это важный шаг в улучшении оценки FID и повышении оценки производительности PageSpeed Insights. В целом, это важный способ предоставить вашим пользователям отличный пользовательский опыт.
Благодаря WP Rocket вы можете управлять всеми основными проблемами JS всего за несколько кликов. Вы сэкономите время и силы!
Еще не клиент WP Rocket? Сэкономьте свое время и позвольте WP Rocket сделать всю работу за вас. WP Rocket — это самый простой способ улучшить свой показатель PageSpeed Insights .
Вы всегда можете рассчитывать на нашу 100% гарантию возврата денег. Хотя мы не думаем, что он вам когда-нибудь понадобится, мы с радостью вернем вам деньги, если вы запросите его в течение 14 дней с момента покупки.
🚀 Единственный риск, которому вы подвергаетесь с нашим плагином, — это ускорение вашего сайта. WP Rocket автоматически применяет 80% передовых методов веб-производительности, мгновенно повышая ваши показатели Core Web Vitals.
Добавить задержку | Твилио
Функции имеют 10-секундный предел выполнения перед завершением. Помните об этом пределе при оценке того, подходит ли этот метод для вашего варианта использования.
Добавление задержки к ответу вашей функции полезно в определенных случаях использования, особенно когда речь идет о взаимодействии с Twilio Studio. Один из таких случаев — если вы создаете чат-бота и хотите более длинные и реалистичные паузы между ответами. Или, возможно, вы делаете HTTP-запрос в Studio Flow и хотите добавить задержку в цикле повторных попыток в случае сбоя.
Во всех этих ситуациях возможность добавления задержки невероятно полезна. Хотя в Studio нет собственного виджета «Задержка», вы можете комбинировать виджет «Выполнить функцию» с функцией, которая имеет отложенный ответ, чтобы имитировать такое поведение.
Ниже приведены несколько примеров того, как может выглядеть такая функция. Прежде чем углубляться в примеры, сначала создайте службу и функцию, чтобы у вас было место для написания и тестирования кода функции.
Чтобы запустить любой из следующих примеров, сначала необходимо создать функцию, в которую можно вставить код примера. Вы можете создать функцию с помощью консоли Twilio или Serverless Toolkit, как описано ниже:
Если вы предпочитаете подход на основе пользовательского интерфейса, создание и развертывание функции можно полностью выполнить с помощью консоли Twilio и следующих шагов:
- Войдите в консоль Twilio и перейдите на вкладку «Функции». Если вам нужна учетная запись, вы можете создать бесплатную учетную запись Twilio здесь!
- Функции содержатся в Сервисах . Создайте службу , нажав кнопку Create Service и указав имя, например test-function 9.0189 .
- После перенаправления на новую службу нажмите кнопку Добавить + и выберите Добавить функцию в раскрывающемся списке.
- Это создаст для вас новую защищенную функцию с возможностью переименовать ее. Имя файла будет путем доступа к нему.
- Скопируйте любой фрагмент кода примера с этой страницы, с которым вы хотите поэкспериментировать, и вставьте код во вновь созданную функцию. Вы можете быстро переключаться между примерами, используя раскрывающееся меню панели кода.
- Нажмите Сохранить , чтобы сохранить содержимое вашей функции.
- Нажмите Развернуть все , чтобы построить и развернуть функцию. После небольшой задержки ваша функция будет доступна по адресу:
https://<имя-службы>-<случайные-символы>-<необязательный-домен-суффикс>. twil.io/<путь-функции>
Например:test-function-3548.twil.io/hello-world
.
Serverless Toolkit позволяет выполнять локальную разработку, развертывание проектов и другие функции с помощью интерфейса командной строки Twilio. Чтобы приступить к работе с этими примерами с помощью Serverless Toolkit, выполните следующий процесс:
- В интерфейсе командной строки запустите
twilio serverless:init
, чтобы загрузить локальную среду.--empty - Перейдите в новый каталог проекта, используя
cd
- В каталоге
/functions
создайте новый файл JavaScript с именем, соответствующим назначению функции. Например,sms-reply.protected.js
для Защищенной функции, предназначенной для обработки входящих SMS. - Заполните файл выбранным примером кода и сохраните его.
Примечание Функция может экспортировать только один обработчик. Вам нужно будет создать отдельные файлы, если вы хотите запустить и/или развернуть несколько примеров одновременно.
После того, как код вашей функции (функций) написан и сохранен, вы можете протестировать ее, либо запустив ее локально (и, при необходимости, туннелируя запросы к ней с помощью такого инструмента, как ngrok), либо развернув функцию и выполнив ее по развернутым URL-адресам. .
Запустите свою функцию в локальной разработке
Запустите twilio serverless:start
из интерфейса командной строки, чтобы запустить проект локально. Функции в вашем проекте будут доступны с http://localhost:3000/sms-reply
- Если вы хотите протестировать функцию как веб-перехватчик Twilio, запустите:
twilio phone-numbers:update <ваш номер телефона Twilio> --sms-url "http://localhost:3000/sms-reply"
Это автоматически сгенерирует туннель ngrok от Twilio к вашей локально работающей функции, чтобы вы могли начать отправлять в нее тексты. Вы можете применить тот же процесс, но сvoice-url
флаг вместо этого, если вы хотите протестировать с помощью Twilio Voice. - Если ваш код , а не подключается к Twilio Voice/Messages в качестве веб-перехватчика, вы можете запустить сервер разработки и запустить туннель ngrok в той же команде с флагом
ngrok
. Например:twilio serverless:start --ngrok=""
Разверните свою функцию
Чтобы развернуть свою функцию и получить доступ к активным URL-адресам, запустите twilio serverless:deploy
из вашего интерфейса командной строки. Это развернет ваши функции в Twilio по умолчанию в среде разработки, откуда к ним можно будет получить доступ:
https://<имя-службы>-<случайные-символы>-dev.twil.io/<путь-функции>
Например: https://incoming-sms-examples-3421-dev.twil.io/sms-reply
Теперь ваша функция готова к вызову HTTP-запросами, установленными в качестве веб-перехватчика телефонного номера Twilio, вызываемого Twilio Studio 9. 0021 Виджет функции запуска и многое другое!
Задержка ответа функции в основном связана с использованием встроенного метода, такого как setTimeout
, для задержки вызова метода обратного вызова
и сигнализации о завершении функции. Если эта функция должна быть вызвана виджетом «Выполнить функцию», поток Studio Flow, содержащий этот вызов, будет отложен до тех пор, пока эта функция не вернет ответ.
Также вполне возможно указать значение delay
, определив значение (или динамическую переменную) в конфигурации Параметры функции для виджета запуска функции, который вызывает эту функцию.
Чтобы обеспечить более дружественный синтаксис async
/ await
в функциях, в этом примере показано, как написать вспомогательный метод sleep
, который обертывает setTimeout
в промисе.
Если у вашей функции нет других действий для выполнения или вы не видите необходимости в промисах в этом случае, следующий пример демонстрирует ту же функциональность, но без async
/ ожидание абстракции
.
Вы просматриваете устаревшую версию этого SDK.
Показать образец ответа
Пример ответа JSON
Показать код
Функция задержки ответа
Вы просматриваете устаревшую версию этого SDK.
Показать образец ответа
Пример ответа JSON
Показать код
Без async/await или Promises
Функция задержки ответа
Без async/await или промисов
Метод sleep
, который мы создали для предыдущего примера, также является отличным примером метода, который можно использовать в ряде функций в вашей службе. В функциях рекомендуется хранить общие методы JavaScript, такие как эти, в частных функциях и импортировать их в различные функции, которые будут их использовать.
Чтобы увидеть это в действии, сначала создайте новую функцию с именем 9.0209 использует и установите для него уровень конфиденциальности Private. Вставьте следующий код, который экспортирует помощник sleep
из предыдущего.
Вы просматриваете устаревшую версию этого SDK.
Показать образец ответа
Пример ответа JSON
Показать код
Пример частной функции, в которой размещены общие методы между функциями
Частные общие утилиты Функция
Пример частной функции, в которой размещаются общие методы для функций
Затем откройте существующую функцию задержки, удалите встроенное объявление сна и добавьте выделенную строку кода. Сохраните и разверните все изменения.
Это демонстрация использования помощника Runtime.getFunctions для импорта общего кода из частной функции, что может помочь СУШИТЬ код вашей функции.
Вы просматриваете устаревшую версию этого SDK.
Показать образец ответа
Пример ответа JSON
Показать код
Отложенная функция, которая использует служебный метод вместо его встроенного определения
Функция задержки ответа
Отложенная функция, которая использует служебный метод вместо его встроенного определения
Оцените эту страницу:1 2 3 4 5
Нужна помощь?
Мы все иногда делаем; код сложный. Получите помощь прямо сейчас от нашей службы поддержки или положитесь на мудрость толпы, посетив Коллектив Twilio Stack Overflow или просмотрев тег Twilio на Stack Overflow.
- Условия использования
- политика конфиденциальности
- Copyright © 2023 Twilio Inc.
Ускорьте время перехода на интерактивный режим, задержав сторонние сценарии
Килиан Валкхоф
12 октября 2019 г.
Гэтсби делает много вещей, чтобы веб-сайт стал видимым как можно быстрее. Но видимость веб-сайта — не единственная интересная метрика. Есть и другие, которые, если вы не будете осторожны, могут легко занять гораздо больше времени, чем необходимо. Даже если ваш сайт по-прежнему кажется быстрым.
В этой статье основное внимание уделяется метрике «Время до интерактивности», т. е. времени, которое требуется для запуска всех ваших исходных сценариев. Это особенно интересно по нескольким причинам:
- Это не очень заметно, когда вы используете веб-сайт на рабочем столе
- Сценарии, загруженные асинхронно, учитываются в этом числе (даже если они асинхронны, они все равно загружаются последовательно после загрузки страницы)
- Это очень важная часть рейтинга производительности Google. Из-за воздействия на пользователя это в 5 раз важнее, чем «первая значимая краска», например. когда что-то появляется на экране. 5 раз!
Вместе они могут означать, что у вас есть веб-сайт, который кажется быстрым при некоторых обстоятельствах, но Google наложит на вас штраф, потому что он медленный.
Чтобы получить представление об оценке вашего сайта, вы можете использовать Lighthouse либо в инструментах разработчика Chrome, перейдя на вкладку «Аудит», либо на веб-сайте web.dev. Lighthouse проверит ваш сайт по ряду различных показателей, таких как доступность, SEO (поисковая оптимизация) и лучшие практики, но нас интересует «производительность».
Метрика производительности
Хотя другие метрики также важны, эта статья посвящена производительности. По умолчанию сайт Gatsby легко получает оценку 90 (из 100), но она может быстро стать ниже, если вы добавите на страницу больше скриптов, особенно сторонних скриптов.
Гарри из marketingexamples. com связал меня со своей недавней публикацией об эффективности SEO, в которой упоминалась оценка «Время до интерактивности», и я решил еще раз взглянуть на свой веб-сайт для Polypane. Я проверял это в прошлом, и у него было хорошее (90+), но я был в шоке, когда он вернулся и внезапно получил 63 балла!
При просмотре данных о производительности первая осмысленная отрисовка сайта заняла немногим более секунды, но время до интерактивности составило одиннадцать секунд . Ой!
Причиной этого было то, что я недавно переключился на сегмент (используя gatsby-plugin-segment-js) и загружал через него другие скрипты, такие как чат поддержки и аналитика. Все эти сценарии учитывались в моем «времени до интерактивности».
Сообщение об эффективности SEO содержит совет от Дейва из ToDesktop, у которого есть похожие проблемы. Его совет: предотвратите загрузку скриптов до тех пор, пока пользователь не прокрутит страницу, а также установите некоторое время ожидания, чтобы предотвратить рывки прокрутки.
При добавлении тайм-аута ваше «Время до интерактивного» не будет учитывать эти скрипты. Пользователю все равно не понадобится ваш виджет поддержки в первую секунду страницы, так что это хорошо работает для всех. У любого преимущества всегда есть обратная сторона: ваш показатель отказов станет менее точным, чем люди, которые открывают ваш сайт. , не прокручивайте и не уходите никогда не будет отображаться в вашей аналитике.
Желая повысить рейтинг производительности своего сайта, я разветвил репозиторий gatsby-plugin-segment-js и приступил к работе.
Обновление gatsby-plugin-segment-js
Это решение работает следующим образом:
- Подождите, пока пользователь прокрутит
- Сделать setTimeout на 1 секунду
- Оберните вызов в requestIdleCallback, если он доступен
- Затем загрузите скрипт
Добавление тайм-аута прокрутки, как упоминалось в сообщении блога «Маркетинговые примеры», было сделано быстро. Однако в Gatsby все последующие страницы загружаются без обновления страницы. Это означало, что потенциально люди могли кликать по вашему сайту, никогда не прокручивая его, и плагин никогда не загружался. Чтобы техника работала для Гэтсби, скрипт также должен был загрузить onRouteChange.
Это привело к интересному набору требований:
- Скрипты должны загружаться только один раз
- Они должны загружаться либо после прокрутки, либо после обновления страницы
- Для предотвращения рывков существует временная задержка перед тем, как загрузка действительно произойдет
Из-за этой временной задержки может случиться так, что вы загружаете новую страницу, начинается обратный отсчет, и во время этого обратного отсчета вы также прокручиваете. В этот момент сценарии еще не загружены, поэтому прослушиватель событий прокрутки будет и запускают новую загрузку.
Чтобы обойти это, я добавил две блокировки в плагин Gatsby:
-
segmentSnippetLoaded
,false
по умолчанию и установитьtrue
после загрузки. -
segmentSnippetLoading
,true
только между вызовом функции загрузки и ее завершением.
Затем, либо на прокрутке
, либо на onRouteChange
, мы вызываем функцию загрузки, только если segmentSnippetLoaded
неверно, и в функции загрузки мы продолжаем, только если segmentSnippetLoading
неверно. Это предотвращает вызов функции вообще после первой загрузки скрипта. Если функция вызывается дважды, но обратный отсчет все еще продолжается, ничего не происходит.
После реализации этого на моем собственном веб-сайте моя оценка производительности снова подскочила с 63 до 94, а время перехода к интерактивному режиму сократилось более чем на 60%. Довольно неплохо для нескольких строк кода.
В настоящее время открыт запрос на добавление опции delayLoad
в gatsby-plugin-segment-js для включения этой функции. Кроме того, вы можете собрать его из моего форка.
В заключение
Если вы работаете на ноутбуке или настольном компьютере с хорошим подключением к Интернету, время до начала взаимодействия не так заметно, как «время до того, как вы увидите что-то на экране», но оно может оказать большое влияние на вашу производительность.