Аптымізуючы на сваім сайце файлы стыляў (CSS) , Можна павялічыць хуткасць загрузкі сайта, часам вельмі істотна, што пазітыўна адаб'ецца не толькі на павышэнні ацэнкі ў Page Speed, але і ўнясе сваю лепту ў раскрутку сайта.
Аптымізацыя (сціск) CSS - выдатны спосаб паменшыць вагу сайта - у браўзэр канчатковага карыстача будзе аддавацца менш дадзеных, за кошт мінімізацыі кода і стыляў у CSS-файлах. Не важна, колькі аб'ёму займаюць на вашым сайце CSS стылі, у любым выпадку, 50 і больш% іх змесціва можна проста выдаліць (!) Без якога-небудзь шкоды для вашага сайта, што, безумоўна, з'яўляецца важным складальнікам у аптымізацыі хуткасці сайта.
Аптымізацыю CSS можна і трэба праводзіць на любой платформе. У залежнасці ад ПА сайта, гэта можна рэалізаваць з дапамогай убудоў і модуляў для вашай CMS. Таксама гэта можна рэалізаваць з дапамогай онлайн-інструментаў.
Аптымізацыя CSS у WordPress
У WordPress аптымізацыю CSS можна рэалізаваць аўтаматычна з дапамогай убудоў. Як працуюць гэтыя дапаўненні? Убудовы па аптымізацыі CSS мінімізуюць і сціскаюць CSS-файлы:
- выдаляюць каментары з CSS
- выдаляюць новыя і пустыя радкі, двайныя прабелы, табуляцыі і г.д.
- аб'ядноўваюць аднатыпныя стылі
- пераводзяць значэння кветак у кароткія (#ffffff і #fff - працуюць аднолькава добра)
- выкарыстоўваюць GZIP кампрэсію для аптымізаванага CSS
Сярод папулярных убудоў можна назваць:
Дарэчы, аптымізацыю CSS мэтазгодна праводзіць разам з JavaScript . І два апошнія плагіна працуюць як раз у абодвух напрамках (ўмеюць аптымізаваць JS нароўні з CSS).
Аптымізацыя CSS онлайн-інструментамі
Існуе маса онлайн аптымізатараў CSS кода, якія мэтазгодна выкарыстоўваць на статычных сайтах. Іх можна выкарыстоўваць і для аптымізацыі CSS WordPress, калі тэма не прадугледжвае абнаўленняў, пастаянных дапрацовак і г.д.
Онлайн CSS аптымізатар ўяўляе сабой онлайн-інструмент для скарачэння памеру файла каскадных табліц стыляў. Проста пакажыце спасылку да файла стыляў або загрузіце стылі ў адмысловае акно. Прыкладамі онлайн аптымізатараў CSS могуць служыць:
http://www.cssdrive.com/index.php/main/csscompressor/
http://www.cy-pr.com/tools/css/
http://www.css-school.ru/optimiser/
http://www.pagecolumn.com/tool/css_compressor.htm
http://www.online-code.net/minify-css.html
http://csscompressor.com
http://www.askapache.com/online-tools/compress-css/
http://refresh-sf.com
і г.д.
Праверка валіднасці CSS
Папулярны і прызнаны онлайн сэрвіс праверкі валідацыю CSS ад W3C можа знайсці ўсё памылкі ў стылях і аўтаматычна згенераваць валідны файл стыляў для Вашага сайта. Валідны - значыць "задавальняе спецыфікацыі CSS". У сэрвісе можна паказаць url сайта (у такім выпадку будуць подгружены і правераны ўсе падключаюцца CSS файлы), поўны шлях да патрабаванага CSS файлу або CSS стылі тэкстам.
Сэрвіс аптымізацыі CSS ад W3C: ачысьціць невалідны код з стыляў Вашага сайта
Не забудзьцеся зрабіць рэзервовую копію CSS файла перад тым, як Вы яго перазапіша "валіднай версіяй" ад сэрвісу W3C. Сэрвіс ажыццяўляе праверку Вашых стыляў на адпаведнасць спецыфікацыі CSS2.1 або CSS3 і некаторыя старыя тэмы і шаблоны могуць пацярпець ад выніку валідацыю! Таму, старанна ўсё праверце, клапоцячыся пра сваіх
наведвальніках!