Есть сайт, работает более-менее. И клиенту потребовалось его адаптировать. С внешней точки зрения ничего страшного, однако скорость его работы очень медленная. При нажатии кнопки меню приходится ждать где-то 1 секунду, что бы оно открылось. Так же на сайте реализован плагин PagePilling ( скроллинг экранами ) и тут такая же проблема возникает. Медленно анимирует. И это даже на iPhone 6. Не говоря о более старых версиях ( целевая аудитория будет именно с них сидеть ). Какие есть варианты решения? Есть какая-то возможность "договориться" с js? Или нужно перепиливать всё на поддомен и там клепать уже более облегченную версию сайта? Вообщем подскажите какие есть варианты. Заранее большое спасибо.
Кажется вы сами ответили себе. Оптимизируйте изображения, убирайте ненужные плагины. Да и по возможности по убирайте всякой анимации. Для более внятного ответа попробуйте анализировать сайт на телефоне и инспектировать подключив к пк. Хром по крайне мере так может https://developers.google.com/web/tools/chrome-dev...
Оптимизируйте изображения - это влияет на скорость работы(!) сайта? Про загрузку страницы пока ничего не говорю, именно скорость работы.
Убирайте ненужные плагины - как? Ну тоесть клиенту нужен на телефоне скролл экранами, остальных плагинов - jquery ( чисто для библиотек ), всплывашка, и маска для телефона. Всё.
Да и по возможности по убирайте всякой анимации - тот же вопрос, как? Ну тоесть у меня основная версия. И адаптив, на который влияет CSS. И анимации сделаны через transform-transition.
Спасибо за ответ, и я очень буду благодарен, если вы всё же объясните мне эти вопросы.
Андрей Сальников: я не видел, ваш сайт и не знаю что там творится. Насчет изображений - ну размер имеет значения как и разрешение, если у вас понаставлено 'фулхд' изображений то это я имел ввиду. Подключите телефон к компьютеру и отлаживайте.
1) исправьте всё, что найдёт гугль
2) выкиньте плагины и перепишите скрипты так, чтобы все анимации использовали аппаратное ускорение (translate, transition и т.п.)
3) проверьте вёрстку, её нужно максимально упростить
4) по максимуму выкиньте в помойку сторонние виджеты (реклама там и т.п.)
Выкиньте плагины - у меня на сайте основной плагин для скрола экранами, jquery ( куда **ть без неё ), всплывашка и маска. И как их можно выкинуть, если они нужны для основного сайта?
По максимуму выкиньте в помойку сторонние виджеты - эх.... это еще клиент даже не поставил всё то что он поставит ( callback hunter'ы и т.п. хероту ) .
3) проверьте вёрстку, её нужно максимально упростить - тут посложнее, так как верстка не моя, то можно что-то да поломать(
Спасибо за ответ. Буду признателен, если ответите еще раз на этот коммент)
Средний
