Feature phone что это

feature phone

Смотреть что такое «feature phone» в других словарях:

Feature phone — A feature phone A feature phone is a mobile phone that, like smartphones, combines the functions of a personal digital assistant (PDA) and a mobile phone. Today s models typically also serve as portable media players and camera phones with… … Wikipedia

Feature interaction problem — Feature interaction is a phenomenon that occurs when functionality of a system (typically consisting of hardware or software) is added or removed. The term feature is used to denote an abstract unit of functionality that a system provides, and… … Wikipedia

feature — Ⅰ. feature UK US /ˈfiːtʃər/ noun [C] ► something that makes a product, machine, or system different, and usually better, than others of a similar type: »The new smart phone has all the features of existing models, plus added extras. »innovative… … Financial and business terms

Feature group — Feature Groups in United States telephone jargon were switching arrangements between Local exchange carriers central offices to interexchange carriers.Such an arrangement allowed the LEC s end users to make (long distance) phone calls using the… … Wikipedia

Phone fraud — Whether in the form of the consumer attempting to defraud the telephone company, the telephone company attempting to defraud the consumer, or a third party attempting to defraud either of them, fraud has been a part of the telephone system almost … Wikipedia

Phone Losers of America — Infobox computer underground group name = Phone Losers of America caption = The PLA Logo origin = country = United States status = active years active = 1994 ndash;present category = e zine/phreaking/prank call founders = RBCP products = e zine… … Wikipedia

Nokia phone series — Nokia s nomenclature can be traced back since 2005, when the Nseries line was introduced.[1] Because of the demands and peak of that line, Nokia again introduced another series of phones named Eseries,[2] made mostly for the enterprise market.[3] … Wikipedia

Mobile phone — Cell Phone redirects here. For the film, see Cell Phone (film). Handphone redirects here. For the film, see Handphone (film) … Wikipedia

Mobile phone features — There are many mobile phone features found in today s mobile phones that offer users many more capabilities than only voice calls or text messaging. Contents 1 General features 2 Multi mode and multi band mobile phones 2.1 Challenges in producing … Wikipedia

Camera phone — For the song by The Game, see Camera Phone (song). See also: Mobile phone and Videophone The camera phone solution allows to instantly share pictures. As it s automatic and instant, the user does not have to use a cable or removable media to … Wikipedia

Cell phone novel — A cell phone novel, or mobile phone novel (Japanese: 携帯小説 keitai shousetsu; traditional Chinese: 手機小說 pinyin: shŏujī xiǎoshuō), is a literary work originally written on a cellular phone via text messaging. This type of literature originated in… … Wikipedia

Источник

feature phone

1 feature phone

2 feature phone

3 feature phone

См. также в других словарях:

Feature phone — A feature phone A feature phone is a mobile phone that, like smartphones, combines the functions of a personal digital assistant (PDA) and a mobile phone. Today s models typically also serve as portable media players and camera phones with… … Wikipedia

Feature interaction problem — Feature interaction is a phenomenon that occurs when functionality of a system (typically consisting of hardware or software) is added or removed. The term feature is used to denote an abstract unit of functionality that a system provides, and… … Wikipedia

feature — Ⅰ. feature UK US /ˈfiːtʃər/ noun [C] ► something that makes a product, machine, or system different, and usually better, than others of a similar type: »The new smart phone has all the features of existing models, plus added extras. »innovative… … Financial and business terms

Feature group — Feature Groups in United States telephone jargon were switching arrangements between Local exchange carriers central offices to interexchange carriers.Such an arrangement allowed the LEC s end users to make (long distance) phone calls using the… … Wikipedia

Phone fraud — Whether in the form of the consumer attempting to defraud the telephone company, the telephone company attempting to defraud the consumer, or a third party attempting to defraud either of them, fraud has been a part of the telephone system almost … Wikipedia

Phone Losers of America — Infobox computer underground group name = Phone Losers of America caption = The PLA Logo origin = country = United States status = active years active = 1994 ndash;present category = e zine/phreaking/prank call founders = RBCP products = e zine… … Wikipedia

Nokia phone series — Nokia s nomenclature can be traced back since 2005, when the Nseries line was introduced.[1] Because of the demands and peak of that line, Nokia again introduced another series of phones named Eseries,[2] made mostly for the enterprise market.[3] … Wikipedia

Mobile phone — Cell Phone redirects here. For the film, see Cell Phone (film). Handphone redirects here. For the film, see Handphone (film) … Wikipedia

Mobile phone features — There are many mobile phone features found in today s mobile phones that offer users many more capabilities than only voice calls or text messaging. Contents 1 General features 2 Multi mode and multi band mobile phones 2.1 Challenges in producing … Wikipedia

Camera phone — For the song by The Game, see Camera Phone (song). See also: Mobile phone and Videophone The camera phone solution allows to instantly share pictures. As it s automatic and instant, the user does not have to use a cable or removable media to … Wikipedia

Cell phone novel — A cell phone novel, or mobile phone novel (Japanese: 携帯小説 keitai shousetsu; traditional Chinese: 手機小說 pinyin: shŏujī xiǎoshuō), is a literary work originally written on a cellular phone via text messaging. This type of literature originated in… … Wikipedia

Источник

Feature phone – что это?

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Сегодня мы поговорим о нестандартном для 2018 года классе телефонов – фичерфонах. Будем разбираться, что это такое, что можно взять и какая разница между ним и обычной «звонилкой».

В качестве фичерфона мы возьмем Prestigio Grace A1, который нам был любезно предоставлен компанией Prestigio.

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

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

Типичный представитель фичерфона обладает следующими параметрами: небольшой дисплей (обычно до 2.5-3 дюймов), в нашем случае 2.8 дюйма, обычной клавиатурой для набора номера и сообщений, а также управления устройством и дополнительными возможностями. Данные устройства в первую очередь ориентированы на страны с низким доходом у населения и, разумеется для консервативно настроенных личностей.

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Фичерфон отличается от современных флагманов своим форматом, сами посмотрите на A1, он напоминает телефон 10-15 летней давности, когда в основном выходили только кнопочные аппараты, а о смартфонах и вовсе никто не знал.

Экран, разумеется, не сенсорный, в нашем случае аппарат имеет цветной дисплей, с разрешением всё стандартно – 320×240 пикселей. Зачастую в качестве матрицы использовалась TN, сейчас же все перешли на IPS, так как качество такой матрицы заметно лучше.

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Функциональные возможности фичерфона существенно уступают обычному смартфону. Как минимум у него нет многозадачной операционной системы в лице Android или же iOS, железо конечно же попроще, да и набор возможностей меньше. Многие фичерфоны обладают даже камерами, но правда они пригодны лишь для съемки селфи или документов, для большего они не годятся, так как разрешение невелико, в нашем случае 0.3 МП. Основной плюс аппаратов, подобных нашему заключается в том, что они потребляют очень небольшое количество энергии за счет небольшого экрана и непроизводительного чипа.

Но чем же фичерфон отличает от стандартного телефона?

По сути, фичерфон – это разновидность обычных кнопочных «звонилок», однако не все «звонилки» в свою очередь являются feature phone’ами.

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

И так, для того чтобы фичерфон можно было назвать фичерфоном, он должен обладать рядом параметров, которые мы вынесем в таблицу:

ПараметрыСтандартный фичерфонPrestigio Grace A1 (в качестве примера)
ЭкранЦветной экран от 2 дюймов с разрешение 320×240 пикселейЦветной с диагональю 2.8 дюймов и разрешением 320×240 пикселей
Связь3G и/или 4G с поддержкой интернет соединения по стандарту HSPA или LTEGSM 900/GSM 1800, интернет — GPRS
МультимедиаMP3, FM-радио, видео (в некоторых случаях)MP3, FM-радио
КамераТыловая с невысоким разрешением0.3 МП

Как итог, можно сказать, что Feature phone – это некий промежуточный вариант между смартфоном и «бабушкофоном» при этом стоящий весьма скромные деньги, обычно до 2-3х тысяч рублей. Если интересует фичерфон, то может присмотреться к аппаратам от компании Prestigio, они весьма неплохие за свои деньги.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Источник

Быстрая загрузка страниц на самых простых дешёвых телефонах

Если в основе сайта лежат технологии, ориентированные на обеспечение высокой скорости его работы, то от этого выиграют все — и владельцы простых дешёвых телефонов, и те, кто смотрит веб-страницы со свежих мощных смартфонов.

Обзор ситуации

Устройства, о которых мы говорим, feature phone, стоят недорого. Поэтому они обладают довольно-таки слабыми аппаратными возможностями. Так, в них используются медленные CPU (например, процессор дешёвого телефона может быть в 6 раз медленнее процессора топового смартфона). В них устанавливают совсем немного RAM (это может быть что-то в районе 256-512 Мб, обычно — меньше 4 Гб). То же самое касается и объёма встроенной памяти для хранения данных, который обычно не превышает 4 Гб. Такие телефоны часто не имеют сенсорных экранов. Вместо этого у них есть клавиатуры и простые джойстики, используемые для навигационных целей. На кдпв показано как может выглядеть подобный телефон.

Такие телефоны не могут выполнять JavaScript-код так же быстро, как продвинутые смартфоны. Им тяжело даётся вывод сайтов, содержащих большие объёмы медиаданных. Поэтому, готовя страницы, которые будут хорошо работать на таких телефонах, нужно ответственно подходить к вопросу наполнения этих страниц.

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Топ-10 современных смартфонов: производительность процессоров (первая половина 2019 года)

Выше показаны результаты исследования производительности 10 самых продаваемых смартфонов 2019 года. Это исследование проведено с помощью бенчмарка Geekbench 4. Здесь же, в верхней части, можно видеть и результаты теста популярного недорогого телефона — Nokia 3110.

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

Этот материал направлен на решение проблемы разработки сайтов для медленных устройств. Применение описываемых в нём методик позволяет создавать сайты, которыми удобно пользоваться всем — независимо от того, насколько высока производительность их телефонов.

Общие сведения

Возможно, вы помните об этом, возможно — нет, но телефоны, которые мы называем feature phone, были популярны до середины 2000-х годов, до прихода и широкого распространения смартфонов. Это были компактные устройства с клавиатурой вместо сенсорного экрана. Они обладали лишь базовым функционалом: выполнение звонков, отправка SMS, просмотр веб-сайтов, ориентированный на текстовое содержимое страниц. После появления смартфонов количество простых мобильных телефонов в развитых странах снизилось.

В развивающихся странах далеко не все могут позволить себе смартфон и неограниченный 4G-тариф. Этот рынок был захвачен устройствами, которые можно назвать «smart feature phone». В них сочетаются аппаратное обеспечение и цена простого мобильного телефона и некоторые возможности, характерные для смартфонов.

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Рынок дешёвых телефонов с возможностями смартфонов с 2017 года серьёзно вырос. Ожидается, что в 2019 году во всём мире будет продано около 400 миллионов подобных устройств.

Росту рынка недорогих телефонов способствовало то, что компания Nokia возродила свои старые популярные модели, вроде Nokia 3110 и 8110 (вот руководство по отладке веб-страниц на Nokia 8110 с KaiOS). В Индии телефоны Reliance Jio дают своим пользователям дешёвую, но современную возможность мобильного доступа к веб-ресурсам. Компания Jio способствовала развитию KaiOS — ОС, основанной на Linux и рассчитанной на простые доступные телефоны.

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

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Различные проекты, рассчитанные на недорогие телефоны

На предыдущем рисунке показаны экраны проектов Google Images Lite и Facebook mBasic. Эти проекты быстро загружаются на простых телефонах, они по-минимуму полагаются на возможности клиентских скриптов. Ещё один скриншот представляет игру Proxx, которая, хотя и сильно зависит от скриптов, использует, ради ускорения загрузки, агрессивное разделение кода.

Ограничения недорогих телефонов

Пользователи недорогих телефонов в развивающихся странах ограничены тремя факторами:

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Время загрузки страниц для 4G-устройств в Японии

Выше показано изображение из этого твита, где говорится о том, что в Японии в конце месяца страницы загружаются медленнее из-за ограничений тарифных планов.

Рекомендации по разработке сайтов

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

▍Устанавливайте ограничения на объём данных, передаваемых при первой загрузке сайта

По пути от сервера к клиенту каждый байт вашей страницы проходит через множество узких мест. Это — медленные и ненадёжные сети, это медленные процессоры. Единственный гарантированный способ повышения производительности страниц заключается в жёстком планировании их объёма и в выполнении (и даже перевыполнении) планов.

Цели, касающиеся производительности страниц, задаются теми ограничениями, которые принимает команда разработчиков, стремящаяся обеспечить достойную производительность своего проекта. Это — ограничения метрик, за пределы которых решено не выходить. Установка подобных ограничений на показатели, которые можно измерить, причём, установка ограничений, выполненная до начала работы, помогает команде обеспечивать нахождение производительности проекта в заданных рамках при добавлении в него новых возможностей.

Среди примеров ресурсных метрик, которые можно ограничить, можно отметить размер JavaScript-бандла, размер изображения в байтах, количество HTTP-запросов. Ограничения на метрики, влияющие на восприятие страниц пользователями, можно задать для таких показателей, как First contentful paint, Largest contentful paint или First input delay. Они позволяют оценить то, насколько быстро пользователь увидит страницу, и то, как скоро он сможет с ней взаимодействовать. Можно задать пороговые значения подобных показателей, основанные на особенностях целевой аудитории сайта.

Можно разработать систему ограничений, касающуюся собственного кода приложения, а также касающуюся сторонних скриптов и прочего подобного. Ограничения могут проверяться во время сборки проекта, с помощью Lighthouse (LightWallet), в системе непрерывной интеграции.

▍Пользуйтесь паттерном PRPL

PRPL — это паттерн, рекомендуемый командой разработчиков Chrome для организации поэтапной загрузки кода. Он рассчитан на то, чтобы приложения, использующие его, как можно быстрее становились бы интерактивными на дешёвых устройствах и в медленных сетях. Паттерн PRPL поощряет предварительную загрузку минимального объёма JS-кода, необходимого для того, чтобы со страницей можно было бы работать. Затем ресурсы загружаются с использованием методик ленивой загрузки. Если нужно — можно воспользоваться сервис-воркером для предварительного кэширования JavaScript-ресурсов, необходимых для будущих взаимодействий с сайтом.

Паттерн PRPL-50 устанавливает ограничение на объём первоначально загружаемых ресурсов, равное 50 Кб. Так как недорогие телефоны имеют весьма скромные аппаратные ресурсы, нужно установить ещё более жёсткие ограничения. Тут я посоветовал бы рассмотреть паттерн PRPL-30. 30 — это 30 Кб исходных ресурсов, это размер сжатого и минифицированного бандла, загружаемого при первой загрузке страницы.

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Пример распределения места в JS-бандле размером 30 Кб. Сюда входит логика приложения, код фреймворка, вспомогательных утилит и зависимостей сторонних разработчиков

При таком подходе первый байт материалов сайта от хорошего граничного кэширующего сервера, после завершения процедуры SSL-соединения, придёт на устройство примерно через 2 секунды. Это даёт нам 3 секунды на загрузку материалов исходного маршрута, на их вывод и на подготовку страницы к взаимодействию с пользователем. Для проектов, основанных на JavaScript, это означает, что общий размер минифицированного и сжатого бандла, загружаемого при первом выводе страницы, не должен превышать 30 Кб.

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Применение паттерна PRPL-30 даёт разработчику возможность вывести страницу в интерактивный режим на дешёвом телефоне примерно за 5 секунд

Возможно, кого-то это удивит: «О чём идёт речь? Исходный бандл размером 30 Кб? Странно. Я ведь даже React и код приложения в этот объём не умещу!» Надо отметить, что при разработке сайтов, рассчитанных на действительно слабые устройства, создателю проекта, ради удобства пользователей, придётся идти на непростые компромиссы. Например — для feature phone-сайтов можно применять React либо в том случае, если использование React будет ограничено серверным рендерингом (1), что звучит вполне здраво, либо если (2) фрагменты кода, содержащие логику приложения, будут очень и очень маленькими и при этом если при их подготовке будут применяться жесточайшие правила ленивой загрузки. Есть и третий вариант — выбрать облегчённый аналог React наподобие Preact (3). Подробнее о подобных компромиссах мы поговорим ниже.

В качестве примера приложения, созданного с использованием ограничения в 30 Кб, можно привести Proxx. Исходный набор данных проекта имеет размер 25 Кб, он отличается показателем TTI (Time To Interactive), который меньше 5 секунд. Вот калькулятор, который можно использовать для нахождения целевых показателей веб-проектов и для подбора собственных ограничений.

Рекомендуемый размер для маршрутов, загружаемых в ленивом режиме, не превышает 35 Кб. Но «фрагменты», размер которых находится в диапазоне 30-35 Кб, тоже достаточно велики для того, чтобы говорить об их параллельной обработке с помощью возможностей V8 по потоковой работе со скриптами.

▍Экономно пользуйтесь JavaScript-ресурсами

Если сказать об экономии JavaScript-ресурсов в двух словах, то окажется, что можно пользоваться статическим рендерингом или серверным рендерингом с минимальным привлечением клиентских скриптов. Если без клиентского или гибридного рендеринга совершенно невозможно обойтись, тогда на клиент следует отправлять лишь те скрипты, которые необходимы конкретному маршруту, причём делать это лучше за как можно меньшее количество сеансов передачи данных. Здесь можно рассмотреть такие техники, как прогрессивная подготовка страницы к работе в браузере.

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

JavaScript — это главное узкое место простых телефонов

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Ввод URL; загрузка результатов серверного рендеринга; загрузка JavaScript-кода, необходимого для приведения страницы в интерактивный режим; страница, готовая к взаимодействию с пользователем

Цена JavaScript складывается из двух показателей: из времени загрузки и времени выполнения кода. Медленная сеть (например — стабильное 3G-соединение) может увеличить время загрузки JS. Медленный процессор увеличит время, необходимое на выполнение скрипта. На следующем рисунке показано время, необходимое различным устройствам на обработку JavaScript-кода популярного ресурса reddit.com. Несложно заметить то, что у медленного устройства (Alcatel 1X 5059D) это занимает в 6 раз больше времени, чем у быстрого (Pixel 3).

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Время, необходимое разным устройствам для обработки JS-кода популярного сайта

Если рендеринг страницы или процесс её вывода в интерактивный режим серьёзно зависит от JavaScript, это может привести к тому, что пользователю недорогого телефона придётся ждать 30-60 секунд только для того, чтобы получить возможность работать с пользовательским интерфейсом. В результате для того чтобы минимизировать время, необходимое на загрузку и обработку JavaScript, разработчик должен пользоваться скриптами экономно и загружать код только для тех маршрутов и компонентов, которые могут понадобиться пользователю. Делать это нужно тогда, когда в соответствующем коде возникнет необходимость.

Стремитесь к минимизации объёмов кода, необходимого для вывода страницы в интерактивный режим

Вот несколько советов, которые помогут минимизировать объёмы кода, который нужен для обеспечения интерактивных возможностей страниц:

▍Вдумчиво подходите к выбору стека используемых технологий

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Фреймворк и утилиты

В то время как использование сторонних библиотек позволяет ускорить разработку и упростить решение сложных задач, библиотеки могут иметь немалый размер. Ими, при разработке проектов, рассчитанных на слабые устройства, стоит пользоваться с осторожностью. Вот несколько рекомендаций, касающихся использования внешних зависимостей:

▍Адаптируйте материалы сайта для того, чтобы не загружать объёмные ресурсы на медленных соединениях

Сразу же хочу посоветовать вам взглянуть на этот материал, посвящённый адаптации ресурсов в расчёте на слабые устройства.

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Адаптивная загрузка ресурсов, зависящая от скорости сетевого соединения

Адаптивная загрузка ресурсов — это методика «адаптации» материалов, передаваемых пользователю, на основе сведений об эффективном типе соединения (effective connection type, ECT), доступных браузеру через API Network Information. Вот как выглядит работа с этим API:

Адаптивная загрузка позволяет сайтам сделать так, чтобы пользователи, работающие на медленных соединениях, могли бы получить почти такие же ощущения от взаимодействия с ресурсами, что и пользователи, которым доступны более быстрые сети. Возможно, на «медленном» варианте сайта всё будет не так красиво, как на «быстром», но это — приемлемая плата за хорошую производительность.

Обратите внимание на то, что даже на «быстром» 4G-соединении пользователи могут сталкиваться с невысокими скоростями передачи данных. Возможно, вы встречались с чем-то подобным, пользуясь WiFi-интернетом в ресторане или на какой-нибудь конференции.

Рассмотрим конкретный пример использования адаптивной загрузки материалов. Речь пойдёт о компоненте, представляющем на сайте некий товар. Пользователь, работающий на медленном соединении, увидит сжатую версию изображения товара. А тот, кто выходит в интернет на высокой скорости, увидит высококачественное изображение, и, кроме того, сможет пользоваться дополнительными возможностями, для реализации которых нужно немало JavaScript-кода. Например — это возможности по увеличению изображения товара, или по просмотру, в режиме «карусели», различных фотографий товара.

В случае с дешёвыми телефонами медленная сеть не обязательно является главным препятствием к отправке на них объёмных ресурсов. На впечатления пользователя от работы с сайтом, скорее всего, повлияют медленный процессор и низкий объём памяти — даже в том случае, если устройство подключено к достаточно быстрой 4G-сети. Хотя у веб-разработчиков пока нет доступа к подробным сведениям о процессоре, клиентские подсказки дают приблизительные сведения о памяти устройства, о ширине и о пиксельной плотности экрана, о сети и о некоторых других вещах. Эти сведения могут быть использованы для разработки более точной стратегии доставки клиенту оптимизированных данных.

▍Уважительно относитесь к тарифному плану пользователя, учитывая содержимое заголовка Save-Data

В браузере Chrome для Android есть особая опция, включающая экономию данных. Она позволяет пользователям, которым важна экономия трафика, работать в режиме, в котором браузер автоматически оптимизирует ресурсы, стремясь ускорить загрузку страниц. Оптимизация включает в себя более сильное, чем обычно, сжатие изображений, откладывание загрузки ресурсов, не являющихся критически важными, генерирование на сервере изображений для предварительного просмотра страниц. Вот материал, в котором можно найти подробности об этом.

Когда пользователи включают режим экономии данных в браузерах, которые этот режим поддерживают, браузеры присоединяют к HTTP- и HTTPS-запросам заголовок Save-Data. Разработчик веб-проекта может, средствами JavaScript, проверить, имеется ли в запросе подобный заголовок и, если это так, может отдать пользователю оптимизированный вариант материалов сайта. В результате оказывается, что пользователь намеренно отказывается от «тяжёлых» возможностей, а разработчик просто исполняет его желание. Для проверки наличия в запросе заголовка Save-Data можно использовать примерно такой код:

Вот как выглядит работа с облегчённой версией страницы.

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Облегчённая версия страницы, подготовленная Google

Обратите внимание на то, что хотя простой дешёвый телефон и может поддерживать Chrome, это ещё не гарантирует доступности в браузере режима экономии данных. Лучше всего считать эту возможность чем-то вроде дополнительного необязательного функционала некоторых браузеров.

▍Выносите в веб-воркеры ресурсозатратную логику и механизмы управления состоянием приложений

Вот хороший материал, в котором можно найти советы по ускорению загрузки веб-приложений на слабых телефонах.

Главный поток браузера, помимо выполнения JavaScript, занят и другими важными делами. Это — формирование макета страницы, вывод пикселей на экран, обеспечение взаимодействия пользователя со страницей. Длительные, сложные JavaScript-операции могут заблокировать главный поток, а значит — помешать работе страницы.

Веб-воркеры позволяют выполнять JavaScript-код в «фоновом» режиме и не блокировать главный поток. Их следует использовать для того, чтобы снимать с главного потока нагрузку, создаваемую «тяжёлыми» JavaScript-операциями. Среди них — сложная логика веб-приложений и управление их состоянием. Главный поток и поток воркера обмениваются информацией с использованием функции postMessage() и обработчика событий onmessage. Функция postMessage() позволяет отправителю отправлять получателю некое значение, которое может быть, например, JavaScript-объектом. Существуют библиотеки, вроде Comlink, которые упрощают использование веб-воркеров.

Вот материал, где исследуется работа проекта Proxx с использованием потоков воркеров и без них. В ходе исследования было выяснено, что без использования воркеров приложение, выполняющее определённую операцию, «замораживается» на телефоне Nokia 2 (1 Гб памяти, четырёхъядерный процессор с частотой 1.3 ГГц) на 6.6 секунд. В тех же условиях, но с использованием воркера, время реакции системы составляет всего 48 мс. В результате, если у вас имеется код, требующий серьёзных процессорных ресурсов, вам стоит подумать о том, улучшит ли ситуацию его перенос в веб-воркер.

▍Оптимизируйте изображения

На изображения часто приходится очень большой объём данных, связанных с веб-страницами. Изображения, при этом, нужно не только загрузить. Их ещё нужно декодировать, подготовить к выводу, а это может сильно нагрузить маломощное устройство. В результате для разработки сайтов, рассчитанных на слабые телефоны, важно стремиться к тому, чтобы изображения, используемые на этих сайтах, имели бы подходящие размеры и были бы соответствующим образом сжаты. Вот несколько рекомендаций по поводу оптимизации изображений:

▍Отдавайте клиенту ресурсы, соответствующие размерам экрана устройства

Многие современные устройства, которые можно отнести к классу «smart feature phone», имеют QVGA-экраны с разрешением 320×240 пикселей, соответственно, по горизонтали и по вертикали. Если вам нужно выяснить размер экрана устройства при загрузке страницы (например — чтобы использовать некие оптимизации) — можете воспользоваться примерно таким фрагментом кода:

Похожий подход используется и в проекте Proxx.

▍Тестируйте сайты на реальных устройствах или в эмуляторе

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Недорогой телефон для тестирования сайтов на KaiOS

Если вы хотите эмулировать подобный телефон (например — нечто вроде телефона Jio, работающего на KaiOS), для этого можно воспользоваться инструментами разработчика Chrome:

Feature phone что это. Смотреть фото Feature phone что это. Смотреть картинку Feature phone что это. Картинка про Feature phone что это. Фото Feature phone что это

Настройка нового устройства в инструментах разработчика Chrome

Итоги

Можно создавать сайты, с которыми удобно будет работать абсолютно всем мобильным пользователям, независимо от того, где они живут. Но для этого разработчику требуется приложить определённые усилия, так как мобильные устройства разных ценовых категорий очень сильно отличаются друг от друга.

Чем доступнее телефон — тем выше вероятность того, что в нём может использоваться медленный процессор. Производительность JavaScript-сайтов зависит от скорости загрузки кода и от скорости его выполнения. Это стоит учитывать тем, кто стремится создавать сайты, хорошо работающие на любых устройствах и в любых сетях.

Всё то, о чём мы говорили выше, имеет значение для смартфонов, но ещё большее значение всё это имеет для недорогих простых телефонов, для устройств класса «feature phone», которые весьма популярны в развивающихся странах.

Уважаемые читатели! Оптимизируете ли вы свои веб-проекты в расчёте на слабые мобильные устройства?

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *