CSS микрооптимизация - PullRequest
       10

CSS микрооптимизация

0 голосов
/ 12 октября 2009

Я рассматриваю микрооптимизацию огромной таблицы стилей CSS, и у меня есть пара вопросов, связанных с этим:

  1. Является ли строчная буква лучше, чем прописная, для уменьшения размера файла?
  2. Фоновая позиция: справа (5 символов); меньше, чем background-position: 0 100%; (6 символов с пробелами)?

Есть ли что-нибудь еще, что может помочь уменьшить размер файла? (Помимо слияния CSS-селекторов, свойств и т. Д., Которые я должен сделать вручную)

Спасибо

Ответы [ 3 ]

2 голосов
/ 12 октября 2009

Вы бы гораздо лучше обслуживали cz в сжатом виде, чем беспокоиться о таких вещах.

1 голос
/ 12 октября 2009
  1. Регистр символов не имеет значения, нет разницы в количестве байтов.
  2. Зависит от браузера:

Первое утверждение на один байт короче, но оно также имеет другое значение.

В общем, размер файла не является единственным фактором в расчете скорости. Это также зависит от того, насколько сложно для браузера интерпретировать его. Так что любая чрезмерно умная конструкция CSS может выжать несколько байтов из общего размера, но возможно, что сам процесс синтаксического анализа займет больше времени.

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

В общем, достаточно удалить все комментарии и все ненужные пробелы , но никогда не занимайтесь разработкой этого минимизированного источника. Сохраните оригинал и при необходимости создайте сжатую версию.

Больше информации по этой теме: www.minifycss.com и this .

0 голосов
/ 12 октября 2009

Похоже, это много хлопот, лучше потратить время в другом месте, если вы пытаетесь добиться лучшей производительности. Вам известно о работе Стива Соудерса на высокопроизводительных веб-сайтах? http://stevesouders.com/hpws/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...