Регистрация / Вход
Прислать материал

Адаптивный метод оптимизации веб-сайта

Сведения об участнике
ФИО
Шестакова Ксения Владимировна
Вуз
Федеральное государственное бюджетное образовательное учреждение высшего образования «Алтайский государственный педагогический университет»
Тезисы (информация о проекте)
Область наук
Информационные технологии и вычислительные системы
Раздел области наук
Информационные технологии
Тема
Адаптивный метод оптимизации веб-сайта
Резюме
В работе раскрывается понятие оптимизации веб-сайта, рассматриваются разновидности методов оптимизации (адаптивный, динамический показ, мобильная версия), обосновывается необходимость как самой оптимизации веб-сайта, так и подбор определенного метода оптимизации к каждому конкретному сайту.
Ключевые слова
Веб-сайт, оптимизация, адаптивный дизайн, динамический показ, мобильная версия, разные url.
Цели и задачи
Цель работы – изучить особенности адаптивного метода оптимизации и оценить его возможности, применив к разработанному нами веб-сайту.
Для этого необходимо решить следующие задачи:
1. Изучить особенности современных сайтов и методы их разработки.
2. Выявить проблемы просмотра и работы с веб-сайтами на мобильных устройствах.
3. Рассмотреть методы оптимизации под мобильные устройства.
4. Проанализировать достоинства и недостатки адаптивного метода.
5. Применить адаптивный метод для оптимизации разработанного веб-сайта.
Введение

Статистика показывает, что аудитория российского интернета составляет 66% населения России в возрасте от 12 до 64 лет, 50 млн. из них выходят в интернет с помощью мобильных устройств. [2]

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

В данном случае существует 2 решения: 

1) создание сайта под мобильные устройства и/или дополнительной мобильной версии; 

2) оптимизация имеющейся версии веб-сайта.

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

Методы и материалы

 

Для исследования недостатков и преимуществ адаптивного метода оптимизации сайта был создан информационный сайт по адресу http://schestak0810.wix.com/metod (рис. 1,2).

Рис.1. Разработанный веб-сайт (верхняя часть страницы).

Рис.2. Разработанный веб-сайт (нижняя часть страницы).

 

Рис.3. Код страниц со скрытым в мета-тегах содержанием.

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

В результате оптимизации адаптивным методом сайт открывается на мобильных устройствах, автоматически подстраиваясь под размер гаджета. При проверке степени удобства просмотра сайта на мобильных устройствах сервис https://www.google.com/webmasters/tools/mobile-friendly/?hl=ru показал следующие результаты (рис. 4).

Рис.4. Результаты проверки сервиса https://www.google.com/webmasters/tools/mobile-friendly/?hl=ru

На смартфоне сайт выглядит следующим образом (Рис.5):

Рис.5. Адаптивная версия разработанного сайта.

Описание и обсуждение результатов

На финальном этапе исследования нами были сделаны следующие выводы. К достоинствам адаптивного метода действительно можно отнести:

  • Простой в освоении и применении.

  • Не требует лишних временных и финансовых затрат.

  • Не меняет функционал сайта, но интерфейс становится удобнее.

К недостаткам данного метода можно отнести:

  • Подходит только для небольших сайтов.

  • Долго загружается.

  • Могут отображаться не все элементы сайта.

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

 

Используемые источники
1. Loleknbolek [Электронный ресурс] // 3 способа адаптации сайта под мобильные устройства. – Режим доступа: http://loleknbolek.com/slovar-terminov/3-sposoba-adaptacii-sajta-pod-mobilnye-ustrojstva/;
2. Интернет в России и Мире [Электронный ресурс] // Мобильный интернет. – Режим доступа: http://www.bizhit.ru/index/users_count/0-151.
Information about the project
Surname Name
Shestakova Kseniya
Project title
An adaptive method for optimizing a website
Summary of the project
The article rises the definition of website optimizing. There is also considered the variety of optimizing methods, such as self-adapting method, dynamic appearance, mobile version. The necessity of website optimizing itself and a special optimizing approach to each specific website are proved in this article.
Keywords
website optimization, adaptive design, dynamic display, mobile version , different url.