Так получилось, что если на одной странице используется больше 2-3 лайтбоксов, то страница начинает очень долго грузиться, а на слабых компьютерах/телефонах все вообще будет тормозить.
Это связанно с тем, что браузер загружает содержимое сразу всех лайтбоксов, но при этом все они по умолчанию не видны. Браузер вынужден сначала все это загрузить, а потом выстраивать контент на странице с учетом всех лайтбоксов.
Чтобы частично решить проблему, можно использовать специальный код, который облегчает обработку страницы браузером.
Вставить код нужно во все шаблоны сайта. Открываете свойства каждого шаблона и в поле HTML для <head> вставляете такой код:
<style>.js body{visibility:visible!important;}</style>
После этого можно тестировать скорость работы сайта в браузере.
Обратите внимание, что сайт на телефонах и планшетах вряд ли станет работать быстрее. Просто для таких устройств нужно обязательно делать отдельную версию сайта, которая должна быть сильно легче и, желательно, вовсе без лайтбоксов.
Recommended Comments
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.