Наша команда-партнер Artmisto
Некалькі дзён запар працую над шаблонам, які нядаўна памяняў. Да гэтага стаяў фіксаваны шаблон, як бы я не біўся з ім, адаптаваным зрабіць я яго не змог, таму прыйшлося зрабіць інакш - усталяваць ўжо ці адаптаваць шаблон і перарабіць яго пад сябе. Зрабіў усю працу і вырашыў праверыць хуткасць загрузкі сайта ў PageSpeed , Вынікі мяне, мякка кажучы, пабілі. Лічыльнік хуткасці паказваў усяго толькі 22/100, так нікуды не варта, што нешта трэба рабіць і я пачаў усё аптымізаваць. У выніку вынік змог палепшыць да 65/100, але і на гэтым я не збіраюся спыняцца. Сваімі метадамі, я з радасцю падзялюся з вамі, так што падпісвайцеся на абнаўлення ў нізе артыкула і будзьце заўсёды ў курсе.
У гэтым артыкуле мы разгледзім убудова Autoptimize, ўклад, вядома, ён унёс не вялікі, але ўсё-такі крыху дапамог, павялічыўшы хоць неяк паказчыкі. Перад паказам старонкі, убудова собирет ўсе JS файлы ў адзін і выводзіць у канцы старонкі, тое ж самае адбываецца і з CSS файламі. Акрамя гэтага ў дадатак ён яшчэ аптымізуе і код HTML. Рэкамендацый яго абавязкова ставіць, я не даю, але і не ставіць таксама. Увогуле, выбар за вамі, а за мной апісанне налад.
Праходзім стандартны працэс ўстаноўкі , Пасля чаго ў наладах у вас з'явіцца новы пункт кансоль > Налады> Autoptimize
Асноўныя налады.
Адзначаем абавязкова гэтыя пункты:
- Аптымізаваць код HTML
- Аптымізаваць код JavaScript
- Аптымізаваць код CSS
Захоўваць каментары HTML - калі ў кодзе старонкі ёсць нейкія важныя каментара аб рабоце убудоў (напрыклад, Super Cache выдае инфорцию на колькі старонка стала загружацца хутчэй) то трэба адзначыць гэты пункт, у іншых жа выпадках адзначаць яго не варта.
Generate data: URIs for images - што робіць гэтая настройка, я так да канца не зразумеў, нейкія выявы стануць фонавымі, што ў сваю чаргу таксама павінна паскорыць сайт.
Можна адзначыць, але толку вялікага не будзе.
Дадатковыя налады.
У уверсе старонкі ёсць кнопачка пад назвай "Show advanced settings", пасля яе націску, ўсплывуць дадатковыя налады.
Force JavaScript in <head> - убудова падлучае JavaScript у канцы старонкі, але з-за гэтага могуць з'яўляцца розныя памылкі, пры падобных праблемах проста адзначце гэты пункт.
Look for scripts only in <head> - працаваць толькі са скрыптамі ў <head>. Выкарыстоўваць пажадана з папярэдняй наладай.
Exclude scripts from Autoptimize - спіс скрыптоў якія трэба выключыць. Гэтыя налады лепш наогул не чапаць.
Add try-catch wrapping - выключаць непрацоўныя скрыпты. Калі вы не ўпэўненыя ў працаздольнасці скрыптоў на вашым сайце, адзначце гэты пункт, і яны будуць выключаныя.
Look for styles only in <head> - вырабляць працу толькі са стылямі размешчанымі ў <head>. Не разумею, навошта наогул дадзеная опцыя.
Inline and Defer CSS - стылі CSS будуць загружацца пасля загрузкі HTML. Зноў нешта дзіўнае, натуральна ня адзначаем.
Inline all CSS - ўбудоўвае стылі CSS у HTML дакумент. Вага HTMLстраниц вельмі моцна павялічыцца, актываваць, таксама не варта.
Exclude CSS from Autoptimize - тая ж гісторыя што і з выключэннем скрыптоў, толькі на гэты раз са стылямі. Як і ў мінулы раз, раю вам нічога не змяняць.
CDN Options - гэта таксама лепш не чапаць.
Інфармацыя пра кэшы - пры актывацыі дадатковых налад вылазіць яшчэ і статыстыка. Паказваецца месца захоўванне кэша, колькі файлаў захоўвацца ў кэшы (на скрін падкрэсліў). Калі іх колькасць перавышае 80, то раю насцярожыцца, добра праверыць ваш сайт і выдаліць убудова.
Save aggregated script / css as static files - адзначыць калі ў вас ёсць падазрэнне што сэрвэр не правільна апрацоўвае і сціскае файлы. Было адзначана па змаўчанні, так вырашыў і пакінуць.
Ну і самае вясёлае гэта дзіўнае пытанне - "Пачнем?" І адказ "Так". Вядома, я разумею, што гэта, хутчэй за ўсё інфармацыя, што ўбудова працуе, але ўсё роўна выглядае пацешна.
Стварайце добрыя сайты. Да сустрэчы.
