Оптимизирайте изображенията си за 3-байтово SEO

Публикувано на 2 януари 2017 г.

Защо да оптимизирате размера и теглото на вашите изображения ?

Чрез намаляване на теглото на изображението, ние ускоряваме времето за зареждане от уебсайт. Това има два ефекта:

  • Повишаване на качеството на сайта и спазване на SEO стандартите за търсачки,
  • Подобрете потребителското изживяване: страницата се зарежда по-бързо, намалява неудовлетвореността от чакането, намалява риска потребителят да напусне страницата преди края на зареждането.

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

Разлика между 2 изображения, оптимизирани или не

3-байтово

Преди компресиране (876kb)

След компресия (169kb)

Научете повече за времето за зареждане на страницата

Когато заредите уеб страница, браузърът (Google Chrome, Mozilla Firefox, Safari, Microsoft Edge и др.) Извлича ресурсите, присъстващи на същата страница:

  • Таблица със стилове (CSS): управлява дизайна на страницата (шрифт, цвят на текста, организация на елементи и др.)
  • Скриптове (JS): Подобрява потребителското изживяване с динамични функции (например опресняване на диаграма на всеки 5 секунди без презареждане на страницата)
  • Изображения (JPG, JPEG, PNG, GIF и др.), Всички изображения, присъстващи на страницата

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

Днес можем да класифицираме скоростите на връзката според следните групи:

200kb/s): 3G връзка за смартфон, обществен wifi, ADSL извън градските зони, Начин (

500kb/s): Wifi в градските райони, 4G връзка за смартфон,

  • Бързо (> 1mo/s): Оптични влакна и Ethernet връзка.

    • Следователно 1mb изображение ще отнеме 5 секунди, за да се зареди с бавна връзка, 2s със средна връзка и по-малко от секунда с бърза връзка.
    Умножете това по броя изображения на вашата страница и бързо ще видите как това може да повлияе негативно на навигацията на вашия уебсайт.

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

    Управлявайте размера на вашите изображения

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

    Първо малко информация:

    • 24-мегапикселова снимка: 6000 × 4000
    • Екран на компютър с Full HD: 1920 × 1080
    • Класически екран на лаптопа: 1368 × 768