Аўтаматычная аптымізацыя малюнкаў для сайта

1. Што дае аптымізацыя малюнкаў для сайта
2. Што такое аптымізацыя выявы
3. У выніку аптымізацыі малюнкаў вы атрымаеце
4. Як аптымізаваць выявы

Добры дзень! Паважаныя чытачы і госці блога Pyatilistnik.org, працягваем з вамі аптымізаваць вас сайт на WordPress. У мінулы раз, я вам падрабязна асвятліў пытанне, пра тое, як ачысціць код ад смецця , І мы з вамі павялічылі хуткасць загрузкі вашага рэсурсу. Сёння мы яшчэ больш павялічым хуткасць загрузкі, асабліва на мабільных версіях вашага сайта, за кошт аўтаматычнай аптымізацыі малюнкаў для сайта. Адразу скажу, якасць малюнка не пацерпіць.

Што дае аптымізацыя малюнкаў для сайта

Пагадзіцеся, што на бягучы момант хуткасць загрузкі рэсурсу вельмі важная для паводніцкіх фактараў, асабіста я заплюшчваю адразу рэсурсы, якія грузяцца больш за 4-5 секунд, па статыстыцы большасць чакае 3 секунды. А зараз пытанне, ва ўсіх такая хуткасць? У вас можа быць як і ў мяне супер хуткі хостынг на SSD дысках , Але яны вас не выратуюць, калі вашы старонкі будуць важыць мегабайты.

Вось вам прыклад аптымізацыі малюнкаў і павелічэнне хуткасці, якое паўплывала на наведвальнасць і канверсію.

З майго прыкладу відаць, што чым даўжэй загружаецца рэсурс, тым менш канверсія (выкананне зададзеных дзеянняў ад карыстальніка), такое я назіраў на адным з сваіх праектаў, дзе ў шапцы было відэа 11 мегабайт, пасля яго сціску , Канверсія павялічылася.

Калі паглядзець на на працэнтныя адносіны складовых элементаў на сайтах WordPress, то вы выявіце, што выявы з'яўляюцца самымі тлустымі і ўсіх больш запатрабуюць ад вас аптымізацыі, калі вядома вы хочаце павялічыць наведвальнасць і хуткасць рэсурсу.

Што такое аптымізацыя выявы

Аптымізацыя малюнкаў для сайта - гэта адмысловая апрацоўка файлаў з мэтай паменшыць яго памер, без страты якасці, гэта вельмі важны крытэрый, каму спадабаецца паменшыць памер малюнка і забіць якасць у нуль. Для выканання нашай задачы ёсць куча інструментаў, усе яны працуюць па сваіх алгарытмах і прынцып у іх падобны.

Яны падзяляюцца як на аўтаматычныя так і на ручныя, калі вам трэба, нешта разава зрабіць, гэта адна справа, але калі ў вас як і ў мяне сетка сайтаў, то прыйдзецца задумаць, аб аўтаматычнай аптымізацыі малюнкаў і малюнкаў.

У выніку аптымізацыі малюнкаў вы атрымаеце

• Паскарэнне загрузкі старонак;
• Павелічэнне канверсіі;
• Павелічэнне паказчыкаў Google Pagespeed Insights;
• Зніжэнне адмоў, паляпшэнне паводніцкіх фактараў на сайце;
• Палепшанае ранжыраванне сайта ў пошукавай выдачы, гэта з'яўляецца прамой рэкамендацыяй Google на 2018 год ;
• Зніжэнне нагрузкі на хостынг / сервер;
• Эканомію месца на хостынгу.

Як аптымізаваць выявы

Усе давайце пяройдзем да практыкі і я распавяду, як адбываецца аптымізацыя малюнкаў для сайта без страты якасці. Я буду распавядаць пра сэрвіс tinypng. У яго ёсць рашэнні як для фотошопа, так і для WordPress, каму трэба апрацаваць невялікая колькасць малюнкаў, можна скарыстацца онлайн сціскам.

Пстрыкаем па кнопцы WordPress plugin, так як у мяне задача, гэта аптымізацыя малюнкаў вордпресс. Вас перакіне на старонку запампоўкі, націскаем кнопку Download.

Далей вырабляем ўстаноўку плагіна ў WordPress, як гэта рабіць я вам апісваў, на гэтым спыняць не буду. Пасля чаго пераходзім у раздзел "Убудовы - Устаноўленыя" і актывуецца Compress JPEG & PNG image.

У вас актывуецца убудова, яго наладу трэба вырабляць з меню "Налады - медыяфайлы". Вам неабходна будзе атрымаць месячны, бясплатны ключ, які дазваляе апрацоўваць да 500 малюнкаў на WordPress. Каб яго атрымаць націсніце Change API key.

Вам пасля рэгістрацыі дадуць API ключ, які вы ўставіце ў "Налады - медыяфайлы"

Далей аўтаматычная аптымізацыя малюнкаў для сайта, выконваецца ў меню "медыяфайлы - Bulk Optimization"

Вам неабходна будзе для аптымізацыі малюнкаў націснуць кнопку Start Bulk Optimization. Звярніце ўвагу, што ў мяне ў прыкладзе, убудова ўжо сціснуў ўсе выявы на 48,8% і захаваў звыш 900 мегабайт дыскавай прасторы. Для хостынгаў на SSD дысках гэта вельмі прыемная магчымасць.

Пачынаецца працэс аптымізацыі малюнкаў вордпресс, звярніце ўвагу, што ў сярэднім сціск дае эканомію на 60% і без страты якасці. Ваша хуткасць загрузкі старонкі, цяпер рэзка ўзрасце.

Калі ў вас скончыцца 500 бясплатных аптымізацый, вы можаце зарэгістравацца на новую пошту і атрымаць новы ключык, гэта па па-руску. Калі ў вас узніклі цяжкасці, то пішыце пра іх у каментарах, пастараемся разам вырашыць іх.