Паскарэнне Работы Сайта - Аптымізацыя CSS, HTML і JavaScript

1. ўвядзенне Аптымізацыя (минификация) - гэта працэс выдалення якіх-небудзь непатрэбных сімвалаў, якія...
2. Крок 1 - Выяўленне неоптимизированных файлаў CSS, HTML, JavaScript.
3. Крок 2 - Замена неоптимизированных файлаў
4. Варыянт 1 - Ручная замена
5. Варыянт 2 - CMS убудовы
6. Варыянт 3 - CloudFlare
7. Крок 3 - Тэставанне змяненняў
8. заключэнне

ўвядзенне

Наша команда-партнер 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.

Кіраўніцтва па тэме: