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

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

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

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

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

Днес ще ви кажа:

Нека направим път за спонсора.

WebEmpresa, хостинг, специализиран в WordPress. Това е хостингът, който използваме отдавна.

В pampua.es/webempresa ви оставяме 13-те причини, поради които трябва да го наемете; виж това!

Наемете хостинга си с 20% отстъпка още сега, като използвате купона, който ви оставяме pampua.es/webempresa

ЗАЩОТО Е ВАЖНО ДА ОПТИМИЗИРАМЕ ИЗОБРАЖЕНИЯТА?

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

Това е и един от най-лесните начини за увеличаване на нашата PageSpeed. (Тест на Google за измерване на скоростта. Ще го оставя в бележките)

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

  • Намалете времето за зареждане на вашия уебсайт.
  • Намалете отпечатъка на вашия сървър.
  • Оптимизирайте потреблението на трансфер на вашия хостинг.
  • Подобрете SEO оптимизацията на вашия WordPress. (Google харесва страници, които се зареждат бързо)

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

  • Намалете размера на изображенията преди да ги качите в WordPress
  • Компресиране на изображения качва с приставка за WordPress
  • Оптимизирайте зареждането на публикувани изображения за подобряване на скоростта на зареждане на уебсайт.

Нека ги разгледаме в детайли:

КАК ДА НАМАЛИТЕ РАЗМЕРА НА СНИМКИТЕ ПРЕДИ ИЗТЕГЛЯНЕ

Днес използваме камери с прекрасна разделителна способност (дори тези на нашите смартфони), което е фантастично, но не можем да качваме снимките директно на нашия уебсайт, без да ги обработваме, тъй като те биха заели между 2 и 15MB всяка.

Размерът на изображението (размерите) е пряко свързан с теглото (байтовете) на това.

Изображенията, които излизат от камерата, могат да бъдат с широчина между 3000 и 6000 пиксела, но ако размерът, с който ще се показват на нашия уебсайт, е широк 700 или 900 пиксела, никога не трябва да качваме по-големи изображения, логично, нали ? По този начин спестяваме няколко байта, които не биха допринесли нищо, но биха били в ущърб на скоростта на зареждане на уебсайта.

Друг важен момент е въпросът за формата, в който качваме снимките, изображенията, илюстрациите и т.н. Винаги, когато можете, изберете .jpg или .jpeg върху .png или gif формата.

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

  • Resize Expert (ако имате Mac) е този, който използваме.
  • Image Resizer (за Windows)

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

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

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

КОМПРЕСИРАНЕ НА СНИМКИ, КАЧЕНИ В WORDPRESS С ПЛУГИН

Има няколко приставки за оптимизиране на изображения в WordPress, но най-известният е и този, който работи най-добре. Това е WP Smush. Всички изображения, които качвате, след като сте активирали това приставка за намаляване на изображението те ще бъдат оптимизирани, без да правите нищо.

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

Безплатната версия е ограничена до 50 изображения на партида, но ако имате 200 изображения, ще трябва само да щракнете бутона за оптимизиране 4 пъти; Позволете ми да обясня: давате го веднъж, изчаквате да завършите, давате го отново, чакате отново и така нататък, докато всички изображения бъдат оптимизирани.

Той има и друго ограничение и това е не компресира изображения, по-големи от 1Mb, но ако сте използвали някоя от програмите, които съм препоръчвал преди, няма да имате този проблем. И ако не сте намалили размера по негово време, не е голям проблем, изтеглете изображението, намалете го и го качете отново, че ако, трябва да го направите чрез FTP, тъй като ако го качите от WordPress контролен панел, той ще го съхрани в друга папка и след това трябва да отидете на местата, където изображението се показва и ръчно да премахнете старото изображение, за да добавите новото.

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

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

ИЗПОЛЗВАЙТЕ ПЛУГИН, КОЙТО ЗАТЕГЛЯВА САМО ИЗОБРАЖЕНИЯТА, ПОКАЗАНИ НА ЕКРАНА

Обяснявам в какво се състои тази техника за оптимизация. Представете си, че имате списък с продукти, всеки със своя снимка. Ако имате 10 продукта, няма проблем, качете всички снимки и готово, но какво, ако имате 100 или 1000? Зареждането на всички тези снимки значително би увеличило времето за зареждане на вашата страница, така че не се препоръчва.

Преди се използваше пагинация, тоест 10-12 снимки на първата страница, след това щракнете върху бутона "следващ" и заредете друга страница с още 10-12 снимки.

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

ОПТИМИЗИРАНЕТО НА ОБРАЗИТЕ НЕ Е ВСИЧКО

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

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

Какво още, хостинга, който препоръчваме ( Webempresa ) брои с едно безплатна услуга за оптимизиране на изображения в WordPress изключително за своите клиенти, което намалява размера на снимките, които вече са качени в WordPress и не са правилно оптимизирани.

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

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

Искам да ви разкажа една история

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

Един ден тийнейджър, разговаряйки с приятел, каза:

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

Младият мъж дойде при мъдреца и му зададе въпроса:

- Sage, птицата, която имам в ръка, жива ли е или мъртва?

Мъдрецът се втренчи в младежа и каза:

- Момче, отговорът е във вашите ръце

Решаването на 79% от проблемите, които ни вълнуват, зависи единствено от нас.

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

И ако искате да говоря по конкретна тема в бъдещи епизоди или имате някакви въпроси или коментари, които искате да направите, оставете ме на Pampua.es/contact или в коментарите на iVoox.

Ако този епизод ви е харесал споделете го с поне един човек на които може да е интересно. Чрез WhatsApp, по пощата, чрез Facebook, Twitter или дори чрез SMS, каквото искате, но го споделете!

И накрая ще съм изключително благодарен, ако ми позволите 5-звезден преглед в iTunes или харесване и коментар за iVoox. Можете да видите как да оставите отзив на www.pampua.es/resena

Чухме се следващия четвъртък с много интересна тема: Как правилно да правим резервни копия и как да ги автоматизираме.

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