Крестовый поход против IE6

Иллюстрация к статье «Крестовый поход против IE6»

Не буду первооткрывателем или человеком, впервые озвучившим вслух эту мысль, но про IE6 уже давно пора забыть.

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

Проблемы, одни проблемы...

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

  1. нет поддержки min-width, max-width, min-height, max-height;
  2. нет поддержки формата PNG для изображений;
  3. проблемы с блочной моделью CSS;
  4. не масштабируются шрифты, указанные в пикселях;
  5. жутко тормозящий редеринг страниц при работе с DOM через JavaScript (анимация);
  6. неприручаемый элемент select;
  7. множественные CSS-баги;
  8. и многое другое (список можно дополнить в зависимости от опыта работы и желания).

Реинкарнация известного принципа «20/80» по отношению к HTML/CSS-верстке выглядит так: 20% рабочего времени верстаем макет, 80% времени заставляем его нормально отображаться в IE6.

Причины поражений

Теперь вернёмся к тому, что попытки отказаться от IE6 уже были, но провалились. Почему?

Самая главная причина — никто не позаботился о пользователе, не объяснил ему, что он выиграет отказавшись от устаревшего браузера. Не было ни одно толковой статьи, в которой рассказали бы пользователю преимущества новых, поддерживающих стандарты браузеров (табы, встроенные RSS-ридеры, скорость работы, быстрые и расширенные настройки, безопасность, возможность использовать плагины и другое).

Нет. Все были заняты самолюбованием и осознанием гордости от того, что участвуют в новом модном движении. Поэтому проигрывали и проигрывают до сих пор.

Один мой друг, далёкий от веб-разработки и прочих премудростей, пользователь Интернет среднего профиля, долгое время предпочитал использовать в качестве основного поисковика ya.ru и браузер IE6. Знаете почему? Потому, что результаты поиска (ссылки) удобно открываются в новом окне! Сечас он использует Opera + google.com и счастлив, только мне сначала пришлось провести небольшую разъяснительную работу.

Трудно представить, что человек не знал про существование вкладок в браузерах и понятия не имел обосновных возможностях поисковых сервисов.

Отсюда вывод: если ты видишь преимущества в чём-то, то это не значит, что точно так же их видят и другие. Поэтому необходимы статьи с подробным объяснением плюсов от использования нормального браузера для обычных пользователей. С разработчиками и так все ясно.

Уход IE6 в историю, позволит разработчикам использовать на полную мощь CSS 2.1 (с опозданием в 10 лет всё из-за того же эксплорера), экономить своё время и деньги заказчика (при условии что оплата почасовая).

Даже сама Microsoft на странице, посвященной IE6, первым делом предлагает скачать IE7.

Ну и конечно же статистика по браузерам на октябрь 2008 от liveinternet.ru (кликабельно):

Cтатистика использования  браузеров за октябрь 2008

Без наглядной статистики, невозможно представить текущее положение вещей.

Оружие бунта

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

Спокойный метод

Как уже было написано выше, нужно просто объяснить своим посетителям, чем им это выгодно. Для этого можно написать пост или, если лень, поставить ссылку на то, что уже написано другими.

Ну и не помешает ссылка (картинка) на скачивание вашего любимого браузера где-нибудь в сайдбаре. Например такая как здесь.

Спокойный метод (модифицированный)

Использовать условные комментарии для пользователей IE6 и выводить ссылки на обновление версии браузера, или закачки другого, только им. Опять же со ссылкой на пояснительную статью.

<!--[if lte IE 6]>
	...ваш код...
<![endif]-->

Радикальный метод

Блокировать доступ к сайту для пользователей IE6. Вместо сайта, они увидят всплывающее окно с предложением скачать более современный браузер.

Скрипт и рабочий пример для такого метода можете найти на css-tricks.com.

Не знаю, правильный это метод или нет, но он тоже имеет право на существование. Возможно, он будет самым результативным. Хочешь получать интересную информацию — используй современный браузер.

Тихое присутствие

Наверное, все эти методы, описанные выше, годятся для использования владельцами сайтов и блогов. Что же с клиентскими разработками?

А для клиентов, дизайнеры и верстальщики могут предусмотреть небольшую кнопку или ссылку на скачивание Opera (Moziila, Safari, Chrome, что-хотите...) где-нибудь в футере сайта, рядом с кнопками валидации.

По себе знаю, многие заказчики относятся с пониманием и не запрещают делать такие штуки.

Движение

Предлагаю каждому начать свой протест с того метода, который ему ближе. Я начну с кнопки с предложением скачать Mozilla Firefox 3 в допобласти и этой ссылки на расширения к нему.

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

Ссылки по теме:

Постовой:

Подборка тем для WordPress для блоггеров. Blogun vs J2J. Преимущества и недостатки.

* * *

Понравилась статья?

Тогда помогите мне сделать её доступной для других, или будьте в курсе последних событий:

* * *

Статьи по теме:

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

  1. Жомарт, 17.10.2008 в 15:50

    Да уж, этот IE6 мне столько крови попил. Столько вирусов из-за него пролазили.

    Ответить

  2. Zodios, 17.10.2008 в 16:41

    Знающие люди уже давно забыли об использовании ие6. Большинство тех кто сидит на нем скорее плохо осведомлены об этой проблеме чем умышлено его используют. Так что проблема сводиться к способу донесения широкому кругу пользователей о недостатках браузера. Но для этого нужны большие ресурсы.

    з.ы. Неплохо бы еще на мини-графике сделать легенду с отображение того какая линия за какой браузер отвечает.

    Ответить

  3. ScorpAL, 17.10.2008 в 16:48

    Полностью согласен.

    Однако есть еще одна причина по которой IE6 не умирает.

    Это нежелание Microsoft насильно пересадить пользователей на IE7 при помощи все того же Microsoft Update.

    Хотя, возможно они дожидаются IE8?

    Ответить

  4. rotor, 17.10.2008 в 16:55

    Zodios

    График кликабелен. Сейчас пост подправлю.

    Ответить

  5. Aleksundra, 17.10.2008 в 17:33

    В целом верно, но на данный момент нет эффективных средств борьбы с IE6. Всё перечисленное не работает. Особенно — это:

    Блокировать доступ к сайту для пользователей IE6. Вместо сайта, они увидят всплывающее окно с предложением скачать более современный браузер.

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

    Ответить

  6. rotor, 17.10.2008 в 18:44

    Aleksundra

    Я тоже считаю, что такой способ слишком жёсткий, но представьте ситуацию, когда вы постоянно натыкаетесь на проблему того, что популярные сайты не поддерживают IE6, причем причины этого у вас постоянно на виду (движение должно быть массовым, а не единичным). Согласитесь, это заставит задуматься и может быть решающим аргументом в отказе от IE6.

    Да и в последнее время есть тенденция, что некоторые крупные веб-компании заявляют о прекращении поддержки своих продуктов в IE6 (например 37signals) и этот шаг достоин уважения.

    Ответить

  7. Octane, 17.10.2008 в 19:18

    Да ладна, не все так плохо :) Чтобы «победить» IE уходит не так уж и много времени у более-менее опытного разработчика интерфейсов. «Opera» года так 2003 была куда хуже IE6 для разработчика. Множественные баги с всплыванием событий и отсутствие AJAX (даже в IE5.0 можно совершенно нормально работать с AJAX, не знаю, может быть даже в более ранних версиях уже была поддержка). А взять, к примеру всякие «readystatechange» для «document» и <script defer>, в новых браузерах теперь это «DOMContentLoaded» — конечно это круче, ведь через сколько лет появилось, после того как «Microsoft» придумали… Можно ещё про векторную графику вспомнить… Вся проблема IE6 — это его возраст. Он просто марально устарел. Но говоря, что это плохой браузер, надо сравнивать его с браузерами того времени, для современных браузеров, естественно, он не соперник. Будем надеяться, что IE8 будет достойным конкурентом современным браузерам, вторая beta-версия мне кажется весьма хорошей.

    По поводу отказа от IE6: просто надо оценить аудиторию, которая посещает Ваш сайт. К примеру, на codeisart.ru через IE6 заходит лишь 40% от всех пользователей IE, которые составляю 13,5% от всех посетителей (данные из GA), потому что аудитория сайта состоит из людей если не отлично, то очень хорошо ориентирующихся в Интернет, которые постоянно следят за обновлениями своих любимых браузеров — тут можно и подумать об отказе полноценной поддержки IE6, даже те кто увидит какое-либо сообщение с просьбой об обновлении браузера, воспримут его нормально и зайдут с более нового браузера, если им нужна информация, представленная на этом сайте. Но если мы делаем сайт, для продвижения продукции, которая никак не связана с Интернет, то там уже будет куда больше пользователей IE6 (если не большинство) и отказавшись от него, мы потеряем много потенциальных клиентов. Если я, к примеру, совершенно не понимаю ничего в компьютерах, но такая «хитрая» машина у меня имеется дома, для просмотра фильмов и прослушивания музыки по вечерам после работы, и я, придя домой уставший, хочу заказать пиццу с доставкой через интернет, а мне предлагаю обновить браузер, чтобы осуществить заказа, ну зачем мне это надо? И зачем фирме, которая предлагает пиццу, с возможностью заказать через интернет доставку на дом, терять такого клиента, как я, всего-лишь из-за того, что я ничего не смыслю в компьютерах и не знаю, что мой браузер (IE6) уже можно смело отправлять в музей?

    Та же проблема и с разрешением экрана, многие ресурсы уже давно можно оптимизировать под разрешение не менее 1280×1024.

    Вот :-)

    Ответить

  8. Dymoff, 25.10.2008 в 12:12

    Хорошая статья, согласен с автором. Возьмите хотя бы даже Хром для примера — на нем же ничего нет! Простота должна быть конечно, но не настолько же!

    Ответить

  9. Sklad_Lytton, 13.11.2008 в 22:34

    Я своих 10 юзверей на работе, просто сумел переубедить отказаться от IE6 и пользоваться Firefox

    Теперь все довольны и даже рады Огненной Лисе =)

    Ответить

  10. AVRORA, 21.11.2008 в 19:16

    [...] крестовый поход против Ie6 [...]

    Ответить

  11. lesha111, 15.01.2009 в 4:21

    Пока будет жить Windows XP будет жить и IE6. У IE всегда был козырь — мгновенная загрузка и кнопка Internet Explorer на десктопе Windows.

    лиса же тормозная, просто ужас. Чтобы понять, чем хорош firefox, его нужно хорошо изучить и поставить 2-3 десятка расширений. У IE же преимущества видно сразу (см. выше)

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

    А некоторые глядя на мак или linux спрашивают какая винда у тебя установлена?

    Ответить

  12. rotor, 15.01.2009 в 15:06

    lesha111, надеюсь, под синей иконкой у большинства скоро будет скрываться версия 7, как минимум.

    Ответить

  13. алексей, 18.02.2009 в 10:56

    IE6 используют только по двум причинам

    1. Не лицензионное ПО то есть Windows где любое обновление

    отключают сразу, и пользуются соответственно устаревшим ie или

    очень устаревшее оборудование с таким же софтом, при этом не желание потратить денег на приглашение мало мальски соображающего администратора.

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

    Любые другие аргументы типа «а я хочу» — думаю заслуживают ответ «получай соответсвующего вида»

    Ответить

  14. SelenIT, 20.02.2009 в 20:49

    Есть еще частный случай первой причины — дико устаревший корпоративный интранет, жестко заточенный под IE5-6 и их глюки (всякие SharePoint-ы 2000 и самописное чего похлеще). Бывает, что эти вещи годами неконтролируемо разрастались, и теперь переводить их на более современную платформу слишком сложно/долго/дорого. Оно, конечно, тоже потихоньку вымирает, но, увы, медленнее остальных категорий...

    Ответить

  15. Илья Житенёв, 12.09.2009 в 19:55

    Здравствуйте. Можно использовать «факты и цифры» из данной статьи на своем сайте на страничке, которую будут видеть только пользователи ИЕ 6 и которая будет убеждать их сменить браузер?

    Ответить

  16. rotor, 12.09.2009 в 20:22

    Можно. Без проблем. Только цифры уже могли слегка устареть.

    А вообще, в сети есть уже готовые скрипты, которые выводят сообщения пользователям IE6.

    Например, вот — habrahabr.ru/blogs/webdev/66126/

    Ответить

  17. Илья Житенёв, 13.09.2009 в 8:50

    Спасибо. Посмотрю и тот скрипт, а вообще мне и свой не трудно сделать. Главое информация для пользователей =)

    Ответить

  18. Andy, 04.12.2009 в 19:53

    Say NO to IE6 on ie6no.org!

    Ответить

  19. @ Константин, 07.12.2009 в 11:53

    Спецы, помогите лоху! Куда вставлять условные комментарии? В html или CSS?

    В начало или в конец страницы, или можно зафиксить весь сайт целиком? Верстку я делаю в Хроме; у меня сайтик на CMS и, как ни странно, в 5,6,7 — Экспло он отображается более-менее сносно, а в 8-ом — ужасно! То есть разъезжается ступеньками в ширину... И ещё одно не могу «догнать» ))) если я внесу условные комменты для Экспло, то и верстать сайт надо будет только в нём? Сейчас, например, если я добиваюсь «красоты» в ИЕ-6 (он у меня по-умолчанию), то из Хрома и др. браузеров выглядит непотребно... И наоборот.

    Подсобите, плиз.

    Ответить

    • rotor, 10.12.2009 в 0:53

      Куда вставлять условные комментарии? В html или CSS?

      В HTML. Как подробно расписано на странице designformasters.info/pos...tional-comments/

      В CSS, если вы имеете ввиду «хаки». Об этом можно почитать на dimox.name/personal_css_h...pera_firefox_ie/

      Ну и много-много подобных ответов в Google.

      Проверяйте свой код не только в IE, а, одновременно, во всех доступных браузерах. Желательно это делать постоянно в процессе верстки, после внесения очередных изменений в стили, чтобы заранее видеть проблему в отдельном браузере и искать обходные пути.

      Судя по всему, у вас довольно поверхностные знания в верстке, поэтому рекомендую задать подобные вопросы на форумах для новичков.

      Там бывают адекватные люди, подскажут, если грамотно опишете проблему.

      Ответить

    • Andy, 12.12.2009 в 20:33

      Вставлять нужно в html. Вы можете использовать специальные способы, чтобы определенное св-во применялось только для ИЕ6.

      Подобный вопрос уже задавался и есть ответ на ru.ie6no.org. Вы всегда можете задать вопрос у специалистов на этом сайте по проблемам в этом браузере.

      Ответить

  20. Medvedev, 31.01.2010 в 13:53

    Раньше я не сильно заморачивался по поводу IE6. Создавая для себя сайты, я на него просто забивал:) Теперь начал заниматься простой версткой на заказ, и сразу же столкнулся с проблемами. Приходится теперь изучать все «приколы» IE6. Сейчас вот с надеждой взглянул на статистику liveinternet (так бы открыть и не найти в списке используемых браузеров IE6). За январь 2010: Explorer 6 3,197,989 9.4%

    Да, многовато еще пока, придется изучать хитрости.

    Ответить

  21. @ Alex, 10.02.2010 в 14:02

    Можно выводить на странице сообщение: «Для того, чтобы увидеть все „прелести“ нашего сайта, рекомендуем скачать другой браузер». И ссылки на Opera, Firefox и др. То есть сделать так, чтобы пользователям действительно захотелось использовать другой браузер.

    Многие, кстати, не знают, что такое «браузер» и для многих «запустить IE» = «подключиться к интернету» ;)

    Ответить

  22. Фак, 03.03.2010 в 13:21

    Верстать нормально надо))) Тогда никакой ие6 жизнь не портит.

    Ответить

  23. Glok, 05.12.2010 в 18:03

    Спустя два года после написания статьи)) уже продуктивнее)) 4% пользователей ie6, еще год думаю и будет резкий всплеск на окончательное отчуждение его от мира живых

    Ответить

  24. Дмитрий, 03.03.2011 в 22:16

    Да уж, этот IE6 мне столько крови попил

    Ответить

Есть что сказать?