Нужно ли адаптировать сайты под IE11?

Оптимизировать ли сайт под браузер IE11? 

Кроссбраузерность – это одинаковое отображение и работа сайта в различных браузерах. Если не проработать это на этапе разработки, то вы увидите, что в каждом браузере он отображается по-своему и не везде корректно.

В этой статье на MAKE-WEBSITE.ru размышляю о целесообразности оптимизации сайта под браузер Internet Explorer 11, а также привожу некоторые методы, которые можно использовать для этого. Полезно для верстальщиков ☝

В целом основные проблемы с кроссбраузерностью возникают при разработке под Internet Explorer. Целесообразно ли поддерживать старые браузеры?

Ответ на этот вопрос зависит от посещаемости вашего сайта. Необходимо проанализировать статистику посещения браузерами вашего сайта, например, в Яндекс Метрике.

Для современных сайтов стоит отказаться от поддержки Internet Explorer, так как без использования всех современных возможностей CSS придется выполнять практически вторую верстку сайта под браузер с долей 1,5-3%. Но, в конечном счете, все зависит от пользователей, посещающих ваш сайт.

Фотогалерея скриншотов с мнениями по этому вопросу

При сборе информации по этому вопросу я просмотрел несколько сайтов. Ниже привожу подборку скриншотов с мнениями и аргументами.

Методы оптимизации сайта для браузера Internet Explorer 11

CSS стили

• Использование в стилях префиксов и css-хаков
• Подключение отдельного файла стилей для конкретного браузера.
• Использование условных комментариев для IE до 10 версии.

Стили только для IE11:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  a {
    display: table-cell;
    min-height: 40px;
    vertical-align: middle;
    text-align: center;
    margin: 10px auto;
    margin-left: 100px;
 }
}

JS скрипты

IE11 не поддерживает многие современные методы JavaScript. Приходится использовать старые методы и полифилы. Разработка превращается в кошмар :-))

Рекомендации:

Можно идентифицировать интернет эксплоер 11 и подключать отдельный скрипт.

Например так:

<script>
  var siteScript = document.createElement("script");
  if (Object.hasOwnProperty.call(window, "ActiveXObject") && !window.ActiveXObject) siteScript.src = "https://make-website.ru/assets/templates/work/js/main-ie.js";
  else siteScript.src = "https://make-website.ru/assets/templates/work/js/main.js";
  document.body.appendChild(siteScript);
</script>

Хотите, чтобы я проверил кроссбраузерность вашего сайта и исправил ошибки? Просто сообщите о своем желании – проверю кроссбраузерность, подскажу, что поправить. Напишите мне на make.website.info@gmail.com:

Написать

А вы оптимизируете свои сайты под IE11? Пишите в комментариях ниже!

Автор – веб-разработчик

Геннадий Вебстер

Создание качественных сайтов по реальным ценам

• HTML5
• CSS3
• JavaScript
• jQuery
• VueJs
• MODx
• HostCMS
• PrestaShop
• Figma
• Photoshop
• CorelDRAW

Разработка сайтовпод ключ

Редизайнсайтов и страниц

КроссбраузернаяHTML верстка

Создание JavaScript виджетов

Сопровождение сайтов