Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Оптимизация css 
V
    Опции темы
Хоббит
Дата 5.8.2007, 12:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1



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

К этому же вопросу, оптимизация размешение css файла в html или в отдельном файле (во второй случае получаем лишний http запрос).
Оптимизация подключения файла, через link или через @import.

Выскажите свои мнения.
PM MAIL   Вверх
japanes
Дата 5.8.2007, 14:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 176
Регистрация: 20.1.2007

Репутация: 7
Всего: 7



Цитата(Хоббит @  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/technogrett...tml-principles/
читай последний абзац раздела «Выделение повторяющихся элементов оформления в CSS».


Цитата(Хоббит @  5.8.2007,  11:37 Найти цитируемый пост)
Оптимизация подключения файла, через link или через @import.

а это што такое?
PM MAIL   Вверх
WebDisaster
Дата 5.8.2007, 16:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 406
Регистрация: 22.6.2007

Репутация: 17
Всего: 19



К тому, что написано у Лебедева, можно добавить ещё одну деталь.

Если во внешнем css-файле бэкграунды-картинки подгружаются как url(/path/to/file.jpg), такая графика кэшируется гораздо более "агрессивно". Т.е. браузер проверяет, не обновлялся ли после последнего посещения внешний файл css. Если этот файл не обновлялся, тогда из кэша извлекается и сам css и вся подгружаемая из css графика. Если графику подгружать внутри html, браузер будет проверять на обновление каждый файл. И количество http запросов только увеличится, соответственно количеству файлов. 
PM MAIL   Вверх
Хоббит
Дата 5.8.2007, 17:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1



Потерял сообщение. Когда я говорил про обфускацию кода, я четко обозначил, что это проводится в глобальной версии сайта (у хостера). Есть же еще и локальная версия сайта, где все коды остаются не тронутыми. На локальной версии и проводиться редизайн.
PM MAIL   Вверх
japanes
Дата 5.8.2007, 20:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 176
Регистрация: 20.1.2007

Репутация: 7
Всего: 7



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

опять зачем столько проблем, чтобы переписывать название классов/айдишников для элементов «живого» сайта?
PM MAIL   Вверх
Хоббит
Дата 8.8.2007, 11:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1



чтобы уменьшить размер страницы и время загрузки
PM MAIL   Вверх
japanes
Дата 8.8.2007, 12:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 176
Регистрация: 20.1.2007

Репутация: 7
Всего: 7



Хоббит, еще раз повторяю почитай здесь

http://www.artlebedev.ru/tools/technogrett...tml-principles/
последний абзац раздела «Выделение повторяющихся элементов оформления в CSS».


Цитата(Хоббит @  8.8.2007,  10:51 Найти цитируемый пост)
чтобы уменьшить размер страницы и время загрузки

не в стилях дело, дело в запросах к БД и коду написаному, ибо они реально могут тормозить загрузку страницы.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.3730 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.