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

Има редица начини за ускоряване на WordPress (много от които Pagely е внедрил). Но като се има предвид, че 63% от средния размер на файла на уеб страницата са изображения, подобряването на подхода ви към оптимизирането на изображения в WordPress предлага звездна възвръщаемост на инвестициите, когато става въпрос за време за зареждане на страницата.

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

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

Какво влиза в WordPress Оптимизация на изображения?

WordPress оптимизацията на изображения обикновено се разделя на две основни категории:

  • Преоразмеряване на размерите на изображението, за да се избегнат загубите на пиксели
  • Компресиране на изображения за намаляване на размера на файла им

Въпреки че има и други по-малки съображения като файлови формати, обикновено ще трябва да „работите с наличното“, така да се каже.

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

Преоразмерете размерите на изображението на WordPress, за да не губите място

Според най-новите данни на Statcounter, най-често срещаната разделителна способност на екрана на работния плот е 1366 × 768. Мащабният растеж на мобилните устройства поставя общата най-често срещана резолюция на екрана на само 360 × 640.

Защо тези статистически данни са важни? Защото те показват, че качването на изображение с размери 4000 × 2000 px не е задължително да предложи на посетителите ви по-добро качество.

Когато комбинирате тези резолюции на екрана с факта, че повечето сайтове на WordPress имат поне една странична лента, средният сайт на WordPress има видима област на съдържание, която вероятно е някъде в диапазона от 800px за повечето потребители.

Освен малък буфер, който ви дава известна гъвкавост, ако промените теми в бъдеще, всеки пиксел над максималните размери на дисплея на вашата тема просто надува ненужно размерите на вашите изображения. Странична бележка: Използването на фотогалерии в WordPress може да ви помогне допълнително да ограничите тези размери, когато се използва правилно.

Компресирайте WordPress изображения, за да спестите още повече място

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

Компресията се предлага в две форми:

  • Без загуби - умерен тип компресия, който намалява размера на файла без да се засяга качеството.
  • Загубени - по-агресивен тип компресия, който значително намалява размера на файла за сметка на намаляване на качеството.

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

3 полезни сравнени приставки за оптимизиране на изображения

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

Въпреки че има повече от 3 приставки за оптимизиране на изображения, ето една мръсна малка тайна:

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

Поради тази причина повечето от тях предлагат абсолютно същите спестявания на размера на файла.

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

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

За справка тестовото изображение има начален размер на файла 194 KB.

1. Представете си

оптимизиране

Imagify е приставка за оптимизиране на изображения от същия екип зад WP Rocket, популярен плъгин за кеширане на WordPress.

Приставката предлага до 3 нива на компресия:

  • Нормално - компресия без загуби
  • Агресивен - донякъде загуба на компресия
  • Ултра - компресия с много загуби

Освен това, точките за продажба на Imagify са:

  • Удобен за потребителя, приятен интерфейс
  • Автоматично оразмеряване на размера на изображението
  • Възможност за оптимизиране само на определени размери на миниатюри
  • Възможност за възстановяване на оригиналните версии на изображението с едно щракване

Imagify има безплатен план, който ви позволява да оптимизирате 25MB изображения на месец. След това ще трябва да платите, започвайки от $ 4,99 за 1 GB.

Колко Imagify компресира изображения?

Когато бягате под Нормално (без загуби) компресия, Imagify компресира оригинала 194KB изображение към 176KB за спестяване на 8,9%.

След преминаване към Ултра (максимална компресия със загуби), Imagify сви файла до 98,56KB за спестяване на 49,15%. Както можете да очаквате, тези спестявания дойдоха със забележим спад в качеството на изображението.

2. EWWW Image Optimizer

EWWW Image Optimizer е популярен безплатен плъгин, който предлага ключова разлика от повечето други плъгини за оптимизиране на изображения.

Докато повечето приставки за компресиране на изображения изпращат изображението към сървъра на приставката за компресиране чрез API, EWWW Image Optimizer ви позволява да запазите всичко на вашия сървър. Това означава, че ако вашият сървър може да се справи с натоварването, можете да компресирате неограничени изображения, като използвате ограничени алгоритми за компресиране на изображения без да е нужно да похарчите и стотинка.

От друга страна, ако предпочитате да разтоварите работата по компресиране на изображения на чужд сървър, EWWW Image Optimizer предлага и план за API, който започва от $ 0,003 на изображение.

Освен това ще ви трябва API ключ, ако искате достъп до пълната библиотека от алгоритми за компресиране. Например безплатната версия позволява компресиране без загуби само за JPG файлове.

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

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

Колко EWWW Image Optimizer компресира изображения?

Тъй като EWWW Image Optimizer позволява само компресиране без загуби, тук има само един резултат от теста.

При компресиране на тестовото изображение без загуби, EWWW Image Optimizer намали размера си до 176KB за спестяване на 8,9%.

Наистина прочетохте това право - това е идентично с компресията без загуби, предлагана от Imagify.

3. Smush

Smush е друга популярна приставка за компресиране на изображения от хората в WPMU DEV.

Подобно на Imagify, Smush предлага добре проектиран интерфейс, както и полезни опции, които ви позволяват автоматично да преоразмерявате размерите на вашите изображения и да компресирате конкретни размери на миниатюри.

Основната разлика между Smush и Imagify е ценообразуването.

Smush е 100% безплатен за изображения под 1MB, но предлага само компресия без загуби. За по-големи изображения, по-агресивна компресия и възможност за запазване на оригиналните ви изображения ще ви е необходимо членството в WPMU DEV, започвайки от $ 49 на месец.

Има голям шанс да се окаже по-скъп от Imagify, въпреки че получавате достъп до всички други плъгини на WPMU DEV, което е голяма полза.

Колко Smush компресира изображения?

Подобно на EWWW Image Optimizer, безплатният приставка Smush предлага само компресия без загуби.

След компресиране на тестовото изображение Smush успя без загуби да намали размера му до 176KB за спестяване на 8,9%.

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

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

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

Как да оптимизирам ръчно WordPress изображения преди качване

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

Харесвате това съдържание? Запознайте се с Pagely.

  • Не искате да плащате за приставка
  • Нямате администраторски достъп до сайта, на който качвате изображения

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

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

След като промените размерите на изображенията си, можете да ги компресирате Без загуби или Загубено с помощта на безплатния уеб интерфейс Kraken:

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

Динамично мащабиране и обслужване на изображения с помощта на PressThumb

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

НатиснетеПалец е проста услуга за добавяне, която може да бъде активирана на вашия сайт на WordPress, за да разтовари оптимизацията на изображението и създаването на миниатюри в реално време, спестявайки на честотна лента, съхранение и размер на страницата.

Научете повече за това тук.

Има повече скорост, отколкото оптимизирани изображения

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