В 2019 средният размер на мобилната уеб страница е 1,6 MB. Изображенията обикновено представляват около половината от средната уеб страница, тъй като използването им изисква много ресурси.
Ако никога не сте приемали оптимизацията на изображения сериозно и вашият WordPress сайт е бавен, можете да спечелите всичко, ако го направите правилно. Ако вашите изображения се зареждат бавно, това обикновено означава, че има проблем във вашия WordPress блог. Като се фокусирате върху вашите изображения, можете да избегнете много проблеми с производителността на сайта.
В този урок ще обясня защо оптимизирането на изображения е най-добрата отправна точка за оптимизиране на ефективността на вашия WordPress блог. Ще разгледаме и някои съвети, за да започнете, ако трябва да коригирате бавно зареждащи се изображения на WordPress.
Защо трябва да започнете с изображения, когато обмисляте подобряване на производителността
Мрежата сега е богат на мултимедия пейзаж с видеоклипове, подкасти и повече изображения от всякога. Изображенията могат да помогнат на вашия сайт да се открои в пренаселената медийна среда, но те си имат цена. Ако не обслужвате изображенията си правилно, вашият сайт може да е в неизгодно положение. Ако накарате изображенията да се зареждат по-бързо, можете да подобрите ефективността на вашия сайт, да осигурите удобно за мобилни устройства потребителско изживяване, да подобрите SEO и увеличаване на реализациите.
Изображенията са по-лоши, когато са зле направени
Големите изображения всъщност претеглят вашите уеб страници.
Ако се насочвате към размер на 1,5 MB файл за уеб страница и добавяте по няколко 2 MB изображения всяка, ще надхвърлите тази граница с едно изображение.
Но изображенията могат да бъдат beaucoup по-голяма. Средният размер на файла, произведен от среден DSLR, е между 4 и 12MB! Ако не знаете по-добре и използвате 12MB изображение, или по-лошо, повече от 12MB изображение, тогава наистина ще развалите ефективността на вашата страница.
Ако получите комбинирани изображения с по-малко от 1 MB, бихте могли да намалите теглото на страницата си с 20 MB. Очевидно това е голямо преувеличение, но е да се илюстрира колко излишък може да се добави, ако не го направите правилно.
Нещо толкова просто, като преоразмеряването на изображенията, може драстично да подобри производителността и да ви спести пари от разходите за хостинг. Вашият уеб хостинг ви таксува повече за дисковото пространство, което заемат всички тези големи изображения.
Живеем в първи мобилен свят
Чрез оптимизиране на вашите изображения за мобилни устройства, вие гарантирате страхотно потребителско изживяване за потребители на всички видове устройства, така че те да се връщат отново на вашия сайт.
Популярността на мобилните устройства избухна до такава степен, че сега живеем в свят, в който мобилните телефони са най-използвани. През юли 2018, Google обяви, че скоростта на страницата е фактор за класиране при мобилни търсения.
Това означава, че когато създавате сайтовете си, трябва да сте сигурни, че предоставяте изображения, подходящи за мобилни устройства, които имат по-бавни връзки за данни.
Ако предавате поточно изображения на Retina, предназначени за настолни компютри, в малък прозорец, губите данни. За вашите посетители, които нямат неограничени планове за данни, това може да бъде много разочароващо и скъпо.
Обратно оптимизираното за търсене изображение се връща
Google не само промени влиянието на мобилната оптимизация върху класирането, но също така промени начина, по който се показват резултатите от търсенето на изображения, което доведе до дълбоки промени в класирането. SEO изображения.
Вече можете да насочвате трафик към вашия сайт, когато вашите изображения се появяват в Търсене на изображения.
През 2013 г. Google добави бутон за преглед на изображения към резултатите от търсенето на изображения. Когато някой щракне върху този бутон, той бива отведен директно към изображението, вместо към уеб страницата, на която е било изображението. Сайтовете отчитат спад на трафика с 63% благодарение на търсенето на изображения.
През 2018 г. Google беше принуден да премахне бутона за показване на изображения, така че трафикът отново започна да вали. Има много възможности вашите изображения да се класират добре, защото SEO оптимизаторите са пренебрегнали.
Оптимизацията на изображението засяга долния ред
Изображенията могат да забавят вашия WordPress сайт, ако не са правилно обслужвани и могат да намалят процента на реализация.
Ако продавате продукти на сайта си, можете да ги използвате тест за скорост на мобилната страница на Google за да ви покажа размера на потенциалния си доход. На страницата с резултати превъртете надолу и отворете секцията Оценяване на въздействието на по-бърз сайт.
Оптимизацията на изображения не само ще доведе до повече реализации, но и ще определи броя на възможните клиенти, които срещате чрез трафика на търсене.
Целта на Google е да осигури възможно най-доброто потребителско изживяване, от търсене до отговор. Ако подобрите ефективността на потребителите, като им предоставите страхотно потребителско изживяване, Google ще класира сайта ви по-лесно в резултатите от търсенето.
Как да направите вашия WordPress сайт по-бърз чрез подобряване на изображенията
Сега, когато обяснихме защо изображенията са най-доброто място за начало, ще обясня някои прости задачи, които можете да направите на вашия сайт, за да ускорите зареждането на изображения.
Изтрийте ненужните изображения
Един от най-лесните начини да намалите теглото на страниците и да намалите броя на HTTP заявките е да ограничите броя на изображенията на вашите уеб страници. Ако дадена уеб страница отнема повече от 3 секунди за зареждане, помислете за премахване на елементи и изображения, които не допринасят за реализации.
Винаги се уверете, че изображенията са с подходящия размер за контейнера.
Ако вашите изображения не се показват, когато сайтът ви се зареди, вероятно това е така, защото вашите изображения са големи и изтеглянето им отнема твърде много време. За да разрешите този проблем, трябва да определите размера на изображението и след това да замените изображението на сайта си с изображение с подходящ размер.
Вижте статията ни на преоразмеряване на изображения да открием някои методи за това.
Използвайте правилния формат и използвайте следващото поколение формати, ако е възможно
Някои файлови формати са по-големи от други, като анимираните GIF файлове са един от най-неефективните файлови формати до момента. Трябва да използвате правилния формат, за да отговорите на вашите нужди и да ви помогне да създадете възможно най-малкия размер на файла.
Оптимизирайте WordPress Fast чрез активиране на забавено зареждане
Отложеното зареждане е бърз и лесен начин за отлагане на зареждането на изображения и други елементи под пощата. Ако изображението не е в прозореца на браузъра, браузърът чака да се изтегли, за да може да покаже това, което посетителят може да види много по-бързо.
Прогресивното натоварване е сравнително лесно за изпълнение и има много леки плъгини, за да свършите работата. Размерът на приставните файлове обикновено е около 1-3KB и може да бъде конфигуриран за минути.
Използвайте CDN, за да ускорите зареждането на изображението
CDN имат местоположения по целия свят, така че трансферът на данни, необходим за зареждане на вашите изображения, е много по-бърз. Използването на CDN за доставяне на вашите изображения е лесен начин за по-бързо зареждане на изображения в WordPress.
Въпреки че вашият хост може да включва CDN към вашия хостинг акаунт, за да подобри производителността на сайта ви, CDN на Smush Pro е проектиран специално с мисъл за оптимизация на изображения.
Искате лесен начин за оптимизиране на WordPress?
Все още трябва много да направите, за да направите вашия сайт WordPress по-бърз. Ако не знаете откъде да започнете, снимките са добра отправна точка. Правилно оптимизираните изображения осигуряват много предимства и с решения всичко в едно като например тези 5 плъгини за компресиране на изображенияЛесно е да подобрите драстично изображенията на сайта си само за минути.
