Почему лагает листание страницы? Страница будто «застревает»?

При листании страницы с мобильного, сайт иногда "застревает" и не даёт листать дальше

Вот как это выглядит:
https://youtube.com/shorts/aNhr511YtmU

Вот ссылка на сайт:
https://poolssaunas.ru/uslugi/travyanaya-banya.html

Дополнительно:

Ответы:

У тебя прокручивается и страница - html и тело - body. Это залипание прокрутка боди, она небольшая и когда ты его докручиваешь, следующим жестом крутишь уже страницу. Ищи что пробивает боди и чини размеры

UPD: я так уж и быть нашел) Это размеры svg в иконках

UPD: в фаерфоксе в девтулзах есть явное указание какие элементы прокручиваемые на текущий момент, пользуйся в следующий раз)

+ Заказать

 

Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.

 

    • Почему лагает листание страницы? Страница будто «застревает»?Есть ответ
    • 07.04.2024
    Ответить

    Чтобы решить проблему с лагами при листании страницы, необходимо принять несколько шагов для оптимизации производительности:

    1. Оптимизация изображений: Убедитесь, что изображения на странице оптимизированы для веба. Используйте форматы изображений с низким весом, такие как JPEG или PNG, и уменьшите размер изображений до необходимого разрешения.

    2. Минимизация CSS и JavaScript: Объедините и минимизируйте все CSS и JavaScript файлы, чтобы уменьшить количество запросов к серверу и ускорить загрузку страницы.

    3. Кэширование ресурсов: Используйте кэширование браузера для статических ресурсов, таких как изображения, CSS и JavaScript, чтобы уменьшить время загрузки и улучшить производительность.

    4. Оптимизация запросов к базе данных: Убедитесь, что запросы к базе данных оптимизированы и используют индексы для быстрого доступа к данным.

    5. Отложенная загрузка: Используйте технику отложенной загрузки (lazy loading) для изображений и других ресурсов, чтобы страница загружалась быстрее и не тормозила при прокрутке.

    6. Использование CDN: Используйте Content Delivery Network (CDN) для распределения статических ресурсов по всему миру и ускорения загрузки страницы.

    Применение этих методов поможет оптимизировать производительность вашего сайта и устранить проблему с лагами при листании страницы.

Оставить комментарий