На какой вес / размер страницы я должен ориентироваться при оптимизации для мобильных устройств?

Question

Я стремлюсь оптимизировать работу мобильного браузера в небольшом веб-приложении, используя для этого потрясающий мобильный jQuery.

Само собой разумеется, что пользователь не хочет DL 200 КБ данных, я просто пытаюсь провести границу между использованием внешних и внутренних URL-адресов. Существуют ли какие-либо руководящие указания относительно того, какого размера страницы / времени загрузки мне следует снимать? Я бы предпочел придерживаться внутренних URL-адресов (эффективно хранить мобильный интерфейс в одном месте с точки зрения обслуживания), но я устаю заваливать пользователя большим количеством информации, которую он не собирается просматривать.

Answer 1

Гораздо важнее не болтать между сервером и клиентом. Задержка может быть большой и позволяет собирать вместе больше, чем обычно. Проверка на сервере после каждого нажатия клавиши будет затруднена.

Answer 2

Согласно рекомендациям W3C Mobile Web :

• размер разметки страницы <10 килобайт </li>
• размер страницы с изображениями <20 килобайт </li>

Answer 3

Следует отметить, что, например, iPhone не будет кэшировать компоненты размером более 25K .

Также рассмотрите минифинг и сжатый код. И @ jfar понял одну вещь правильно. HTTP-запросы могут сильно снизить производительность, поэтому вы также можете уменьшить их как можно больше.

Answer 4

Размер не имеет значения. Время загрузки делает.

Мобильные скорости различаются на каждые сто футов в некоторых областях, так что не то, чтобы какое-то количество xxxk всегда было идеальным.

Перейти на "как можно меньше".

Answer 5

Я бы порекомендовал вам изучить спецификацию HTML5 Cache Manifest, она позволяет вам определять набор ресурсов, которые браузер должен поддерживать в автономном режиме.Это как старомодный кеш браузера, но лучше, потому что он управляемый.

Для мобильных сайтов размер имеет значение, но гораздо важнее количество запросов, которые должен выполнить браузер.Вставьте как можно больше ваших изображений в css-файлы, потому что каждый запрос занимает время (по моему опыту - до 4000ms ping!), Объединяйте все javascript в один файл и отправляйте все сжатые gzip.хотите получить представление о том, что важно в разработке для мобильных устройств, возьмите калькулятор и рассчитайте время загрузки.Составьте 500 мс для каждого запроса и учтите время загрузки около 8-20 КиБ / с.Это не худший случай, но и не лучший.

Answer 6

Я бы сказал, попробуйте уменьшить вашу страницу до 100 КБ, потому что, если вам удастся это сделать, загрузка разных страниц в соответствии с запросом пользователя может быть незначительной.

Тем не менее, загрузка большого количества контента за раз и использование простого javascript show and hide, отображающего контент практически в реальном времени, может также впечатлить зрителя.