Советы по оптимизации веб-сайта для Android-браузера?

Ответ 1

Я полагаюсь на два элемента для оптимизации сайтов для мобильных браузеров (особенно Android и iPhone):

Метатеги: HandheldFriendly и viewport

Обычно я хочу, чтобы страницы не имели ширины страницы от 800 до 900 пикселей, так как браузеры Android и iPhone устанавливали ее по умолчанию. Чтобы ширина страницы была такой же, как ширина устройства, я устанавливаю следующие метатеги:

<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />

Запросы мультимедиа CSS

Я адаптирую дизайн к ширине страницы. Например, наличие двух столбцов для больших экранов и 1 столбец для небольших экранов и печати. Таким образом, я включаю в основной основной css файл дальнейший css-include со средствами массовой информации:

@import url(style-screen.css) screen;
@import url(style-small.css) print, handheld;
@import url(style-large.css) screen and (min-width: 801px);
@import url(style-small.css) screen and (max-width: 800px);

Ответ 2

Я обнаружил, что для добавления этих двух метатег на мой сайт было много:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="HandheldFriendly" content="True" />

Здесь больше информации о них: http://learnthemobileweb.com/2009/07/mobile-meta-tags/

Ответ 3

В отношении jQuery существует версия, оптимизированная для мобильных браузеров: http://jquerymobile.com/

Ответ 4

dev.opera имеет некоторые статьи, но не для Android, но для мобильных веб-сайтов в целом. Например:

Создание небольших устройств отлично смотрится

Разработка и разработка мобильных веб-сайтов в реальном мире

Ответ 5

Как и все мобильные веб-страницы, все, что можно сделать, как мухомор, как вы можете.

Ответ 6

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