Какие методы я могу использовать, чтобы сделать JS-тяжелые страницы производительными на мобильных устройствах?

У меня есть сайт, который содержит большое количество JS-кода (~100K, включая jQuery). Когда я просматриваю подобные сайты на телефоне или планшете, я обычно разочаровываюсь тем, насколько они медлительны. Я хочу, чтобы мой сайт хорошо работал на мобильных устройствах (как с точки зрения времени загрузки страницы, так и отзывчивости), без разработки отдельной "дружественной для мобильных устройств" версии сайта или замены больших частей кода.

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

Вот пара примеров того, что я ищу:

  • Установка jQuery.fx.off = true для пропуска анимации
  • Отключение интенсивных CSS эффектов, таких как box-shadow, text-shadow, и border-radius

Что еще?

7
задан Trevor Burnham 25 November 2011 в 02:29
поделиться