сайт оптимизированный для телефона

Телефон без тормозов: как значительно ускорить работу смартфона

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

И хотя все “иллюстрации” будут приведены для Android, но в большинстве своем все они актуальны и для других мобильных операционных систем.

Освобождаем место для системы

Для начала обратите внимание на то, сколько у вашего телефона осталось свободной памяти. Это можно сделать, зайдя в «Настройки» и там перейдя в «Хранилище». Для корректной работы системы необходимо иметь небольшой запас дискового хранилища. Если же места нет, то система пытается его выделить, освобождая свои резервы. А на это уходит то самое дополнительное время, которое мы с вами и наблюдаем, как «тормоза». Я рекомендую следить, чтобы было свободно не менее 5 Гб памяти. Чем больше, тем лучше.

Здесь мы встречаемся с первой важной проблемой, где же это место найти. Ведь все в нашем телефоне нам нужно.

Помогая ускорить работу устройств своим родителям и знакомым, я заметил много абсолютно одинаковых фотографий, сделанных «на всякий случай». Иногда бывают видеоролики, которые нужны были в моменте, а теперь просто лежат пустым грузом. Благодаря таким файлам можно высвободить иногда даже очень внушительное по объему пространство.

Ну и не забываем о возможности перекинуть данные в облако или на внешний хранитель (карту памяти, флешку или жесткий диск).

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

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

Здесь будьте внимательны! Удалять нужно само приложение, а не иконку на заглавном экране (проверить это можно через меню «Настройки» — «Приложения»).

Бывает и такое, что некоторые программы удалить нельзя в принципе. Тогда постарайтесь их хотя бы “отключить”. Эту функцию они сами предлагают вместо удаления.

Режим энергосбережения

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

Виджеты

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

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

Очищаем кэш браузера и системы

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

Для начала выполним очистку в браузере. Для этого в настройках перейдем – «История» — «Очистить историю» и там нажать “Удалить данные”. За непосредственно кэш отвечает третья галочка сверху.

У приложений тоже скапливается подобный мусор, но его очистить немного сложнее. Например, в телефонах Xiaomi нужно зайти в раздел «Хранилище» — «Данные кэша» и согласится на его очистку. У других производителей для этих целей имеются специальные, вшитые в систему программы. У Самсунг, например, это «Обслуживание устройства», а у менее известных брендов «Менеджер хранилища».

Также эту функцию можно осуществить из системного меню, зажав при старте аппарата громкость вверх и кнопку включения. Там нужно войти в меню «Recovery» и выполнить функцию «Wipe Cache» и выбрать «Yes». Больше там ничего там не трогайте!

Еще один способ очистки

Эти же действия можно осуществить и установив специальные приложения из Play Market, например, «One Booster», «Booster Master» и «Ant Booster». Подобных приложений целая куча.

Однако, через системные функции будет намного надежнее. После оптимизации обязательно удалите все эти “бустеры”, так как ресурсы они жрут будь здоров. То есть, установили — почистили- удалили.

Промежуточные итоги

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

Данная процедура лично у меня занимает от 3 до 5 минут, после чего даже старенькие телефоны родителей начинают “бегать” заметно шустрее.

Далее рекомендуется выключить и включить телефон снова. Обратите внимание! Не перезагрузить, а именно выключить, а затем включить. Это очень разные процессы и только полное отключение позволяет очистить служебные области памяти.

Визуальное обнаружение «тяжелых» программ

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

Автозагрузка

Также у некоторых смартфонов есть встроенный редактор автозагрузки приложений. Ну или его можно также на один раз установить из магазина приложений. Для примера можно привести «Boot Apps» или «Auto Start Manager». Таких программ тоже очень много.

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

Системное ограничение числа фоновых процессов

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

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

Однако у тех же смартфонов Xiaomi я нашел интересную функцию, позволяющую выгружать некоторые приложения из памяти. Это полезно, так как на социальные сети можно поставить запрет, а, например, на тайм киллер — нет.

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

Альтернативная память для системы

Еще один интересный прием пригодится, если вы купили актуальный, но достаточно бюджетный “китайский” телефон для своих родителей или ребенка. У меня вот как раз такой случай. Проблема тут заключается в том, что обычно в них экономят на всем, включая даже системную память. То есть она тут банально очень медленная. Но решение есть. Достаточно установить в такой смартфон любую современную карту памяти и назначить ее системной.

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

Без подобного финта мой старый XGODY буквально ходил пешком, теперь же им вполне можно пользоваться.

Если ничего не помогло

Однако бывают ситуации, когда даже эти методы оказываются неэффективными. В этом случае поможет полный сброс устройства до заводских настроек. Обычно эта функция находится в «Настройки» — «Система» — «Сброс настроек». Предварительно обязательно сохраните все важные вам данные в облако, на флешку или в любое другое место, поскольку все это будет принудительно удалено. Сам я обычно делаю бэкап системы и переношу папку с ним на компьютер, чтобы после процесса очистки снова развернуть на систему. Но это лучше придержать на совсем уж крайний случай.

Послесловие

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

Источник

Как оптимизировать сайт для мобильных: 14 правил мобилопригодного сайта

По уровню материал близок к основам, поэтому будет полезен начинающим специалистам.

В статье:

Мобилопригодным считается сайт, на котором пользователю удобно работать с мобильных устройств. Как показывает исследование PwC от 2019 года, 79% россиян покупают онлайн с мобильных.

В 2020 году мобилопригодность — обязательное требование к сайтам, оптимизируете вы ресурс для Яндекса или для Google. Учитывать мобилопригодность страниц в ранжировании Яндекс начал с февраля 2015 года, когда ввел алгоритм «Владивосток». Google начал тестировать Mobile-first index в 2016, а до конца 2020 обещает перевести на него все сайты. Этот индекс подразумевает, что независимо от устройства выдача будет мобильной.

По словам представителя Google Джон Мюллера, перевод сайта в Mobile-first index зависит от факторов:

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

Выбор адаптивного шаблона сайта

Для придания сайта мобильной адаптивности используют один из вариантов: мобильную версию, адаптивную или динамическую верстку — RESS (Responsive Design + Server Side).

Мобильная версия

Это отдельный сайт на поддомене. Сервер учитывает user-agent устройства пользователя, определяет, что тот зашел со смартфона, и перенаправляет на версию для мобильного просмотра. К URL-адресу в начало обычно добавляется «m.».

Основная и мобильная версии поисковыми роботами воспринимаются и индексируются отдельно. На страницах основного сайта должны быть указаны URL мобильной версии, к примеру, с помощью link:

Мобильная и полная версия на смартфоне

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

Минусы: придется оптимизировать и администрировать версии отдельно, тратить больше ресурсов, настраивать редиректы. Разработка мобильной версии стоит дороже адаптива.

Адаптивная верстка

Сайт один, интерфейс подстраивается под разрешение экрана гаджета, для всех устройств один URL. Область просмотра контента устанавливают тегом Viewport:

Если не установить тег, вся десктопная область просмотра уменьшится в масштабе и уместится на экране.

Версия без адаптации и с адаптацией для мобильного

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

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

Технология адаптирования сайта для мобильного на стороне сервера. В зависимости от типа устройства сервер отправляет пользователю один из вариантов кода HTML и CSS.

Отображение сайта со смартфона

Плюсы: возможность облегчить код для мобильного, настройка разных предложений для разных устройств, к примеру, пользователям на Android можно предложить установить приложение из Google Play.

Минусы: проблемы с непопулярными моделями гаджетов, реализация дороже и сложнее. Веб-мастера часто выводят и мобильный, и десктопный шаблоны в коде и закрывают ненужную версию «display: none». Это ошибка, из-за которой загрузка станет медленнее, а бот может некорректно отображать сайт.

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

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

Чек-лист оптимизации сайта под мобильные устройства

Скачайте краткий чек-лист на свой на компьютер или скопируйте в Google Docs, чтобы отмечать выполнение в своем файле.

Пункты из чек-листа с пояснениями и примерами:

1. Реализация отображения на мобильных

У вашего сайта должен быть реализован удобный просмотр на мобильных. Способ выберите в зависимости от ресурсов и потребностей. Для мобильной версии указывают URL в коде основных страниц, для адаптивного шаблона устанавливают область просмотра тегом Viewport.

2. Сайт доступен для роботов

Сделать ресурс доступным для индексирующих роботов нужно в файле robots.txt. Разрешите сканирование CSS и JavaScript, от них зависит, будет ли сайт корректно отображаться на мобильных.

3. Ответ 200 ОК

Если сервер отправляет ответ с HTTP-кодом 200 OK, значит со страницей все в порядке: она доступна для просмотра и корректно отображается в выдаче.

Проверить коды ответов сервера и найти ошибки можно с помощью проверки внутренних страниц в Анализе сайта.

Проверка внутренних страниц

4. Поддержка всех технологий

Нет Flash-элементов, Java-апплетов и Silverlight-плагинов — эти технологии тормозят загрузку и могут не поддерживаться на мобильных, поэтому рекомендуем отключить их и встраивать контент с помощью HTML5. Тяжелый интерактив нужно облегчить или отказаться от него ради быстрой загрузки.

5. Быстрая загрузка

Пользователи с мобильных устройств могут подождать на пару секунд дольше, чем с десктопа, но чем быстрее загрузится страница, тем меньше вероятность, что ее закроют. Поисковые системы тоже не любят медленные сайты, к примеру, из-за алгоритма Google Speed Update сайты с медленной загрузкой теряют позиции в выдаче.

Сколько секунд должен загружаться сайт?
Конкретных лимитов нет, скорость загрузки сайта зависит и от скорости интернета, поэтому у разных пользователей она может несколько различаться. Джон Мюллер из Google в 2016 году называл около 2-3 секунд для ориентира.

Проверить скорость загрузки можно инструментом «Проверка скорости сайта», он посчитает скорость и даст советы по оптимизации.

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

6. Отдельный фавикон

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

Размеры фавиконов и коды для установки есть в руководстве.

Иконки сайтов на экране смартфона

7. Только вертикальная прокрутка

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

8. Крупные значки

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

Крупные элементы на сайте

9. Крупный шрифт

Мелкий шрифт читать неудобно — приходится масштабировать страницу, чтобы не напрягать зрение. Сделайте шрифт крупным, увеличьте высоту строки пропорционально размеру шрифта — около 140% от кегля текста. Для просмотра с устройств на iOS для обычного текста рекомендуют размер 17pt, для Android — 13sp. Исследование Baymard Institute показывает, что оптимальная длина строки — 50-60 символов с пробелами. Ориентируйтесь на аудиторию, если ваши пользователи — люди пенсионного возраста, им будет удобно читать текст покрупнее.м

Текст на странице с рецептами

10. Контрастный текст

Для текста рекомендуем подбирать не строго контрастные цвета: от темного-серого текста на белом фоне глаза устают меньше, чем от черного на белом. Инструмент Color Contrast Checker поможет подобрать сочетание цветов текста и фона.

Фрагмент работы с инструментом

11. Всплывающие окна не закрывают контент

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

Иконки мессенджеров убраны под панель

12. Упрощенная регистрация

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

Быстрая регистрация

13. Использование геоданных

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

Автозаполнение города

14. Упрощенная связь с компанией

Копировать номера телефонов и переписываться в чате сайта неудобно. Настройте быстрый доступ к чату с переходом в удобный пользователю мессенджер и сделайте номер телефона активным, чтобы по тапу на него пользователю оставалось только тапнуть на вызов. Это настраивают с помощью кода:

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

Экспорт номера телефона в журнал вызовов

Как проверить мобилопригодность: бесплатные инструменты

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

Инструмент от Google, проверяющий оптимизацию сайта для мобильных устройств.

Фрагмент результатов проверки

Проверить сайт можно прямо в SERP: если ввести в поисковик «mobile friendly», появится поле для ввода адреса сайта.

Проверка в SERP

Анализ сайта от PR-CY проверяет ресурс по более 70 параметрам, включая и мобилопригодность. К каждому пункту проверки дает пояснение и совет. Для проверки оптимизации хватит функциональности бесплатной версии.

Фрагмент результатов проверки

Вебмастер Яндекса тоже предлагает проверку на мобилопригодность и выводит краткий список необходимых параметров.

Фрагмент результатов проверки

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

Источник

Рекомендации по созданию сайтов, оптимизированных для смартфонов

Уровень подготовки веб-мастера: любой

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

Советы по разработке сайтов

Ниже приведены краткие рекомендации, более подробную информацию можно найти здесь. Как мы недавно сообщали, этот сайт доступен теперь и на русском.
В случае с сайтами, предназначенными для смартфонов, Google поддерживает три различных конфигурации:
1. Сайты с адаптивным веб-дизайном. Подразумевается, что на разных устройствах открываются одни и те же URL. Код HTML при этом не меняется, а адаптация страницы к определенной платформе обеспечивается за счет CSS. Google рекомендует использовать эту конфигурацию.
2. Сайты, которые на любых платформах задействуют один и тот же набор URL, но при этом обычным компьютерам и мобильным устройствам динамически предоставляется разный код HTML и CSS.
3. Контент для различных устройств размещается на отдельных сайтах.

Источник