дневник заведен 16-02-2003
постоянные читатели [21]
Alick, Best Windows, Creative emotion, Dimok, donGUZZINI, endymion, finnal27, Happines, Maxtradamus, Micra, pakt, photo, quindar, rlxa, Withered Wretch, апельсинка, Букля_, Бумен, ПАРАД УРОДОВ, Скромняга-2, Тривиальное чтиво
Alick, Best Windows, Creative emotion, Dimok, donGUZZINI, endymion, finnal27, Happines, Maxtradamus, Micra, pakt, photo, quindar, rlxa, Withered Wretch, апельсинка, Букля_, Бумен, ПАРАД УРОДОВ, Скромняга-2, Тривиальное чтиво
цитатник:
- • лента
08-06-2004 15:45 ozon.ru
Давно не заходил на сайт, а тут заметил, что Озон сменил дизайн! Ура. Ушло тяжелое (в прямом и переносном смысле) наследие Dynasite.
Теперь дизайн самый тот, который нужен. Из графики - только логотип и обложки книжек.
Дошло наконец, что информационный дизайн - самый практичный.
Без чайниковости, конечно, не обошлось. :-)
Над HTML-кодом им еще работать и работать.
HTML-страницы пока большие - от 50 КБ, и это только код.
Здесь 3, так сказать, "ошибки":
> <td style="padding: 3px; border: 1px dotted #D0D0D0; border-top: 0px;">
> <small><b>Оптовые скидки</b></small><br>
Код, который я считаю правильным:
> <td class="ozon12"><b>Оптовые скидки</b>
Просто заметки:
- О смене дизайна можно узнать только случайно! В СМИ ничего не сообщалось.
- Желание соблюсти правила пунктуации даже не прослеживается, правила не соблюдены
- Прикольное обозначение "расширить поиск".
- "ВЗОРВИ свое видео!" - не говорят так по-русски. Нередко фраза
"Blow Up Your..." относится к пенису, в этом и игра слов фразы
"Blow Up Your Video". Вместо "Video" также говорят: TV, Images, School
("взорви свою школу" - и по-русски смешно), Gun (вот это уже ближе),
Mind (употребляется очень часто, "опустошить разум", а не
"дуновение вверх по вашему разуму", как это делают автоматические
переводчики).
Current music: Entombed - Uprising - 04.Insanity's Contagious
Теперь дизайн самый тот, который нужен. Из графики - только логотип и обложки книжек.
Дошло наконец, что информационный дизайн - самый практичный.
Без чайниковости, конечно, не обошлось. :-)
Над HTML-кодом им еще работать и работать.
HTML-страницы пока большие - от 50 КБ, и это только код.
Здесь 3, так сказать, "ошибки":
> <td style="padding: 3px; border: 1px dotted #D0D0D0; border-top: 0px;">
> <small><b>Оптовые скидки</b></small><br>
Код, который я считаю правильным:
> <td class="ozon12"><b>Оптовые скидки</b>
Просто заметки:
- О смене дизайна можно узнать только случайно! В СМИ ничего не сообщалось.
- Желание соблюсти правила пунктуации даже не прослеживается, правила не соблюдены
- Прикольное обозначение "расширить поиск".
- "ВЗОРВИ свое видео!" - не говорят так по-русски. Нередко фраза
"Blow Up Your..." относится к пенису, в этом и игра слов фразы
"Blow Up Your Video". Вместо "Video" также говорят: TV, Images, School
("взорви свою школу" - и по-русски смешно), Gun (вот это уже ближе),
Mind (употребляется очень часто, "опустошить разум", а не
"дуновение вверх по вашему разуму", как это делают автоматические
переводчики).
Current music: Entombed - Uprising - 04.Insanity's Contagious
Комментарии:
С этим стремлением загнать все во внешний CSS - сами CSS-файлы разрастаются до непомерных размеров.
Да, разрастаются. Но есть плюсы:
1) CSS-файл загружается один раз. Например, 10 страниц по 10 КБ без CSS = 100 КБ, а 10 страниц по 5 КБ с одним CSS на 10 КБ (это огромный файл для CSS) = 60 КБ. Итого экономия трафика 40% на смене верстки.
2) Существует как минимум два способа зажать CSS-файл. Первый дает сжатие на 10-45%, второй - на 80-90%. Их можно использовать одновременно. Применение данных способов - следующий шаг оптимизации.
1) CSS-файл загружается один раз. Например, 10 страниц по 10 КБ без CSS = 100 КБ, а 10 страниц по 5 КБ с одним CSS на 10 КБ (это огромный файл для CSS) = 60 КБ. Итого экономия трафика 40% на смене верстки.
2) Существует как минимум два способа зажать CSS-файл. Первый дает сжатие на 10-45%, второй - на 80-90%. Их можно использовать одновременно. Применение данных способов - следующий шаг оптимизации.
отредактировано: 08-06-2004 21:24 - tty01
1) Не, я все понимаю, сам использую внешние CSS. Просто, факт констатирую, что сами CSS имеют тенденцию к разрастанию. Знаешь, как порой бывает сложно разбираться в 60кб CSS-нике?
2) Первый, я так понял - удаление лишних переводов строк и табуляций. Второй - группировка? Или что-то похитрее?
2) Первый, я так понял - удаление лишних переводов строк и табуляций. Второй - группировка? Или что-то похитрее?
60 КБ - это просто непомерно! Что же это такое было? Я верстал CSS для контент-системы, там форум, новости, статьи, каталог ссылок, текстовой рекламный блок, переключаемое оформление - 11 килобайт хватило (7 КБ на общую раскладку + 4 КБ на один дизайн).
Способы давно известные, просто ново их применение. Да наверно и применение не такое уж и новое. Первый - это частично ручной - перевод синтаксиса в сокращенную форму. Ну а если она уже сокращенная - удаление лишних пробелов и точки с запятой перед закрытием css-правила.
Второй способ - банальный (но эффективный) gzip. :-)
Способы давно известные, просто ново их применение. Да наверно и применение не такое уж и новое. Первый - это частично ручной - перевод синтаксиса в сокращенную форму. Ну а если она уже сокращенная - удаление лишних пробелов и точки с запятой перед закрытием css-правила.
Второй способ - банальный (но эффективный) gzip. :-)
отредактировано: 08-06-2004 23:05 - tty01
Это был старый CSS сайта нашей конторы. Человек по пять раз override-ил свойства (видимо, просто забывал, что уже указывал их раньше, но с другими значениями). Плюс комментарии по пять строк.
Т.е. выглядело это примерно так:
/*Это мой супер-пупер классный ид-класс он будет отвечать за вывод всего того дерьма, что у нас накопилось, на экран. Бла-бла-бла - еще на пять строк.*/
#lala
{
border: 1px solid black;
}
....(строк 20-30 кода)...и опять:
/*Это мой супер-пупер классный ид-класс он будет отвечать за вывод всего того дерьма, что у нас накопился, на экран. Бла-бла-бла - еще на пять строк.*/
#lala
{
color: white;
/*
color: blue;
*/
/*
color: green;
*/
border: 5px dashed black;
}
ну, и т.д. и т.п.
А что касается gzip'а, так это не на всех хостингах, к сожалению, работает.
Т.е. выглядело это примерно так:
/*Это мой супер-пупер классный ид-класс он будет отвечать за вывод всего того дерьма, что у нас накопилось, на экран. Бла-бла-бла - еще на пять строк.*/
#lala
{
border: 1px solid black;
}
....(строк 20-30 кода)...и опять:
/*Это мой супер-пупер классный ид-класс он будет отвечать за вывод всего того дерьма, что у нас накопился, на экран. Бла-бла-бла - еще на пять строк.*/
#lala
{
color: white;
/*
color: blue;
*/
/*
color: green;
*/
border: 5px dashed black;
}
ну, и т.д. и т.п.
А что касается gzip'а, так это не на всех хостингах, к сожалению, работает.
> Плюс комментарии по пять строк
Да, понятно, такое бывает.
> ... не на всех хостингах ...
Хостинг - это ведь не проблема css-файлов...
Да, понятно, такое бывает.
> ... не на всех хостингах ...
Хостинг - это ведь не проблема css-файлов...
> Хостинг - это ведь не проблема css-файлов...
По большому счету, gzip - тоже не относится к оптимизации CSS :-)
По большому счету, gzip - тоже не относится к оптимизации CSS :-)
Новогодний Google
[Print]
reklama