sitory

Блог:

Потому что разработка сайта — это только половина вопроса...

Оптимизация html-верстки под устаревшие версии Internet Explorer

15.05.2016, в рубрике Технология | Иван Вербов
Браузер Internet Explorer (IE) компании Microsoft давно заработал себе плохую карму среди веб-разработчиков. И возможно, по этой мистической причине, его уже нет в новой версии Windows (10). Но ориентироваться на его, в том числе, устаревшие версии нам предстоит еще долго. И вот почему...

Какие-то особенности работы есть у любого браузера, но Internet Explorer (далее, сокращенно IE) стоит особняком, т.к. множество его версий (IE6, IE7 ... IE11 и Edge) имеют свои собственные «уникальные» ошибки, настройки и алгоритмы показа веб-страниц. Поэтому оптимизация сайта под IE порой равнозначна созданию отдельной версии верстки, специально для многочисленных версий IE.

Почему тогда IE популярен так среди пользователей?

  1. Он предустановлен в оболочке Windows, поэтому любой пользователь этой операционной системы хотя бы раз им воспользовался (как минимум, чтобы выйти в Интернет с целью скачать дистрибутив и установить другой браузер).
  2. Неопытные пользователи просто не догадываются о возможности использовать другой браузер.
  3. На многих предприятиях установка какого-либо программного обеспечения запрещена администраторами, а обновления ранее установленных программ могут быть отключены исходя из соображений безопасности.

Результат: не смотря на постоянное развитие оборудования, технологии, программ, веб-сайтов —устаревшие веб-браузеры, и в частности Internet Explorer еще долгое время будет головной болью веб-разработчиков и владельцев сайтов.

Пути решения.

Среди радикальных методов борьбы с «произволом» популярного браузера — предложение скачать другой браузер. Например, сайт vk.com в браузере IE, скорее всего, сообщит Вам о том, что у Вы используете устаревший браузер и предложит установить другой альтернативный.


На скриншоте: сообщение показывается в том числе, пользователям IE11

Вместе с тем, даже если аудитория пользователей устаревших браузеров для вашего сайта составляет не больше 2-3%, с точки зрения маркетинга и продаж — она может быть если не решающей, то довольно значительной. Например, посетителей сайта, использующих устаревшие IE точно нельзя оставлять «за бортом» аудитории, если Ваша компания работает в сфере b2b (см. выше особенности работы администраторов корпоративных компьютерных сетей).

Готовые шаблоны.

В сети можно найти как платные, так и бесплатные готовые шаблоны сайтов, которые в разной степени оптимизированы под устаревшие браузеры. К сожалению, многие шаблонные сайты «рассыпаются» при просмотре в устаревших браузерах. А внесение правок в готовый шаблон может стать очень трудоемким и дорогим занятием, не сопоставимым со стоимостью самого решения (популярная стоимость готового шаблона сайта $50-$100).

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

Оригинальный адаптивный дизайн и верстка.

Мы разрабатываем индивидуальный адаптивный дизайн, используя универсальные приемы верстки (максимально исключающие разночтения различными браузерами). А браузеру IE мы «подсказываем», в каком режиме показывать всю страницу, а порой и как правильно показывать тот или иной элемент.

Оптимизация верстки в нашей студии для любого проекта начинается с IE9 (и более поздние версии IE10, 11, Edge). Что же касается более ранних версий IE8 — чтобы сохранить целостность адаптивного сайта в устаревших браузерах (в силу почтенного возраста и близко не знакомых с адаптивной технологией), то специально для них необходимо разрабатывать отдельные «стационарные» версии. Что может быть сделано дополнительно, по желанию владельца сайта.

Пример такой работы — сайт www.janitza-pro.ru, созданный нами в 2013 году. Компания нашего заказчика работает в сфере b2b, поставляя оборудование и разрабатывая инженерные решения для различных предприятий, в том числе производств, расположенных в регионах России, а также финансовых организаций, для которых особенно актуальны ограничения использования офисного программного обеспечения, перечисленные в начале статьи.