Авторизация:
Имя:

Пароль:

Поиск по сайту:

Поделиться:

Подписка на новости

Введите Ваш email:


Разделы:

рейтинг статьи: 4/5; голосов: 1; комментариев: 0

Главная > Все о SEO > Как повысить скорость сайта для загрузки на мобильные устройства

19.05.2015

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

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

скорость загрузки сайта

Оптимизация изображений сайта для мобильных устройств

Если верить HTTP Archive, то 60% содержимого страницы сайта состоит из картинок, именно поэтому стоит начать с оптимизации именно их. Для стационарных компьютеров размер картинки не сильно критичен, а вот для мобильных устройств он очень важен, так как скорость мобильного интернета гораздо ниже и цены на него выше.
Чем больше картинку вы пересылаете, тем дольше будет грузиться сайт и вся его страница, тем хуже показатели скорости загрузки сайта. Поэтому не стоит передавать на мобильные устройства картинки размером 1600 пикселей. Лучшим вариантом для оптимизации изображения для мобильных устройств – это создать меньшего размера картинки специально для мобильных пользователей. Подмену изображений для них нужно делать при помощи медиа-запросов.

Ниже представлен скриншот с примером правильного использования медиа-запроса:

медиа запрос в CSS

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

 

Отказываемся от jQuery

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

Пример. Все кто работал с AdSense от Гугл, видел на главной странице результаты теста PageSpeed Insights для вашего сайта. Если сайт использует библиотеку jQuery, то в результатах красным цветов будет отмечено «Исправить обязательно: Удалите код JavaScript, препятствующий отображению», где будет значиться именно эта библиотека. Смотрите на скриншот:

тест PageSpeed Insights для мобильных устройств

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

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

 

Настройка кэширования страницы

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

Кэширование страницы является эффективным способом повысить скорость загрузки страницы. На него стоит обратить особое внимание.

 

Старайтесь не применять анимацию gif

На сегодня gif анимацию относят к атавизму, прошлому веку. На современных мобильных устройствах установлены браузеры, способные поддерживать формат HTML 5, в который заложена возможность воспроизводить собственное видео. Микроклипы в формате HTML 5 менее «тяжелые» и не ограничены в цветовой гамме, что не скажешь об gif-анимации. Так зачем продолжать вставлять на страницы сайта gif-анимацию?! Использование современных технологий, коими является HTML 5, вы ускорите загрузку сайта, и сможете донести до мобильных пользователей анимацию.

 

В качестве вывода

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

  1. Оптимизация изображений
  2. Кэширование сайта
  3. Отказ от gif-анимации
  4. Отказ от Java

Раздел: Все о SEO

Читайте также:


Алгоритм mobile friendly от Google
Как сделать сайт mobile friendly. Советы от Google
Несколько фактов о новом алгоритме mobile friendly

1318

Оцените статью:

1 2 3 4 5
рейтинг: 4/5; голосов: 1

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