ОПТИМИЗИРАНЕ на WordPress изображения Как да ги компресирате; олекотете ги
Днес 62% от глобалния уеб трафик се състои от изображения ! Нашите WordPress сайтове не правят изключение, те са пълни с изображения на първата страница, в тялото, в джаджите .... Накратко, има ги навсякъде !
Вярно е, че WordPress сайт с изображения е много по-красив и това илюстрира смисъла ... Това обаче са големи потребители на ресурси, особено на нашата честотна лента и всъщност удължава времето за зареждане.
Мрежата трябва да е бърза !
И все пак всички знаем това Google и нашите посетители искат нашият сайт да бъде бърз. Твърде малко от нас се интересуват от тези времена на зареждане, но когато знаем какво струва:
- Сайт, който се зарежда за повече от 5 секунди, има 2 пъти по-висока степен на отпадане от сайт, който се зарежда за 1 секунда
- Една секунда претоварване може да струва до 7% от процента на преобразуване
- 20% от потребителите изоставят количката си поради времето за зареждане
Изображения и WordPress
Формат на изображението
Най-използваните формати на изображения в мрежата са:
- PNG: Формат, който управлява прозрачността, малко тежък и често използван за лога
- Jpeg: Формат, използван за компресиране на изображението, по-лек, но за сметка на качеството и прозрачността
- GIF: Формат, поддържащ анимация, по-рядко използван от предишните две
Теглото на изображенията
Теглото на изображението всъщност е размерът на файла с изображение в байтове (или килобайта или мегабайта), изчисляваме, както следва: Теглото на изображението в байтове е равно на броя на пикселите, които съставляват изображението, умножено по брой байтове, които съставляват пиксел.
Теглото и размерите не са непременно неразделни, ще е необходимо да се вземе предвид разделителната способност. Така че мога перфектно да настроя много широко фоново изображение с много скромно тегло.
Какъв е смисълът да се поставят изображения с ширина по-голяма от 2500 px? Не ! По-голямата част от екраните на вашите посетители работят на 15, 17 и 19 ”, да не говорим за потребителите на таблети и телефони.
Какъв размер на изображението за моя WordPress ?
Първото нещо, което трябва да направите, когато поставяте изображение на вашия WordPress, е да определите неговия размер. Всъщност, каква ширина за изображението ми за илюстрация на статия ?
Изображението по-долу ви уведомява. С помощта на вашия уеб браузър прегледайте елементите и ще получите информация за максималната ширина, която да използвате.
В този пример за моята тема можем да видим, че максималната ширина е 1140 px и че на страница/статия със странична лента максималната ширина е 720 px:
WordPress, изображения и време
Направете много прост тест на вашия WordPress, анализирайте времето, прекарано в зареждането, и разгледайте добре съдържанието, жадно за ресурси.