Размер мобильной веб-страницы - PullRequest
0 голосов
/ 08 апреля 2010

У меня есть разработчик, который разрабатывает финансовое приложение для использования на мобильном телефоне через браузер телефона.Теперь каждая страница имеет размер 150 КБ, что, на мой взгляд, является большим.Изображения не используются, так как это в основном кнопки HTML, CSS и, возможно, JavaScript.Как я могу минимизировать размер страницы?

Ответы [ 4 ]

1 голос
/ 08 апреля 2010

minify ваш js / css / html.Если это не помогает, вам нужно будет реструктурировать свои страницы, чтобы показывать меньше информации, так как вы сказали, что изображений нет, поэтому вы не можете провести какую-либо оптимизацию на этом фронте

0 голосов
/ 04 января 2013

Это проблема, которую я сейчас решаю, и я могу сказать вам, что вам обязательно понравится книга Высокопроизводительные веб-сайты Стива Соудерса.

Первое, что вы обнаружите в книге, это то, что вы должны делать меньше HTTP-запросов, и один из способов сделать это - поместить изображения в так называемые «спрайты» (хотя вы сказали, что ваш дизайнер не использует много изображений, это все равно поможет вытолкнуть эти несколько изображений в спрайты).

Для этого вам понадобится какой-нибудь инструмент (потому что делать это вручную - пустая трата времени), и для этого я использовал компас и книгу Прагматическое руководство по SASS Это было великолепно для этой темы (она идет прямо к делу и показывает, как использовать компас для создания спрайтов - также, держу пари, что, попробовав SASS, вы никогда не вернетесь к vanilla css).

Кроме того, как упоминал Midhat, вы должны минимизировать свой js / css / html, но, кроме того, вы должны поместить весь свой js-файл в один файл (сокращение HTTP-запросов, которые должен сделать браузер), весь ваш css-код в один файл CSS. Кроме того, вы должны поместить таблицы стилей вверху страницы, а скрипты внизу. В любом случае, несколько вещей, которые я перечислил, и всего 14 правил вы найдете в книге Стива. так что попробуйте, вы не будете разочарованы.

0 голосов
/ 08 апреля 2010

Основные вещи уже были сказаны, но я бы добавил это:
Очистите HTML-разметку.Убедитесь, что нет ненужных вложенных тегов, элементов div и т. Д.Это также помогает JavaScript быстрее обрабатываться, когда DOM легче.

0 голосов
/ 08 апреля 2010

Включите сжатие HTML на своих серверах, если это еще не сделано.

Какое программное обеспечение установлено на ваших целевых телефонах? Если у них есть способные браузеры, вы можете уменьшить вес, отправив соответствующие данные в форме JSON, а затем с помощью Javascript отобразить соответствующий HTML. Если мы говорим о Mobile IE ... может быть, а может и нет.

И, как говорили другие, используйте минификацию.

На более высоком уровне вы уверены, что вам нужно столько данных на страницу? В мобильном браузере будет сложно ориентироваться.

...