Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Оптимизация css

Автор: Хоббит 5.8.2007, 12:37

Здравствуйте. Хотелось бы поговорить об програмной оптимизации css кода. Знает ли кто какие решения, для оптимизации? Под оптимизацией я имею в виду, обьединение идентичных селекторов. Разбиение текущих описаний, с целью оптимизации, например: когда у двух классов 5 правил одинаковые, а 1 разное. А также обфускацию css кода, для уменьшения размера (можно же в глобальной версии сайта заменить все стили .edge на .a, .content на .b, .caption на .c и.т.д.). К этому же вопросу, оптимизация размешение css файла в html или в отдельном файле (во второй случае получаем лишний http запрос). Оптимизация подключения файла, через link или через @import. Выскажите свои мнения.

Автор: japanes 5.8.2007, 14:59

Цитата(Хоббит @  5.8.2007,  11:37 ) А также обфускацию css кода, для уменьшения размера (можно же в глобальной версии сайта заменить все стили .edge на .a, .content на .b, .caption на .c и.т.д.). прошу прощения, но это бред седой кобылы, ибо при редизайне человек, редактирующий css, будет поливать вас матом с ног до головы. Цитата(Хоббит @  5.8.2007,  11:37 ) К этому же вопросу, оптимизация размешение css файла в html или в отдельном файле (во второй случае получаем лишний http запрос) http://www.artlebedev.ru/tools/technogrette/html/some-html-principles/ читай последний абзац раздела «Выделение повторяющихся элементов оформления в CSS». Цитата(Хоббит @  5.8.2007,  11:37 ) Оптимизация подключения файла, через link или через @import. а это што такое?

Автор: WebDisaster 5.8.2007, 16:39

К тому, что написано у Лебедева, можно добавить ещё одну деталь. Если во внешнем css-файле бэкграунды-картинки подгружаются как url(/path/to/file.jpg), такая графика кэшируется гораздо более "агрессивно". Т.е. браузер проверяет, не обновлялся ли после последнего посещения внешний файл css. Если этот файл не обновлялся, тогда из кэша извлекается и сам css и вся подгружаемая из css графика. Если графику подгружать внутри html, браузер будет проверять на обновление каждый файл. И количество http запросов только увеличится, соответственно количеству файлов.

Автор: Хоббит 5.8.2007, 17:32

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

Автор: japanes 5.8.2007, 20:40

Цитата(Хоббит @  5.8.2007,  16:32 ) Потерял сообщение. Когда я говорил про обфускацию кода, я четко обозначил, что это проводится в глобальной версии сайта (у хостера). Есть же еще и локальная версия сайта, где все коды остаются не тронутыми. На локальной версии и проводиться редизайн.  опять зачем столько проблем, чтобы переписывать название классов/айдишников для элементов «живого» сайта?

Автор: Хоббит 8.8.2007, 11:51

чтобы уменьшить размер страницы и время загрузки

Автор: japanes 8.8.2007, 12:05

Хоббит, еще раз повторяю почитай здесь http://www.artlebedev.ru/tools/technogrette/html/some-html-principles/ последний абзац раздела «Выделение повторяющихся элементов оформления в CSS». Цитата(Хоббит @  8.8.2007,  10:51 ) чтобы уменьшить размер страницы и время загрузки не в стилях дело, дело в запросах к БД и коду написаному, ибо они реально могут тормозить загрузку страницы.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)