мрежата

Ако искате вашият WordPress да се зарежда бързо, едно от нещата, които трябва да направите, е оптимизиране на изображения за мрежата.

Изображенията са много пъти причините че мрежата отнема повече време от зареждането на акаунта.

Казвам го, защото друг път това могат да бъдат бавни скриптове, плъгини или други проблеми.

Ако качвате и качвате изображения без контрол на уебсайта си, не си усложнявайте търсенето на най-добрия хостинг за вашия WordPress, защото такъв няма.

Ето защо това е една от най-важните задачи при оптимизиране на WordPress.

Максималното тегло, което препоръчвам за изображения, е 100 KB, но както във всичко, колкото по-малко, толкова по-добре.

Инструментът ми SpeedWP забавя всяко изображение, което тежи повече от 100 KB.

Днес ще ви науча как да оптимизирате изображенията и да ги направите по-леки.

Така че нека стигнем до него.

Какви са задачите, които ще трябва да изпълним?

С този урок ще изпълним 2 задачи, с които ще получим 2 резултата.

От една страна ще оптимизираме всички изображения, които в момента имаме на нашия уебсайт.

Ще го направим директно в мрежата с какво няма да се налага да ги изтегляте, или да ги оптимизирате ръчно.

А от друга, ще оставим WordPress конфигуриран така, че автоматично да оптимизира всички изображенията, които качваме.

Това ще ни спести проблема с оптимизирането им, преди да ги качим, но трябва да внимаваме да не качваме изображения като луди.

Ще използваме 2 напълно безплатни приставки, но ще трябва да работим повече, ако нашият уебсайт има много изображения.

Безумие е чудесен плъгин, който ще преоразмерява от всички изображения, които в момента имаме на нашия уебсайт, и тези, които качваме по-късно.

WP Smush е друг добре познат плъгин, който ще оптимизира всички изображения което вече имаме, но също така ще оптимизира и промени размера на тези, които качваме автоматично.

Важно: Каквото и да правим, нашите изображения ще бъдат модифицирани и няма връщане назад.

Моята препоръка е това направете резервно копие на вашия уебсайт и запазете това копие, в случай че трябва да възстановите текущия размер на изображението или по-голям.

Как да изберете правилния размер за вашите изображения?

Знаейки, че ще модифицираме размера на нашите изображения, трябва да знаем какъв размер да изберете най-много.

Това е донякъде сложно, защото зависи от една страна от типа мрежа.

Уебсайтът на фотографа не е същото като този, който поставя малко изображение в публикациите.

А също и на шаблона, тъй като всеки има максимална ширина на екрана, използва различни размери миниатюри и т.н.

Понастоящем аз лично не бих използвал размери над 1200 пиксела в уеб страница.

Ако искате да имате повече качество, можете да стигнете до 2000, но само в изключителни случаи, тъй като това ще забави страницата.

Но внимавайте, това е само приблизително, като се има предвид, че всяка уеб страница е различна.

Урок за безумие

Както ви казах, първото нещо, което ще направим, е направете корекция на размера от които вече сме качили в медийния мениджър на WordPress.

Това е задължително, защото когато знам, че сте нов в WordPress, най-нормалното нещо е това нека ги качваме без контрол.

Виждам уебсайтове с изображения, които надвишават 4000 или 8000 пиксела всеки ден и както можете да заключите, това не е добре, ако искаме да оптимизираме уебсайта си.

Imsanity ще се погрижи да вземе всички изображения от вашия уебсайт и да ги намали до размера, който искате.

Така че отиваме към инсталатор на приставки на WordPress, ние го търсим и инсталираме.

След като го инсталираме, трябва да го отворим от менюто настройки - Безумие.

Както можете да видите, контролният панел е много прост, но трябва да знаете някои важни неща, за да го използвате.

Първото нещо, което трябва да направим, е да кажем на Imsanity максимален размер към които ще модифицираме тези, които имаме качени.

Това ще търси всички изображения в равен или по-голям размер към това и ще ги изреже автоматично.

Можете да конфигурирате изображенията на публикации и страници, тези, които качвате директно в библиотеката, и тези, които се качват отделно, като тези, които темата качва.

Аз лично настройвам само първия, но това зависи от вас.

Тук това, което трябва да направите, е да имате предвид едно нещо, което е много важно.

Ще посочим само в максимална ширина този, който искаме да изрежем и във височината, ще поставим висока фигура, както съм сложил 10000 пиксела.

Правя това така, че ширината да съответства на размера, който искам и на спирането се извършва автоматично, според снимката.

Ако искате да деактивирате някои изображения, директно слагате 0 и няма да бъдат прегледани.

По-долу има още опции, но не бройте, защото нямате нужда от тях и дори могат да ви създадат проблеми.

След като го конфигурираме, щракваме върху бутона търсене на изображения.

Както можете да видите, в списъка ще се появят само изображенията които са по-големи от размера, който сме задали.

Но също така ни дава възможност да деактивираме от полето тези, които ние не искаме те да бъдат модифицирани.

Ако се съгласим с всичко, натискаме бутона Преоразмеряване на проверени изображения и всички ще бъдат модифицирани до размера, който сме избрали.

От този момент всички изображения, които качваме, ще бъдат променени до избрания размер, но нямаме нужда от него.

Можеш деинсталирайте приставката че със следващия ще направим останалото.

Урок за WP Smush

След като получим изображенията в идеален размер, това, което трябва да направим, е оптимизирайте ги, за да тежат по-малко.

И между другото, всички, които се качват оттук нататък, са автоматично оптимизиране и преоразмеряване.

За целта ще използваме приставката WP Smush, една от най-използваните за тази задача, но тя има своите ограничения, които ще ви обясня.

  • Извършете самостоятелна оптимизация 50 изображения едновременно, така че когато спре, трябва да натиснете бутона отново. Ако имате хиляди изображения, това може да е проблем.
  • Просто оптимизирайте изображения по-малко от 1MB, Следователно, преди да сме подредили размера на всички тях, така че всичко, което можем да впишем в тази фигура.

Можете да го улесните и да го давате няколко пъти всеки ден или можете да хванете Pro версията, ако се регистрирате за wpmudev.

Но това има само едно 14-дневна пробна версия и тогава е ваш ред и е почти 50 евро на месец.

Предимството е, че ще се радвате на много повече плъгини, толкова добри, колкото тази, въпреки че може да бъде полезно само ако имате много уебсайтове или сте дизайнер/разработчик в WordPress.

Имам публикация за най-добрите плъгини за оптимизиране на WordPress, която обикновено актуализирам с новите, в случай че искате да погледнете.

Отидете на инсталатор на приставки WordPress и инсталирайте WP Smush.

Веднъж инсталиран, можете да получите достъп до него от менюто медии - WP Smush.

Както можете да видите, контролният панел също е много прост.

Горе има бутон в синьо, ако го дадете ще започне оптимизация на вашите изображения, но това ако, спиране на всеки 50, за да трябва да дадете бутона отново.

Вдясно има бутон, който казва Проверете отново изображенията който ще провери отново всички изображения, за да провери дали са правилни.

По всяко време ще можете да видите как се оптимизират изображенията, тези, които вече са готови и пространството, което спестявате и т.н.

По-надолу в настройките имаме няколко опции.

Това на Автоматично смачкайте изображенията ми при качване ще оптимизира всички изображения, които качваме и очевидно трябва да го оставите активирано.

Говорим за миниатюрите, които обикновено се използват в страници и публикации.

Запазете EXIF ​​данни за изображение Той ви дава възможност да запазите данните, които изображенията обикновено съдържат и които може да ви заинтересуват, ако сте фотограф.

Последният вариант на Преоразмерете оригиналните изображения Той е този, който ще промени размера на всички изображения, които качваме оттук насетне, така че ще го активираме.

Конфигурацията е подобно на безразсъдството, поставете максималната ширина и във височината оставяте голямо количество, за да я коригирате според изображението.

По-долу има още опции, но не съм ги сложил, защото са платени, но ви казвам:

  • Опция, която оптимизира изображенията два пъти.
  • Друг, който също оптимизира оригиналните изображения, но може да не ви е необходим.
  • Можете да направите копие на оригиналите, но ако имаме резервно копие, нямаме нужда от него.
  • И конвертирайте PNG в JPG, но не го препоръчвам, защото всички тези изображения ще дадат грешка, когато не променят URL адреса в публикациите и страниците.

След като приготвите всичко, запазвате промените и оптимизирайте вашите изображения.

Това, което трябва да имате предвид, е не затваряйте прозореца на WP Smush, защото в противен случай процесът на оптимизация ще спре.

Препоръки, които трябва да вземете предвид

Ще ви дам няколко съвета, които обикновено използвам на всичките си уебсайтове и които със сигурност ще ви бъдат много полезни.

Те ще ви помогнат да спестите много време и пари.

Качете изображения с подходящ размер

Въпреки че вече имаме готов уебсайт за автоматично оптимизиране на изображенията.

Ако качим изображенията без контрол, това ще накара нашите WordPress и хостинг да работят много повече, с последващото Използване на ресурси.

Опитайте да качите изображенията възможно най-точно, когато можеш.

Използвайте миниатюри, доколкото можете

Миниатюрите на WordPress са малки изображения, които се създават всеки път, когато качвате ново изображение във вашия WordPress.

Хубавото на това е, че изображенията се използват с точен размер и мрежата ще се зареди по-бързо.

Проблемът е, че няколко са създадени от едно и също изображение, с последващото използване на пространство в хостинга.

Ако отидете на Настройки - Медия, ще видите, че можете да изберете предварително зададени размери на миниатюри.

Препоръчвам ви използвайте стандартни размери за вашите статии и по този начин ги направете еднакви.

Конфигурирате, качвате изображението и то е готово за вмъкване в необходими размери.

Регулирайте размерите от диспечера на изображения

Във вашия WordPress можете да отидете на Медия - Мултимедийна библиотека и вижте всичките си качени изображения.

Ако изберете такъв, можете да го редактирате и да промените размера.

Така че изберете изображение, кликнете върху редактиране на изображение и в Мащабирайте изображението можете да изберете например ширината и височината ще се регулират автоматично.

Това ще ви помогне в случай, че някое изображение не е оптимизирано или е качено ръчно.

Използвайте CDN за изображения

Ако вашият уебсайт зарежда много, идеалното е това използвайте CDN за изображения.

CDN е услуга, която ще отговаря за обслужването на изображенията, от най-близкото местоположение до вашата целева аудитория.

Това ще ги накара да се заредят по-бързо и освен това ще ви спести хостинг ресурси.

Препоръчвам ви да прочетете моето ръководство, в което ви разказвам всичко за CDN в WordPress.

Има и други алтернативи

Освен тези плъгини, опитах и ​​много други, като друг известен, наречен EWWW Image Optimizer.

Проблемът с този плъгин е, че в много хостове той не работи, тъй като липсва функцията exec (), която е премахната за безопасност и потърсих други алтернативи.

Мисля, че наскоро направиха някои подобрения, но вече го преминах.

Има още една алтернатива, която използвам на сайтовете си, наречена Imagify и тя е най-добрата, която съм опитвал.

Тук не съм го използвал, защото е платено, но скоро ще говоря за него.

Надявам се това ръководство да ви помогне да оптимизирате вашите изображения и ако имате въпроси, ще ви изчакам в коментарите.