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

А вы оптимизируете свои сайты под IE11? И нужно ли это делать в 2022 году? Мои размышления в статье на MAKE-WEBSITE.ru.

Нужно ли адаптировать сайты под 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? Пишите в комментариях ниже!

Веб разработчик MAKE-WEBSITE.ru
Автор
Подробнее
Геннадий Егупов

Создаю современные
высококонверсионные сайты

Кроссбраузернаяверстка
Созданиедизайнов
Интеграция с cmsMODx и PrestaShop
Разработка Vue.jsприложений
Прочитайте еще посты:

21 Января 2022

Просмотров: 3955

Комментариев: 0

веб разработка, рецепты, Internet Explorer

Содержание:

    Оставьте свой комментарий!


    Разрешённые теги: <b><i><br>


    Комментарии (0)

     

    Давайте общаться

    Я хотел бы поговорить о вашем бизнесе, отправьте мне письмо на make.website.info@gmail.com.