Старі браузери тягнуть Веб назад

У застосуванні властивостей DOM, HTML5 API і останнього CSS3 можливості, що відкриваються, вражаючі. Ці нові технології допомагають легко створювати веб-додатки, менше покладаючись на хакі, плагіни, зображення та роздуті скрипти. Так життя полегшується не тільки у веб-розробників (як при створенні, так і підтримці проектів), а й у кінцевого користувача, який швидше отримує сильне загальне враження.

Але існує перешкода, яка заважає нашому майбутньому по-справжньому стати сьогоднішнім днем. Що це?Старі браузери. Давайте трохи заглибимося в цю тему, щоб подивитися, чому вона є проблемою, і що ми можемо зробити для її вирішення.

Частка користувачів Internet Explorer

Згідно з оцінкою StatCounter, навіть за нинішнього буму мобільних пристроїв, використання настільних комп'ютерів-десктопів все ще б'є мобільні з великим відривом. 90% інтернет-активності у світі відбувається на робочих столах. Само собою, за деякими даними, частка мобільних пристроїв вище, ніж поточні 10%, показані StatCounter. Аби там не було, факт залишається фактом – безліч людей заходять на наші вебсайти та до веб-додатків через браузери настільних комп'ютерів.

тягнуть

тягнуть

Як показано вище — на задоволення всіх розробників — світова статистика використання версій Internet Explorer до IE8 дуже низька. IE6 настільки мало використовується, що вже не відображається в діаграмах StatCounter'а. Якщо ви знайдете таку ж статистику для власних проектів, то, залежно від загальної кількості трафіку, можете припинити підтримку IE6 і IE7 і почати користуватися безліччю властивостей, які ці браузери не підтримують. А як щодо IE8 та IE9?

Як зрозуміло із зображення та посилання вгорі, загальносвітове використання IE8 та IE9 разом становить приблизно 30%.Але це, можливо, не все. Порівняйте ці цифри з іншими веб-сайтами.

тягнуть

Їхня статистика показує, що колосальні 38% користувачів все ще застосовують IE6-8, і більше двох третин з них — IE8. До того ж IE9 займає інші 16% частки. Це більше 50% користувачів IE6-9.

тягнуть

Як і Net Applications, StatOwl оцінює частки IE8 і IE9 значно вище, ніж StatCounter - цього разу приблизно по 20% для кожного. У поєднанні з 8% для IE6 та IE7, це становить майже 50% частки IE.

Розуміння даних про частку використання браузерів (блог команди Windows)

Microsoft каже, що Chrome не випереджав Internet Explorer у ці вихідні (блоги Computerworld)

StatCounter Microsoft'у: Невірно, Chrome цих вихідних побив Internet Explorer (блоги Computerworld)

Чому це обговорення включає IE9?

IE9 – величезний крок уперед у порівнянні з попередніми версіями Internet Explorer. Але йому вже більше року, і він не оновлюється автоматично, як це роблять інші популярні браузери.

Так, хоча IE9 – браузер, набагато більш стабільний і багатий на властивості, він уже починає подавати ознаки старості. З кожним минулим місяцем браузери типу Chrome і Firefox продовжують автоматично відтворювати нові властивості, а IE9 все більше відстає.

Чому так багато галасу навколо проблеми старих браузерів?

Дехто може сказати: «Що за важливість? Застосуйте прогресивне покращення і просто залиште для старих браузерів менше враження, і користувачі не дізнаються про те, що втрачають». Це може виявитися вірнимпо відношенню до певних властивостей CSS3 і HTML5, для яких можна гарантувати альтернативні варіанти, і навіть дрібні заміни. Але з іншими, складнішими властивостями, все не так вже й легко.

Спочатку давайте розглянемо IE8. Щоб зрозуміти, наскільки багатьох властивостей у ньому не вистачає, ось список того, що ви виграєте як розробник, коли перестаєте підтримувати IE8:

opacity (без фільтрів IE)

кольори RGBA, HSL/HSLA

елементи HTML5 (яким не потрібен html5shiv)

Cross¬origin Resource Sharing (кросдоменні запити)

Безліч селекторів CSS3 (:nth-child(), :target, :enabled і т.д.)

API із розподілом часу навігації (performance.timing)

background-clip, background-origin, background-size

зображення SVG, вбудований SVG, SVG у CSS-фонах

події Server Sent

Крім того, у цьому списку не береться до уваги кількість багів та проблем з продуктивністю, що трапляються у IE8. Так що, при обмірковуванні всіх вищевказаних властивостей, поряд з багами і питаннями продуктивності, велика кількість користувачів IE8 стає величезним каменем спотикання на шляху прогресу в Мережі.

Звичайно, не можна сказати, що підтримка цих властивостей у нових браузерах є ідеальною. Багато хто з них у специфікації постійно змінюється. Але дуже високий відсоток браузерів крім IE8 досить добре підтримують усе вищеперелічене.

Як щодо IE9?

Проте проблема на IE8 не закінчується. Як уже згадувалося, IE9 так само починає відставати від інших браузерів. Ось список виграшних властивостей, що купуються, якщо вам не доводиться підтримувати IE9:

Лінійні та радіальні градієнти

браузери

повний режим ECMAScript 5

атрибут async дляелементів script

безліч властивостей HTML5 для форм

валідація простих форм

Як видно з двох наведених вище списків, проблема старих браузерів досить значна. Ці нові властивості (нехай досі впроваджувані) потенційно можуть напрочуд допомогти дизайнерам і розробникам домогтися змін і просунути web вперед.

Чи є IE[x] новим IE6?

Твердження про те, що “IE[x] – це новий IE6” вже обговорювалося раніше, але тут воно заслуговує на більшу увагу. На момент написання цієї статті IE9 (остання стабільна версія Internet Explorer'а), не може встановлюватися на Windows XP, а, відповідно до StatCounter'у, приблизно 31% Інтернет-використання на десктопах припадає на цю операційну систему.

Так як велика кількість користувачів IE8, по суті, знаходяться у пастці XP, немає надії на те, що вони зможуть оновитися до нової версії Internet Explorer без оновлення своєї операційної системи.

У ваших проектах, сподіваюся, старі браузери використовуються набагато менше. Адже єдина статистика, яка справді щось означає, – це ваша власна. Крім того, на загальносвітову статистику, що показує високі цифри використання IE6-8, можливо, трохи чинять тиск деякі густонаселені географічні області. Як би там не було, статистика застосування IE6-9 все ще є фактором при створенні багатьох проектів і таким чином може утримувати розробників (через тиск клієнта чи корпорації) від застосування багатьох нових властивостей.

Справа тут у тому, що якщо статистика застосування браузерів типу IE8 та IE9 збережеться майже так само надовго, як IE6, то ті з нас, хто займається побудовою вебсайтів та веб-додатків для більшої та різноманітнішої аудиторії, можуть не дочекатися застосуваннядесятки нових властивостей.

браузери

Статистика застосування IE6-9 все ще є фактором для багатьох проектів і, таким чином, може стримувати велику кількість розробників.

Microsoft подає проблиск надії - чи ні?

Які реальні альтернативи доступні користувачам старих браузерів?

За винятком тих, у кого системи з метою безпеки або сумісності не можуть оновлювати браузери, у всіх, хто користується IE8 (або нижче), є один варіант з двох для пом'якшення цієї проблеми, навіть якщо у них Windows XP. Це:

Не користуйтеся Internet Explorer'ом; на відміну від IE9, всі останні версії інших основних браузерів (Chrome, Firefox, Safari та Opera) підуть на Windows XP або пізніших системах.

Встановіть Chrome Frame; його легко встановити і він змушує IE функціонувати як Google Chrome.

В умовах такого вибору велику кількість користувачів, які все ще застосовують старі версії Internet Explorer'а, немає прощення. Теоретично всі, у кого не заблокована система, можуть перейти на інший браузер крім IE, або встановити Chrome Frame. Це напевно звело б частку застосування старих браузерів до мінімуму, і дозволило б розробникам ввести в ужиток більше сучасних технологій.

ЗАУВАЖЕННЯ З ВІДСТЕЖЕННЯ IE З CHROME FRAME

Деякі з користувачів, які досі застосовують старі версії Internet Explorer'а, могли встановити Chrome Frame, але у статистиці щодо використання браузерів, до якої ми зверталися раніше в цій статті, вони все одно вважаються Internet Explorer'ом. Добре було б побачити відображену в цих програмах статистику по Chrome Frame.

Google Analytics, однак, включає окремий браузер «IE з Chrome Frame», а розробники можуть прочитати документацію порозробці Chrome Frame для отримання інформації про те, як відрізнити застосування Chrome Frame.

Що ще можна зробити?

Якщо у вас є друзі або колеги, які користуються старою версією Internet Explorer'а (або будь-якого іншого старого браузера), допоможіть їм оновитися до останньої версії Chrome, Firefox, Safari або Opera. Можна навіть показати їм вебсайт із великим застосуванням CSS3 або HTML5 у сучасному браузері та порівняти його з IE8.

Іншими словами, доведіть їм, що їхній браузер – приклад застарілого, нестабільного, повільного софту. Можна навіть трохи розважитись, намагаючись показати їм, чому браузери «не IE» краще.

ПОКАЗАЙТЕ КОРИСТУВАЧАМ СТАРИХ БРАУЗЕРІВ ПОВІДОМЛЕННЯ

Ще можна показувати користувачам повідомлення, якщо вони відвідують ваш веб-сайт зі старого браузера на зразок IE8. Не вважайте це надто нав'язливим. Кілька років тому YouTube почав поступово припиняти підтримку багатьох старих браузерів. Зараз для користувачів, які відвідують веб-сайт з IE6, демонструється наведене внизу повідомлення:

браузери

Ви могли б відображати ненав'язливе, але помітне повідомлення, щоб заохотити користувачів до встановлення Chrome Frame і переконайтеся, що увімкнули необхідний код, який дозволяє Chrome Frame на сторінках, які з нього переглядаються. [Однак також забезпечте можливість закрити поле повідомлення, щоб користувачі, прив'язані до заблокованої системи (і яким доводиться користуватися вашим веб-сайтом), насправді змогли скористатися ним. - Прим. Редактора]

Завтра: послання до нерозробників

Більшість тих, хто читає цю статтю, швидше за все, думають: «Ага, це все, звичайно, добре, але ти не тих навчаєш, хлопче». Багато розробників вже про це багато знають. А ще ми в курсі, що розробники та дизайнери не належать дощо використовують старі браузери типу IE8 у повсякденному житті. Фактично, вам буде нелегко знайти веб-розробника, який застосовує IE9.

Автор: Louis Lazaris

Редакція: Команда webformyself.

старі

браузери

Бажаєте дізнатися, що потрібно для створення сайту?