Общие правила оптимизации мобильных приложений такие же, как и для настольных сайтов. Тем не менее, есть ряд дополнительных рекомендаций, которые позволят сделать мобильную версию более быстрой.
Render-blocking элементы – это любые внешние Javascript и CSS файлы, которые загружаются обычным образом (не асинхронно):
Браузер вынужден дожидаться ответа от таких ресурсов перед тем, как показать страницу пользователю. Используйте асинхронную загрузку Javascript и CSS.
Не используйте Flash и апплеты, многие мобильные браузеры их не поддерживают. HTML5 содержит все что нужно для работы с медиа форматами.
Используйте viewport для настройки ширины экрана под мобильные устройства:
Убедитесь, что размер текста соответствует размеру дисплея. Он не должен быть слишком мелким, чтобы его можно было читать на мобильном устройстве.
[ad]
Размеры элементов управления должны быть достаточно велики, чтобы на них можно было нажать на tap-устройствах.
Проведите анализ с помощью Google Pagespeed для получения рекомендаций относительно мобильной версии Вашего сайта.
Сегодня мы поговорим о том, как выбрать лучшие курсы Power BI в Украине, особенно для…
В 2023 году во всех крупнейших регионах конкуренция за вакансию выросла на 5–12%. Не исключением…
Unicorn Hunter/Talent Manager Лина Калиш создала бесплатный трекер поиска работы в Notion, систематизирующий все этапы…
Edtech-стартап Mate academy принял решение отправить своих работников в десятидневный отпуск – с 25 декабря…
Служба безопасности Украины задержала в Киеве 46-летнего программиста, который за деньги устанавливал шпионские программы и…
IT-специалист Джордан Катлер создал и выложил на Github подборку разнообразных ресурсов, которые помогут достичь уровня…