CSS компресия. Избор на най-добрата онлайн услуга за компресиране на CSS Компресирайте css онлайн

Това е процес на премахване на ненужен или излишен код в CSS файлове, за да се намали размерът на файла, за да се увеличи скоростта на зареждане на страницата.
Предлагаме на вашето внимание 10 CSS инструмента за оптимизациякойто може да ви помогне да организирате и оптимизирайте вашия cssкодирайте бързо и лесно.

stylestats

Услугата StyleStats събира и анализира CSS статистика за всеки уебсайт. Показва грешки и дава съвети как да ги коригирате.

CSS генератор на критичен път

Онлайн инструмент за ускоряване и оптимизиране на скоростта на зареждане на сайта.
Всички сме се сблъсквали с проблема да чакаме страницата да се изобрази, докато всички плъгини и стилове се заредят. Понякога на тежки сайтове отнема много време, за да се заредят всички файлове. Като използвате услугата Critical Path CSS Generator, можете да заобиколите този проблем. Тя ви позволява да генерирате CSS код по такъв начин, че при отваряне на страницата частта моментално се зареждаше до така наречения завой на вестника(първи екран). Този метод има положителен ефект върху оптимизацията за търсачки.

Хелий

Helium е скриптиран инструмент за откриване на неизползван CSSна страниците на уебсайта. Той се захранва от и работи в браузъра.

CSS Ratiocinators

CSS Ratiocinator автоматично ще промени вашия CSS и ще генерира нова масастилове с по-елегантен и кратък код, като същевременно почиства ненужните свойства, които са наследени от дъщерни елементи. Скриптът генерира нови стилове въз основа на дървото на елементите (DOM). Крайният резултат трябва да бъде чист и оптимизиран CSS код.

CSS Lint

Услуга за CSS оптимизация- CSS Lint показва проблеми с вашия CSS код. Неговите задачи включват отстраняване на проблеми и признаци на неефективност.

Трябва ли изобщо да компресирам CSS код?

Първо, нека дефинираме защо трябва да компресираме css кода? Ако нашите css файлове са малки, тогава няма какво да се похвалим, но ако разработвате солиден проект, тогава това е съвсем различна история. Така че вие ​​сте тук, за да научите как да организирате CSS компресия. По-конкретно... CSS компресията може да се приложи по няколко начина. По-долу е даден списък на всички методи за компресиране на CSS, за които знам.

CSS методи за компресиране

Бележки: статична компресия, компресира до - 80%-90%

Бележки: динамична компресия, компресира до -75%-95% (зависи от вас)

Бележки: статична компресия, компресира до - 50%

Просто изберете метода на css компресия, който харесвате, и кликнете върху него или прочетете всички методи и направете свои собствени заключения, които силно ви препоръчвам.

Компресиране на CSS с онлайн компресори

Анализирайки работата на css компресорите, можем да направим следните изводи за степента на компресиране на css. Експериментът е проведен на базата на два css файла със следните параметри:

първо - 7372 байта

втората е 62 609 байта

Първият css е кратък и четим, така че няма да се компресира добре.

CleanCSS онлайн компресор

Адрес: www.cleancss.com

Доста солидна услуга, нека видим резултатите от нейната CSS компресия.

Резултат:

първият е компресиран до 7075 байта (96%)

вторият е компресиран до 52 797 байта (84,3%)

FormatCSS онлайн компресор

Адрес: www.lonniebest.com/FormatCSS

Тази услуга е повече за форматиране на css файлове, отколкото за тяхното компресиране. css текствъведен чрез копиране/поставяне.

Резултат:

първият е компресиран до 8105 байта (109,9%)

вторият е компресиран до 61 715 байта (98,5%)

На линиякомпресорРобсън CSS компресор

Адрес: iceyboard.no-ip.org/projects/css_compressor

Услугата е гъвкава по отношение на натоварването програмен код css. Можете да заредите css в него от локална директория, от интернет или да копирате/поставите. Нека да разгледаме резултатите от компресирането на css файлове.

Резултат:

първият е компресиран до 6326 байта (86,3%)

вторият е компресиран до 48 985 байта (78,2%)

На линияcsshtml компресор Tabifier

Адрес: tools.arantius.com/tabifier

Позволява ви да компресирате не само css, но и html код. Но резултатът не е особено впечатляващ, направете си изводите.

Резултат:

първият е компресиран до 7876 байта (106,8%)

втората е компресирана до 60 706 байта (96,9%)

Компресиране на CSS с PHP

Компресирайте css с използвайки PHPдостъпен по няколко начина, но ще дам само един, най-интересен за моето разбиране. Предимството на css компресията в php е динамиката и гъвкавостта по отношение на настройките за компресиране, тъй като вие сами ги задавате с помощта на вашия php скрипт. Моят скрипт изглежда така:

Много прост и удобен код, който вмъквате в css файл, който трябва да бъде включен по най-познатия начин. Особеност даден phpСкриптът използва регулярни изрази, които премахват всички коментари и интервали, като по този начин компресират css.

Компресиране на CSS с Base 62

Методът е доста интересен и ефективен, но е статичен, тоест всеки път, когато промените вашия css файл, трябва да преминете през процедурата за компресиране на css файл. Тази процедура е описана стъпка по стъпка по-долу.

1. Компресияcss с компресор

Трябва да използвате един от css компресорите, за да премахнете всички бели интервали и да подравните css кода на един ред.

2. Създаванеjs файл

Трябва да създадете js файл и да поставите следния код в него:

Document.write("");

Вместо /*вашият стил */ вмъкнете резултантния низ в първия абзац на процедурата за компресиране.

3. База 62 компресия

Както можете да видите, сега имате js файл, който компресирате с помощта на услугата Опаковчик-http://dean.edwards.name/packer/

Поставете кода на вашия js файл в горното поле и поставете отметка в квадратчето base62 кодиранеи след това вземете резултата в долното поле.

Този метод ви позволява да компресирате css файл от 15kb до 8kb по размер, тоест с почти 50%. Предимството на такава сложна процедура е, че вмъквате получения код в js файла, в който се намират останалите ви js скриптове и всичко се зарежда заедно.

Публикувах всичките си знания за компресиятаcss. Ако имате някакви идеи за повече ефективни начиникомпресияcss, моля, пишете в коментарите. Благодаря за вниманието!

Здравейте, скъпи читатели на сайта на блога. Днес искам да наруша традицията (пишете равномерно във всички заглавия) и да представя на вашето внимание втората част от статията за.

Факт е, че е много по-лесно да пишете, както се казва, по горещо преследване, а не по-късно да си спомните: „как бих могъл да направя това?“, Което може да бъде доста трудно, особено след известно време.

Нека продължим да се опитваме да увеличим скоростта допълнително с помощта на инструмент като Page Speed, който е инсталиран като добавка към Mazila или Chrome. По принцип, вероятно напразно, казах в предишна статия, че този плъгин сам по себе си не може да направи нищо, за да ускори вашия проект, а само дава препоръки на какво точно трябва да обърнете внимание на първо място. Оказва се, че той самият може да направи нещо.

Оптимизиране и компресиране на CSS в Page Speed

В последната статия обсъдихме подробно как да инсталирате приставката Page Speed ​​​​и как да конфигурирате оптимално кеширането на статични обекти (изображения, скриптове, стилове) в потребителските браузъри.

След направените от нас настройки Уеб сървъри, този плъгин вече спря да се кълне в силно намаляване на скоростта поради „Използване на кеширането на браузъра“:

Всъщност Page Speed ​​​​посочва, че почти всички стилови файлове, които се зареждат в браузъра на посетителя заедно с уеб страницамоя блог, могат да бъдат значително оптимизирани (компресирани), за да се намали теглото им.

Ако щракнете върху знака плюс до „Минимизиране на CSS“, ще се отвори списък с обекти, които би било желателно да се оптимизират (компресират):

Но най-забележителното е, че самият плъгин ще свърши цялата работа по оптимизиране (компресиране). Погледнете внимателно, в края на реда с името на всеки неоптимизиран стилов файл в неговия прозорец ще бъдете подканени да видите оптимизираната (компресирана) версия и ако желаете, изтеглете каскадния файл със стилова таблица, който е като безплатен от боклук, колкото е възможно, което ще позволи, макар и малко, но да увеличи скоростта на изтегляне на сайта.

Оптимизацията е да се премахнат всички ненужни интервали и коментари, които по никакъв начин не влияят на работата на вашия ресурс, но със своята, макар и малка, но все пак допълнителна тежест, забавят неговото зареждане.

Например моят неоптимизиран style.css, който идва с WordPress тема, се състоеше от почти 2000 реда и след извършената оптимизация беше възможно да се намали броят на редовете в него до 400, а самият файл загуби една пета от първоначалното си тегло. да и външен видСлед това свойствата, предписани в него, ми харесват много повече.

Преценете сами, ето как изглеждаше преди да успея да го компресирам в Page Speed:

А ето как изглежда след оптимизация:

Така че, за това ще трябва само да изтеглите компресираната версия от връзката „Запиши като“. Изтеглено?

Сега се свържете чрез FTP, отидете в папката, където имате оригиналния файл със стилова таблица (вижте пътя в прозореца Page Speed ​​​​) и заменете стария некомпресиран с новия (този, който е оптимизиран за вас), като не забравяте дайте му същото име като оригинала, в противен случай каскадните стилови листове няма да работят. Мустаче, радвай се на тези милисекунди, с които се ускори зареждането на сайта ти.

Но в допълнение към основния CSS файл, който обикновено идва с темата, която използвате, в прозореца Page Speed ​​​​можете също да видите онези стилови файлове, които се използват от вашите инсталирани плъгини и разширения за WordPress (или всяка друга машина, която използвате) . По принцип можете да ги компресирате по същия начин, както беше обсъдено по-горе.

Как да обединим външен CSS в един общ файл

Но най-добрият вариант би бил да комбинирате всички външни CSS в един и едва след това да го компресирате с помощта на Page Speed. Това би бил идеалният вариант да спечелите още няколко милисекунди в скоростта на изтегляне. Всъщност самият плъгин предлага точно такава опция в полето „Комбиниране на външен CSS“:

Тук той ни предлага да комбинираме всички външни файлове(Външните скриптове също могат да бъдат комбинирани в едно - „Комбиниране на външен JavaScript“), заредени в браузъра на посетителите, в един общ, но ще е необходимо да деактивирате всички ненужни стилови файлове. Проблемът е, че много от тях създават и включват добавки или други разширения към вашия двигател.

Можете, разбира се, да влезете в кода на приставката и да деактивирате стиловете от там, но ако актуализирате това разширение, може да се наложи отново да копаете във вътрешността на приставката, за да я деактивирате отново. За WordPress има начин за решаване на този проблем централизирано, чрез познатите ви, които трябва да присъстват в папката с темата, която използвате:

/wp-content/themes/WordPress име на тема/functions.php

Ако не намерите functions.php, можете просто да го създадете, например в редактора на Notepad++ и да го качите в папката с теми на WordPress. Но със сигурност той все още ще бъде там. В него ще трябва да добавите малка част от PHP код като този:

Add_action("wp_print_styles", "my_deregister_styles", 100); функция my_deregister_styles() ( wp_deregister_style("google-ajax-translation"); wp_deregister_style("syntaxhighlighter-theme-default"); wp_deregister_style("syntaxhighlighter-core"); wp_deregister_style("wp-pagenavi"); wp_deregister_style("cfq" );)

Правейки това, ние дерегистрираме стиловете на някои плъгини в WordPress. В резултат на това отделните CSS файлове на тези добавки няма да бъдат заредени в браузърите на посетителите.

И дори ако актуализирате някой от тях, нищо няма да се промени и няма да е необходимо да ровите отново в кода им. Е, тъй като те се актуализират доста често, тогава по такъв хитър начин за изключване ще спестим значително време и нерви.

Всичко изглежда просто - те го изключиха и това е всичко, можете да забравите за него. Да, не е така. Преди това все още трябва да намерите в кода на всеки WP плъгин (в който деактивираме зареждането на стилове) регистъра, който отговаря за свързването им.

Ако погледнете по-отблизо горния код, ще забележите редовете, където са изброени точно тези регистри:

wp_deregister_style("google-ajax-превод"); wp_deregister_style("syntaxhighlighter-theme-default"); wp_deregister_style("syntaxhighlighter-core"); wp_deregister_style("wp-pagenavi"); wp_deregister_style("cfq");

Това е, например, за чудесен WordPress плъгинрегистърът ще бъде наречен "wp-pagenavi", а за приставката Quicktags за формуляр за коментар ще бъде "cfq". Ако използвате същите разширения като мен, тогава можете да не влизате в техния PHP код, а да заемате регистри от кода по-горе.

Но с деактивиране за всички добавки, които имат свои собствени файлове стайлинг, трябва да запомните да копирате цялото съдържание на тези най-забранени CSS, за да бъдат комбинирани в общ файл от папката с темата за дизайн (аз го наричам style.css). Разбираемо, нали?

Вероятно знаете какво въпросният. Такива CSS свойствоможе например да изглежда така:

Translate_links .translate_flag(background:url(flags.png) no-repeat;border:0;margin:0;padding:0;)

Записът url(flags.png) означава, че изображението, наречено flags.png, ще трябва да се търси в същата папка като самия файл с каскадна таблица със стилове. Но факт е, че когато копирате съдържанието на всички стилове на плъгини, те вероятно ще използват такива относителни пътища към изображенията.

И това ще доведе до факта, че WordPress няма да може да намери желаните изображения в посочения относителен път. В крайна сметка те все още остават в папките с плъгини. Следователно, когато комбинирате CSS, е наложително да замените относителни пътища към фонови изображенияв абсолютни, които изглеждат по следния начин:

След като направите това, всички фонови изображения, използвани от плъгини, чиито собствени стилове сте деактивирали, ще се върнат на първоначалните си позиции. Да, мисля, че можеш да се справиш.

Между другото, след като имате целия стилов код в един общ файл, не го забравяйте отново компресирайте чрез Page Speed, намирайки в неговия прозорец ред, наречен Minify CSS и щраквайки върху знака плюс до този надпис, след което копирайте оптимизирания файл „Запазване като“. След това заменете с него оригиналния файл в папката с вашата WordPress тема.

Деактивиране на външен CSS за ускоряване на сайта с пример

Хайде сега конкретен примерЩе се опитам да покажа къде да търсите името на регистъра на плъгините на WordPress, който ви позволява да деактивирате зареждането на неговия стил. Всъщност, за да намерим правилния регистър, ще ни трябва файл с PHP разширение от папката с този плъгин. Като цяло всички те живеят в една и съща папка:

/wp-content/plugins

Следователно тук трябва да потърсите желаната директория. Нека вземем SyntaxHighlighter Evolved като пример, защото има доста необичайна ситуация да използва множество таблици със стилове в зависимост от опциите за стилизиране, които сте избрали в настройките на приставката.

Както можете да видите, избрах изгледа, който беше във втората версия на плъгина, и цветовата схема SyntaxHighlighter се използва по подразбиране. Сега ще трябва да отида в неговата папка, като се свържа с блога чрез FTP:

/wp-content/plugins/syntaxhighlighter/syntaxhighlighter2/styles

копирайте съдържанието на двата CSS файла, които планираме да деактивираме: shCore.css и shThemeDefault.css, т.к. именно върху тях ни сочи с пръст Page Speed ​​​​(е, в настройките съм избрал темата по подразбиране, за която съвсем логично ни трябва CSS с подходящото име).

След това отворете за редактиране:

/wp-content/plugins/syntaxhighlighter/syntaxhighlighter.php

След това потърсете и прочетете. Потърсете нещо, което съдържа "CSS". В syntaxhighlighter.php това ще бъде кодовият фрагмент:

// Регистриране на таблици със стилове на тема wp_register_style("syntaxhighlighter-core", plugins_url("syntaxhighlighter/" . $this->shfolder . "/styles/shCore.css"), array(), $this->agshver); wp_register_style("syntaxhighlighter-theme-default", plugins_url("syntaxhighlighter/" . $this->shfolder . "/styles/shThemeDefault.css"), array("syntaxhighlighter-core"), $this->agshver); wp_register_style("syntaxhighlighter-theme-django", plugins_url("syntaxhighlighter/" . $this->shfolder . "/styles/shThemeDjango.css"), array("syntaxhighlighter-core"), $this->agshver); wp_register_style("syntaxhighlighter-theme-eclipse", plugins_url("syntaxhighlighter/" . $this->shfolder . "/styles/shThemeEclipse.css"), array("syntaxhighlighter-core"), $this->agshver); wp_register_style("syntaxhighlighter-theme-emacs", plugins_url("syntaxhighlighter/" . $this->shfolder . "/styles/shThemeEmacs.css"), array("syntaxhighlighter-core"), $this->agshver); wp_register_style("syntaxhighlighter-theme-fadetogrey", plugins_url("syntaxhighlighter/" . $this->shfolder . "/styles/shThemeFadeToGrey.css"), array("syntaxhighlighter-core"), $this->agshver); wp_register_style("syntaxhighlighter-theme-midnight", plugins_url("syntaxhighlighter/" . $this->shfolder . "/styles/shThemeMidnight.css"), array("syntaxhighlighter-core"), $this->agshver); wp_register_style("syntaxhighlighter-theme-rdark", plugins_url("syntaxhighlighter/" . $this->shfolder . "/styles/shThemeRDark.css"), array("syntaxhighlighter-core"), $this->agshver);

Разглеждаме кои регистри ще ни позволят да деактивираме зареждането на стилове shCore.css и shThemeDefault.css. Копираме техните имена (в моя случай те ще бъдат: syntaxhighlighter-theme-default и syntaxhighlighter-core) и добавяме два допълнителни реда към functions.php (от папката с вашата тема) към парчето код, описано малко по-горе:

wp_deregister_style("syntaxhighlighter-theme-default"); wp_deregister_style("syntaxhighlighter-core");

И повтаряте това за всеки плъгин на WordPress, за който планирате да деактивирате зареждането на стилове. Надявам се, че всичко ви стана ясно и разбираемо. Ако не, опитайте да го прочетете отново, защото темата не е много лесна за разбиране, въпреки че се опитвам да не усложнявам или да правя излишно текста по-тежък (който има нужда от подробности, защото колкото по-прост, толкова по-добре).

В резултат на всички манипулации ще имате цял списък от редове с регистри на плъгини във functions.php, чиито стилове трябва да бъдат деактивирани. И в един общ CSS файл, от папката на темата, той ще съдържа целия стилов код на вашия сайт. Нека ви напомня още веднъж - не забравяйте да компресирате или, с други думи, оптимизирайте style.css чрез Page Speed ​​​​по начина, описан по-горе.

Късмет! Ще се видим скоро на сайта на страниците на блога

Може да се интересувате

Файл functions.php от папката с теми на WordPress и реални примери за използването му
Как да увеличите максимално скоростта на зареждане на уебсайта и да оптимизирате натоварването на сървъра Безплатни теми и шаблони за WordPress - откъде да ги изтеглите
Как да получите бърз сайт - оптимизация (компресия) на изображения и скриптове, както и намаляване на броя http заявки
Как да намерите и премахнете неизползваните стилови низове (допълнителни селектори) в CSS файла на вашия сайт
Оптимизация на тема (шаблон) на WordPress за намаляване на натоварването на хостинг сървъра, WP Tuner плъгин и броя на заявките за база данни
Създаване на CSS спрайтове онлайн генератор Sprites Me за намаляване на заявките към сървъра
Теми за WordPress - от какви шаблони се състоят и как работи всичко
Намаляване на потреблението на памет в WordPress при създаване на страници - WPLANG Lite плъгин за заместване на файла за локализация
Как да пишете статии в WordPress - визуални и Html редактори, заглавия и подчертаване ключови думи
Gzip компресиране за ускоряване на зареждането на сайта - как да го активирате за Js, Html и Css с помощта на .htaccess файл

Дами и господа, нека включим параноята:

Въпреки това, ако вземем предвид средния резултат, тогава 2 инструмента се открояват с доста голям марж:

1. cssresizer.com (84,13%);

кой е спойлер

[имейл защитен]:~$ whois cssresizer.com

Whois сървър версия 2.0

Имената на домейни в домейните .com и .net вече могат да бъдат регистрирани
с много различни конкуриращи се регистри. Отидете на http://www.internic.net
за подробна информация.

Име на домейн: CSSRESIZER.COM
Регистратор: РЕГИСТРАТОР НА ИМЕНА НА ДОМЕЙНИ REG.RU LLC
Спонсориращ регистратор IANA ID: 1606
Whois сървър: whois.reg.com
URL адрес за препоръка: http://www.reg.ru
Сървър за имена: NS1.MCHOST.RU
Сървър за имена: NS2.MCHOST.RU
Сървър за имена: NS3.MCHOST.RU
Сървър за имена: NS4.MCHOST.RU
Статус: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Актуализирана дата: 21 април 2016 г
Дата на създаване: 08-апр-2016
Срок на годност: 08-04-2017

За повече информация относно кодовете за състояние Whois, моля, посетете https://icann.org/epp

ЗАБЕЛЕЖКА: Датата на изтичане, показана в този запис, е датата, на която
Спонсорството на регистратора на регистрацията на име на домейн в регистъра е
в момента е зададено да изтече. Тази дата не отразява непременно изтичането
дата на споразумението на регистранта на име на домейн със спонсора
регистратор. Потребителите могат да се консултират с Whois базата данни на спонсориращия регистратор, за да
вижте отчетената от регистратора дата на изтичане на тази регистрация.

УСЛОВИЯ ЗА ПОЛЗВАНЕ: Вие не сте упълномощени да осъществявате достъп или да търсите в нашия Whois
база данни чрез използването на електронни процеси, които са с голям обем и
автоматизирано, освен ако е разумно необходимо за регистриране на имена на домейни или
модифициране на съществуващи регистрации; данните в глобалния регистър на VeriSign
Услуги" ("VeriSign") Whois база данни се предоставя от VeriSign за
само за информационни цели и за подпомагане на лица при получаване на информация
относно или свързани със запис за регистрация на име на домейн. VeriSign не го прави
гарантират неговата точност. С изпращането на Whois заявка вие се съгласявате да спазвате
от следните условия за използване: Вие се съгласявате, че можете да използвате само тези данни
за законни цели и че при никакви обстоятелства няма да използвате тези данни
за: (1) разрешаване, разрешаване или поддържане по друг начин на предаване на маса
нежелана, търговска реклама или покани по имейл, телефон,
или факсимиле; или (2) позволяват големи обеми автоматизирани електронни процеси
които се отнасят за VeriSign (или неговите компютърни системи). компилация,
преопаковането, разпространението или друго използване на тези данни е изрично
без забранено предварителното писмено съгласие на VeriSign. Вие се съгласявате да не го правите
използват електронни процеси, които са автоматизирани и с голям обем за достъп или
да правите заявки в базата данни Whois, освен когато е разумно необходимо за регистрация
имена на домейни или модифициране на съществуващи регистрации. VeriSign си запазва правото
да ограничи достъпа ви до базата данни Whois по свое усмотрение, за да гарантира
оперативна стабилност. VeriSign може да ограничи или прекрати достъпа ви до
Whois база данни за неспазване на тези условия за ползване. VeriSign
си запазва правото да променя тези условия по всяко време.

Базата данни на регистъра съдържа САМО домейни .COM, .NET, .EDU и
Регистратори.

Име на домейн: cssresizer.com
IDN име на домейн: cssresizer.com
Статус: clientTransferProhibited http://www.icann.org/epp#clientTransferProhibited
ID на домейн в регистъра:
Регистратор WHOIS сървър: whois.reg.com
URL на регистратора: https://www.reg.com/
URL на регистратора: https://www.reg.ru/
URL на регистратора: https://www.reg.ua/
актуализирана дата:
Дата на създаване: 2016-04-08T14:01:10Z
Дата на изтичане на регистрацията на регистратора: 08.04.2017 г
Регистратор: Регистратор на имена на домейни REG.RU LLC
Регистратор на IANA ID: 1606
Имейл за връзка със злоупотреба с регистратора: [имейл защитен]
Телефон за връзка със злоупотреба с регистратора: +7.4955801111
Идентификационен номер на регистранта в регистъра:
ID на регистранта:
Име на регистранта: Защита на частно лице
Улица на регистранта: пощенска кутия 87, служба за защита на REG.RU
Град на регистранта: Москва
Държава/провинция на регистратора:
Пощенски код на регистранта: 123007
Държава на регистратора: RU
Телефон за регистрация: +7.4955801111
Вътрешен телефон на регистранта:
Факс на регистранта: +7.4955801111
FaxExt на регистранта:
Регистриран емайл: [имейл защитен]
ID на администратора:
Име на администратора: Защита на частно лице
Административна улица: пощенска кутия 87, служба за защита на REG.RU
Град на администратора: Москва
Административна държава/област:
Административен пощенски код: 123007
Държава на администратора: RU
Телефон на администратора: +7.4955801111
Admin PhoneExt:
Факс на администратора: +7.4955801111
FaxExt на администратора:
Имейл на администратора: [имейл защитен]
Технически ID:
Техническо име: Защита на частно лице
Tech Street: пощенска кутия 87, REG.RU служба за защита
Технически град: Москва
Техническа държава/провинция:
Технически пощенски код: 123007
Технологична държава: RU
Технически телефон: +7.4955801111
Вътрешен технически телефон:
Технически факс: +7.4955801111
Технически факс Ext:
технически имейл: [имейл защитен]
Сървър за имена: ns1.mhost.ru
Сървър за имена: ns2.mhost.ru
Сървър за имена: ns3.mhost.ru
Сървър за имена: ns4.mhost.ru
DNSSEC: Неподписан
URL на системата за докладване на проблеми с данните WHOIS на ICANN: http://wdprs.internic.net/
>>> Последна актуализация на базата данни WHOIS: 2016-07-27T00:49:39Z<<<

За повече информация относно кодовете за състояние Whois, моля, посетете
https://www.icann.org/resources/pages/epp-status-codes-2014-06-16-en.

% Чрез изпращане на запитване до REG.RU Whois Service
% Вие се съгласявате да спазвате следните условия за ползване:
% http://www.reg.ru/whois/servpol (на руски)
% http://www.reg.com/whois/servpol (на английски)

И отново:

с доста голям марж се открояват 2 инструмента

почти забравих

Оптимизирането или компресирането на css стилове ще ускори зареждането на страницата на сайта, ще ускори анализирането и ще намали количеството прехвърлени данни. В същото време сайтът няма да загуби малко от красотата си, тъй като компресията в стил css се извършва без вреда за производителността на неговия код. За тези цели ви предлагам да използвате специален онлайн инструмент, намиращ се на следната страница http://www.cssdrive.com/index.php/main/csscompressor/, който ще може да компресира адекватно вашия CSS файл.

Как се извършва CSS компресията?

Компресирането на CSS стилове става чрез използване на няколко налични действия:

1. Премахване на празни редове.
2. Премахване на допълнителни интервали.
3. Премахване на отстъпи.
4. Премахване на коментари.
5. Използване на компресирани цветови кодове, където е възможно.
6. Премахване на ненужни знаци.

За да видите всички действия, които се случват с CSS стиловете по време на компресиране, щракнете върху бутона разширен режимна сайта по-горе. Както можете да видите, нито една от горните оптимизации на CSS стил няма да навреди на функционалността на CSS. Приблизително същите действия са налични за

Как да оптимизирам css?

Интерфейсът на сайта, който дадох за компресиране на CSS файлове, е доста прост:

В първия параграф трябва да изберете нивото на компресия на стила. Предлагам да изберете степен на компресия нормално, защото постига баланс между компресията и изправността на кода. Използване на същото ниво на компресия Супер компактенможе да доведе до грешки в кода.

Вторият параграф е за изтриване на коментари. Тази настройка се показва в основния формуляр, тъй като уеб администраторът може да има нужда от коментари в бъдеще. Следователно изтриването им до нула без предупреждение е лоша идея. Първото квадратче за отметка в този параграф няма да изтрие коментари, второто ще изтрие всички коментари. Но третата точка ще изтрие коментари, чиято дължина не е по-малка от стойността, която сте избрали.

Освен това винаги можете да отидете на Разширен режимкомпресирайте CSS стилове и изберете само пътищата за компресиране, от които се нуждаете.

Натисни бутона Компресирайте гоПускате стискане css-файл и получете дългоочаквания резултат под формата на оптимизиран стилов файл. Сега остава само да замените съдържанието на оригиналния css файл с оптимизирания код.