Оптимизация CSS кода собственными ручками

Оптимизация CSS как элемент оптимизации всего сайта

Оптимизацией CSS кода я называю как сокращение кода (сокращение пробелов, расстояний между строк внутри файла .css),
так и упрощение или удаление всего лишнего. Вот пример
упрощения: color:#036 вместо color:#003366 или padding:1px 0 вместо padding:1px 0 1px 0. Так можно добиться еще
большего эффекта: h1,h2,h3{font-size:14px;color:#334} вместо h1 {font-size:14px; color:#334}, h2 {font-size:14px; color:#334}, h3{font-size:14px; color:#334}. В итоге мы имеем меньший вес или размер каждой отдельной страницы сайта, выраженный в байтах или килобайтах. Так при прочих равных условиях более высоко в поисковой выдаче будет находится страница с меньшим размером (сомневаюсь, что существуют

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

На момент написания статьи два мои .css файла, что на ab-w.net не оптимизированы, но это первое, чем я займусь в ближайшее время.

Оптимизация CSS, если мы говорим о большой посещаемости сайта и соответственно большом количестве просмотров его отдельных страниц, может в каком-то процентном соотношении снизить нагрузку на сервер хостинга. Особенно это актуально для тарифов с ограниченным трафиком. Но большой посещаемости сайта (1000 - 10 000 человек в сутки) еще нужно добиться, а помочь в этом призвана оптимизация (сюда стоит включить оптимизацию HTML кода, оптимизацию или уменьшение размера, но и качества изображений, не использование или минимальное использование JavaScript посредством подключения внешних файлов, отказ от Flash, удобная и понятная для пользователей навигация по сайту, минимальное количество любой рекламы, отказ от продажи ссылок, что в общем является составляющей поисковой оптимизации сайта в целом → SEO). Такая вот головоломка.

 

Еще по нашей теме