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

  1. Каскадные таблицы стилей всегда следует размещать в отдельном файле. Таким образом, можно ускорить загрузку веб-страницы. Это произойдет вследствие уменьшения размера кода, а также за счет кэширования файла описания стиля.
  2. Неиспользуемые селекторы нужно удалять. В большом количестве селекторов легко запутаться, выясняя какой их них за что отвечает. Кроме того, при большом количестве селекторов увеличивается и объем самого документа. Поэтому все селекторы, которые не будут использоваться на сайте, сразу удаляйте. Чтобы разобраться, какой селектор задействован, а какой нет, лучше применять комментарий в коде. Это уменьшит вероятность, что вы запутаетесь в большом объеме текста.
  3. Необходимо применять группирование. При группировании одинаковые свойства описываются в одном месте. Это очень удобно, так как значение свойства не нужно повторять многократно. Достаточно написать его один раз.
  4. Применяйте универсальные свойства. Например, вовсе не обязательно применять четыре свойства margin-right, margin-left, margin-bottom и margin-top для того, чтобы задать значения отступа с четырех сторон элемента. Вместо этого применяйте универсальное свойство margin. В нем можно одновременно задать отступы для всех сторон, указав их через пробелы. Так вы сможете значительно уменьшить объем кода и повысить его читабельность.
  5. Записывайте правила в алфавитном порядке. Это нужно для того, чтобы при необходимости без проблем находить нужную строку в коде. Например, для ее редактирования. Если первые буквы правил будут идти в алфавитном порядке, то вы сможете быстро пробежать взглядом по всему списку и найти то, что вас интересует. Так вы значительно облегчите себе работу.