Общие методы повышения производительности мобильного интернета

Question

Я в процессе ускорения воспринимаемого времени загрузки веб-сайта, специально предназначенного для мобильных платформ (iPhone, в первую очередь, Android, во-вторых, кто заботится обо всем остальном ...) Я уже пробовал несколько общих методов ускорения времени загрузки для обычных веб-сайтов, но мне было интересно, есть ли у кого-то конкретные указатели на производительность мобильного Интернета.

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

Например, я слышал, что iPhone будет только кэш файлов меньше, чем 25k, так что иногда расщеплению скрипт/файл в 25K куски могут дать общее повышение, так как теперь они могут кэшировать даже если это вызвало дополнительные соединения, чтобы быть сделал. Любые другие идеи, подобные этому, будут высоко оценены.

Кроме того, кто-нибудь знает хороший инструмент, чтобы проверить время загрузки в Iphone?)

Answer 1

Хорошо, вот некоторые измерительные инструменты для вас ...

мобильный букмарклет

Steve Соудерс - http://stevesouders.com/mobileperf/mobileperfbkm.php (немного ограничен по его синхронизации фронт, но есть много интересных других функций)

IOS приложение Стоян Стефанов в для изучения загрузки страницы - http://calendar.perfplanet.com/2011/i-see-http/ (очень новый, поэтому не уверен в его ограничениях)

3P Mobile имеет свой браузер iOS в бета-версии, в которой производятся водопады - версия для Android была очень хорошей.

Насколько оптимизация идет ...

Мобильный кэш может быть небольшой, но вы по-прежнему иметь доступ к LocalStorage т.е. включать CSS/JS инлайн и извлечь и сохранить в локальном хранилище - Bing делает это мобильный.

DataURIs еще один способ снижения запросов, но, конечно, пользователь теряет возможность отключить изображения

Убедитесь, что вы хорошо использовать Keep-Alive и подключение конвейерная - расщепление между несколькими именами хостов могут получить в пути поэтому будьте осторожны, если вы это сделаете.

Кэширование сильно варьируется между разными телефонами, версии ОС видели, что в нем недавно появилась статья, если я смогу найти ее снова.

Answer 2

Yahoo! имеет nice page about how to squeeze the most performance с вашего сайта.

У них также есть Firefox plugin (YSlow), который автоматически проверяет, следует ли ваш сайт следовать им и предлагать улучшения. Этот плагин охватывает также проблемы с производительностью, которые могут повлиять на мобильные браузеры.

Answer 3

Я хотел бы ответить на ваш звонок для мобильного веб-сайта профилирование инструмента - WebDevTools:

https://play.google.com/store/apps/details?id=com.voltcode.webdevtools

отказ от ответственности - Я связан с компанией, которая выпустила эту программу

В то время как не будучи нацеленным на iphones, вы можете определенно протестировать различные модели Android и получить время загрузки. Из моего опыта, IPhone 4 + будет загружать страницы такой же или лучше, чем HTC Desire и похожи - как в общей скорости, но и в HTTP параллельности и т.д.

Answer 4

Проверить это тестирование решения:

Учебник: Загружается ли ваш сайт за 3 секунды?

http://blog.testobject.com/2013/09/does-your-website-load-in-3-seconds.html