- ўвядзенне Аптымізацыя (минификация) - гэта працэс выдалення якіх-небудзь непатрэбных сімвалаў, якія...
- Крок 1 - Выяўленне неоптимизированных файлаў CSS, HTML, JavaScript.
- Крок 2 - Замена неоптимизированных файлаў
- Варыянт 1 - Ручная замена
- Варыянт 2 - CMS убудовы
- Варыянт 3 - CloudFlare
- Крок 3 - Тэставанне змяненняў
- заключэнне
ўвядзенне
Наша команда-партнер Artmisto
Аптымізацыя (минификация) - гэта працэс выдалення якіх-небудзь непатрэбных сімвалаў, якія не патрэбныя для выканання кода. Минификация кода павялічыць хуткасць загрузкі вашай старонкі, што прывядзе да задаволеным наведвальнікам і лепшай працы пошукавых сістэм. Прасцей кажучы, гэта працэс выдалення непатрэбных прабелаў, новых радкоў, каментароў і падзельнікаў блокаў з вашага кода. Гэтыя тыпы сімвалаў выкарыстоўваюцца для больш зручнага чытання і візуальных мэтаў, аднак, яны не абавязковыя для правільнага выканання кода. Як вынік, аптымізацыя CSS, HTML і JavaScript паскорыць час запампоўкі, разбору і выканання кода.
Што вам спатрэбіцца
Перад тым, як вы пачнеце гэта кіраўніцтва, вам спатрэбіцца наступнае:
Крок 1 - Выяўленне неоптимизированных файлаў CSS, HTML, JavaScript.
На дадзеным этапе мы рэкамендуем выкарыстанне GTMetrix . Пасля аналізу тэставага сайта WordPress, мы атрымалі спіс файлаў, якія могуць быць аптымізаваны.
Крок 2 - Замена неоптимизированных файлаў
ВАЖНА! Бяспека перш за ўсё. Перад захаваннем якіх-небудзь змяненняў, пераканайцеся ў наяўнасці рэзервовай копіі вашага сайта або асобных файлаў, якія будуць замененыя.
Варыянт 1 - Ручная замена
Адным з пераваг GTMetrix з'яўляецца магчымасць імгненнага прагляду аптымізаваных версій CSS, JS і HTML файлаў, па націску кнопкі See optimized version (Убачыць аптымізаваную версію) каля файла. Пасля гэтага, аптымізаваны файл можа быць альбо запампаваны, альбо адкрыты ў браўзэры. Заменіце старыя файлы выкарыстоўваючы FTP кліент або скапіруйце і заменіце сам код.
Варыянт 2 - CMS убудовы
Карыстальнікі WordPress могуць выкарыстоўваць для дасягнення тых жа мэтаў такія убудовы як Better WordPress Minify або W3 Total Cache . Вы можаце звярнуцца да гэтаму кіраўніцтву для больш падрабязнай інструкцыі па ўстаноўцы плагіна W3 Total Cache.
Варыянт 3 - CloudFlare
CloudFlare - гэта бясплатны сэрвіс які паскарае і абараняе ваш сайт выступаючы ў якасці проксі паміж наведвальнікам і серверам сайта. Ён прапануе абарону ад DDoS нападаў, і што самае галоўнае, ён бясплатны. Адна з функцый якую ўключае ў сябе бясплатны тарыф, гэта аптымізацыя CSS, HTML і JS. Вы можаце ўключыць аптымізацыю рэсурсаў у раздзеле Speed → Auto-Minify:
ВАЖНА! Не рэкамендуецца выкарыстоўваць аптымізацыю CloudFlare, калі вы ўжо карыстаецеся CMS убудовы для аптымізацыі. Таксама, CloudFlare ня аптымізуе іншыя скрыпты і спасылкі (Facebook, VK, Twitter)
Крок 3 - Тэставанне змяненняў
Пасля замены файлаў / кода на іх аптымізаваную версію, апошнім этапам стане праверка зменаў. Вы можаце зрабіць гэта запусціўшы паўторны аналіз на сайце GTMetrix . Для параўнання, вось вынікі тэставага сайта пасля замены файлаў на аптымізаваныя:
заключэнне
У гэтым кароткім кіраўніцтве вы навучыліся, як паскорыць працу сайта аптымізацыяй CSS, JavaScript and HTML.
Кіраўніцтва па тэме:
