- Сайт номер один - айтішной
- Сайт номер два - автомобільний
- Сайт номер три - дівчачий
- висновки
- Трійця браузерів рунета: Opera, Firefox, Chrome
- Замість IE можна витратити сили на адаптацію для мобільних
- Не цурається мобільних користувачів
- TL; DR
March 30, 2012 Chrome CSS Firefox Opera OS X Safari Windows браузери верстка
Одного разу я надолужив і запустив один студентський форум і залишився вельми задоволений його зовнішнім виглядом. Тобто, звичайно, тим, як він виглядав в Firefox. Тобто, залишався задоволеним, поки одна дівчинка не повідомила (ввічливо), що форум хороший, але між постами занадто багато вільного простору.
Відкривши своє створення в Internet Explorer, я дізнався, що через float-ів, що стоять в неправильному порядку, сайт був "драбинку" - панелька з аватаром зліва, пусте місце праворуч, потім пост праворуч, порожнє місце ліворуч, і так далі . Було соромно.
З того моменту я розумію, що сайти потрібно перевіряти не тільки в своєму улюбленому браузері.
Коротше. На прикладі трьох моїх сайтів проаналізуємо ситуацію з браузерами в Рунеті.
Сайт номер один - айтішной
Цей сайт (так, цей) відвідують фахівці комп'ютерних технологій, зі зміщенням в сторону веб-розробки. Популярні статті неайтішной тематики я виключив.
ОС:
- Windows - 61%
- Linux - 24%
- OS X - 15%
браузери:
- Chrome - 54%
- Firefox - 24%
- Opera - 13%
- Safari - 7%
- IE - 3%
Айтішники очікувано користуються Хромом, очікувано велика частка сидить на маках, і ще більша - на Лінукс. Цей сайт тут для контрасту.
Сайт номер два - автомобільний
Цей сайт відвідують люди, які хочуть продати або купити автомобіль.
ОС:
- Windows - 93%
- Mac - 0.37%
- Linux - 0.34%
браузери:
- Opera - 39%
- Firefox - 25%
- Chrome - 19%
- IE - 10%
- Safari - 1%
Сайт номер три - дівчачий
Цей сайт відвідують виключно дніпропетровські дівчата.
ОС:
- Windows - 93%
- Mac - 1%
- Linux - 0.57%
браузери:
- Opera - 38%
- Firefox - 27%
- Chrome - 23%
- IE - 7%
- Safari - 1%
висновки
Windows - основна OS
І перевіряти будь-який сайт потрібно в першу чергу на Windows.
Не варто відмахуватися від різниці в операційних системах. Для початку, в кожній ОС своя система відтворення шрифтів. Це означає, то вся твоя типографіка, яку ти вилизував на своєму артистичному креативному маці, буде під Windows виглядати по-іншому. Веб-шрифти - особливо.
Трійця браузерів рунета: Opera, Firefox, Chrome
Ось це було для мене одкровенням. У той час, як західні аналітики міряють Хром з Фаерфокс, користувач Рунета спокійнісінько вибирає Оперу. Яку я-то і за браузер не вважаю зазвичай.
На щастя, Opera справляється з сучасними сайтами набагато краще, ніж проблемний IE - але це не означає, що її можна ігнорувати. Тільки що відкрив цей блог і побачив, що вихідні малюються Arial-му. Біда.
Замість IE можна витратити сили на адаптацію для мобільних
Я не кажу, що під IE зовсім не треба перевіряти. Звичайно, потрібно, щоб сайт виглядав адекватно. Але вбивати дні на вилизування дрібних деталей заради - нераціонально.
Число користувачів IE трохи більше, ніж число мобільних користувачів. Можу посперечатися, що у твого сайту більше проблем з мобільним видом, ніж з IE.
Не цурається мобільних користувачів
Близько 5% відвідувань становить Opera Mini. Опера-Хренова-міні. Чи не ці ваші Андроїдні браузери, і не мобільна Сафарі. Ні, це найпростіший телефонний браузер. Бачив, в маршрутках сидять дівчатка з яким-небудь SE K750 і читають Вконтакте? Так ось, таких людей багато, і зробити сайт зручним для них не так вже й складно.
TL; DR
Перевір свій сайт в Опері, зроби адаптований для мобільних CSS, перевір шрифти на Windows.
Так, я знаю, що можна було просто почитати чужу аналітику. Але свою розбирати цікавіше.
Сподобався пост? почастуєте кави