Эти простые методы действительно являются неизбежными действиями по оптимизации производительности веб-сайта.
1. Это печальная история
Джон, фронтенд-разработчик с пятилетним опытом, недавно оказался в сложной ситуации, когда его компания наняла команду тестировщиков из TikTok. Так начался период трудностей для Иоанна.
Команда тестирования TikTok привезла с собой инструмент автоматического тестирования, способный имитировать 300 кликов по страницам в течение 1 минуты.
К сожалению, этот инструмент привел к катастрофическим последствиям для страниц интерфейса Джона. Чрезмерные запросы интерфейса вызвали блокировку потока, что привело к зависанию страницы.
Менеджер по тестированию сообщил о результате начальнику, который в порыве гнева сделал Джону выговор и потребовал оптимизировать систему в течение двух недель.
Хотя Джон понимал, что сценарий с 300 кликами в минуту не произойдет в ближайшие десять лет, он осознавал, что необходимо принять меры, в частности, внедрить методы устранения дребезга и регулирования.
На этом история завершена, и давайте углубимся в основное содержание.
2. Что такое устранение дребезга и дросселирование?
Устранение дребезга и регулирование являются важными компонентами стратегий оптимизации производительности веб-сайта.
По сути, устранение дребезга гарантирует, что функция выполняется только один раз в течение заданного времени, что часто используется для полей ввода или событий прокрутки.
Без устранения дребезга могут возникнуть аномальные ситуации, такие как быстрый ввод в поле поиска или частые переходы полосы прокрутки.
С другой стороны, регулирование ограничивает выполнение функции не более одного раза в течение заданного интервала. Этот метод обычно используется в таких сценариях, как бесконечная прокрутка или частая прокрутка страниц.
При разработке внешнего интерфейса реализация устранения дребезга и регулирования может эффективно сократить сетевые запросы и снизить нагрузку на сервер. Создавая код для этих методов, мы гарантируем, что страница внешнего интерфейса не будет генерировать чрезмерное количество…