Навигация по сайту

Популярные статьи

Увлекательный поход по Крыму

Мы предлагаем вам увлекательный поход по живописным местам горного Крыма, полюбоваться красотами каньонов и горных водопадов, послушать журчание горных рек и пение птиц, насладиться экзотическими пейзажами

Отдых в Карпатах

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

Аптымізацыя CSS сваімі сіламі

  1. Аптымізацыя CSS у WordPress
  2. Аптымізацыя CSS онлайн-інструментамі
  3. Праверка валіднасці CSS

Аптымізуючы на ​​сваім сайце файлы стыляў (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 стылі тэкстам.

У сэрвісе можна паказаць url сайта (у такім выпадку будуць подгружены і правераны ўсе падключаюцца CSS файлы), поўны шлях да патрабаванага CSS файлу або CSS стылі тэкстам

Сэрвіс аптымізацыі CSS ад W3C: ачысьціць невалідны код з стыляў Вашага сайта

Не забудзьцеся зрабіць рэзервовую копію CSS файла перад тым, як Вы яго перазапіша "валіднай версіяй" ад сэрвісу W3C. Сэрвіс ажыццяўляе праверку Вашых стыляў на адпаведнасць спецыфікацыі CSS2.1 або CSS3 і некаторыя старыя тэмы і шаблоны могуць пацярпець ад выніку валідацыю! Таму, старанна ўсё праверце, клапоцячыся пра сваіх
наведвальніках!

Як працуюць гэтыя дапаўненні?