CSSing – Блог про CSS и все что с этим связано. Новые приемы и технологии и т д.

Мой Ukr.net

Ну не могу я спокойно смотреть на плохой код. И несмотря на то что времени сейчас у меня не хватает ни на что, я решил переделать ukr.net. Это второй по посещаемости портал в Украине. Мои друзья имели там ящики, вот он мне и попался на глаза.

Что было?

Я взял версию этого сайта от 21 октября сего года. Где то неделю после их редизайна. С того времени они добавили некоторые незначительные фичи, которые в принципе погоды бы не сделали.

После редизайна главная страничка занимала более 60 килобайт, что очень нервировало многих. Ведь большая часть пользователей лезла сюда что б проверить почту, и они вынуждены были каждый раз грузить эти 65Kb (это только HTML).
Я уж молчу о непомерного размера флеш-баннерах.
Это не моя сфера, но неужели нельзя было уложиться в 20Kb!?

Страничка понятное дело не удовлетворяла никаким требованиям доступности. И даже тест Cynthia она не проходила.

Результат

<tr class="alt">
  <th>Таблиц использовано</th>
  <td>106</td>
  <td class="focus">0</td>
</tr>

<tr>
  <th>Всего тєгов &lt;img&gt; </th>
  <td>123</td>
  <td class="focus">29</td>
</tr>

<tr class="alt">
  <th>Фон через CSS</th>
  <td>3</td>
  <td class="focus">~20-30</td>
</tr>

<tr>
  <th>Стандарт</th>
  <td>без DocType'a</td>
  <td class="focus"><a href="http://www.w3.org/TR/2001/REC-xhtml11-20010531/">XHTML 1.1</a></td>
</tr>

<tr class="alt">
  <th> Размер HTML файла </th>
  <td>64 KB</td>
  <td class="focus">22 KB</td>
</tr>

<tr>
  <th><strong>Экономия </strong></th>
  <td>-</td>
  <td class="focus"><strong>66%</strong></td>
</tr>

Ну а теперь как любят считать американцы, сколько же мы экономим. Я считал что в день в среднем заглавную страницу ukr.net посещают 110 000 раз.(статистика)

Учитывая что при каждой загрузке мы экономим около 40Kb(64-22=40 :)). То нетрудно посчитать, что в день выходит экономия в 40*110000= 4 400 000. Четыре с половиной гига в день. Это где то 135 гиг в месяц. И наконец это полтора терабайта в год. хм.

Не мне судить об этих цифрах, но уж если на то пошло, то я каждый месяц остаюсь с 20 по 31 числа без интернета - кончается трафик (всего дан 1Gb). Получается что если им переделать только их навигацию и каким то мегаспособои перенаправить трафик мне, я буду онлайн весь месяц!!(мечта идиота).

Что бы быть честным, размер CSS файла вырос... на 2Kb. И то только из-за того, что тем кто делал ukr.net неизвестно ничего о типографике и наследовании. Все шрифты разные, а размеры подобрать было нелегко.

Красивый код

Code is poetry

Ну и?

Давайте помечтаем.

Совсем недавно редизайнился ABC.

И тут вдруг второй по посещаемости сайт в Украине сделан с помощью веб-стандартов.
Ведь для Украины это что то вроде ABC. Это фактически по продвинутости нас кинет лет на 5 вперед.
У нас и обычных сайтов на CSS по пальцам можно считать. А тут портал. Это ж какой прорыв был бы. Тут сразу все поймут что надо редизайниться (стадное чувство). И пойдут стандарты в наших регионах. Мне кажется сейчас не хватает лишь прецедента. Как раз такого.

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

Но какая все же прикольная мечта была бы отредизайнить все наши хедлайновые сайты на CSS*.

Интересно, это вообще реально в ближайшие 2-3 года?
Судя по этой дискуссии вряд ли... :(
Как это типично...

Собственно предмет разговора

• Оригинальный сайт от 21 октября
• Мой вариант (тестировал в Mozilla 1.7, Firefox 1.0, IE 5.0-6.0, Opera 7.54 и Lynx :) )**
• Мой вариант без стилей (для принтеров, мобил, КПК, старых броузеров, скринридеров (для слепых) и т. д. и т.п.)
• Мой вариант проходит валидацию как XHTML 1.1
• А Синтия говорит доступный он. :)

• • под редизайном на CSS я имел ввиду редизайн соответствующий веб-стандартам (что б не было путаницы)

** - для счастливых обладателей IE 5.0-5.5 я специально оставил маленький глюк, так что нечего мне на него показывать пальцем. Лучше смените броузер.