Аптымізацыя CSS стыляў у WordPress
Наступная праблема, якая патрабуе вырашэння, як і ў выпадку малюнкаў , Гэта скарачэнне кода і аптымізацыя CSS стыляў і JS скрыптоў.
Аптымізацыя дазволіць, на думку сэрвісу Developers Google, скараціць аб'ём дадзеных, паскорыць іх загрузку і апрацоўку.
змест:
Калі CSS-файлаў на сайце шмат, то для аптымізацыі неабходна аб'яднаць іх у адзін, мінімізаваць іх, гэта значыць прыбраць усе прабелы, усе каментары, зрабіць код самым мінімалістычны, каб паменшыць загрузку з сервера ў браўзэр.
Аптымізацыя CSS з дапамогай плагіна
У выпадку WordPress існуюць спецыяльныя убудовы, якія сумяшчаюць магчымасць аб'яднання і минификации скрыптоў і аптымізацыі стыляў. Адзін з іх, гэта - JS & CSS Script Optimizer.
Знаходзім яго ў каталогу WordPress, спампоўваем, усталёўваем і актывуецца.
Тут трэба сказаць, што ён у дрэнным аб'яднанне css стыляў можа прывесці да парушэння адлюстравання сайта, могуць узнікаць канфлікты стыляў, няправільнае адлюстраванне сайта і т. Д.
Вынік аб'яднання ў гэтым выпадку залежыць ад канкрэтнай тэмы і для некаторых з іх убудова можа наогул не падысці.
Іншыя тэмы, наадварот, могуць ужо ўтрымліваць опцыю аб'яднання і памяншэння css стыляў і скрыптоў на сайце.
Варта адзначыць, што перш чым пачынаць аптымізацыю файлаў css і працаваць са скрыптамі, неабходна зрабіць поўную рэзервовую копію сайта, а таксама рэзервовую копію базы дадзеных для таго, каб пры неабходнасці не трэба было думаць, як аднавіць рэсурс.
Настройка ўбудовы JS & CSS Script Optimizer
Адкрываем налады плагіна JS & CSS Script Optimizer. Тут для эфектыўнай аптымізацыі трэба выканаць паслядоўна наступныя дзеянні:
- Убудова ўключаем - Enable plugin, дырэкторыю для захоўвання кэша файлаў і шлях да яго пакідаем як ёсьць.
- Далей ставім галачку Ignore external JavaScript, то ёсць ігнараваць знешнія скрыпты з іншых даменаў.
- Спакаваць Java скрыпты, гэта рашэнне на ваша меркаванне, таму што яны могуць перастаць працаваць.
- Затым ідуць пункты аб'яднання скрыптоў у футере і хедэры або перанесці іх у футер, таксама на меркаванне ў кожным асобным выпадку па свойму.
- Далей ўключаем опцыі аптымізацыі CSS, толькі для тых скрыптоў, якія знаходзяцца на вашым дамене, аб'яднаць файлы стыляў, минифицировать іх і затым захоўваем налады.
- Затым у поле Ignore next CSS дапускаецца ўнесці спіс файлаў CSS, якія не трэба аб'ядноўваць.
Гэта можа спатрэбіцца, калі раптам вы заўважылі, што сайт пачынае адлюстроўвацца некарэктна і ў гэтым выпадку некаторыя файлы стыляў неабходна выключыць з аб'яднання.
Дадзеныя ў гэтае поле трэба ўносіць з адносным шляхам, таму што некаторыя з іх могуць належаць тэме афармлення, альбо плягіну, таму лепш канкрэтызаваць усе задачы.
Абнаўляем рэсурс, усё выглядае нармальна, правяраем усе старонкі, нічога не сапсавалася і нават працуе.
Правяраем зыходны код, у ім можна бачыць аб'яднаны файл CSS стыляў і аб'яднаныя Java скрыпты.
Код пасля аптымізацыі атрымаўся вельмі шчыльны, практычна не прыдатны для рэдагавання, але ён аптымальны для загрузкі ў браўзэр, так як у ім няма нічога лішняга.
Зыходныя дадзеныя пры гэтым ніяк не мяняюцца, усё што ёсць у тэме афармлення або ў убудовах, усё застаецца без зменаў, гэта значыць аптымізацыя CSS ніяк іх не змяняе.
Пры гэтым аб'яднаны файл css захоўваецца ў кэшы і адтуль жа падгружаецца. З адключэннем плагіна ўсе цалкам аднаўляецца.
Паглядзім, што змянілася на сайтах сэрвісаў developers.google.com і tools.pingdom.com пасля аптымізацыі.
Можна заўважыць, што лік запытаў зменшылася і зменшылася таксама час загрузкі аб'яднаных CSS файлаў і Java скрыптоў.
Гэта значыць вынік пасля аптымізацыі css дастаткова добры і менш засталося праблем, якія яшчэ трэба вырашыць.
