Зелен уебсайт е бърз сайт: какво показаха 18 840 теста на EpicStamp

Правя сайтове от 2001 г. Тогава една страница от 100 KB се смяташе за тежка. Днес е нормално началната страница да тежи колкото малка игра. Никой не забелязва – до момента, в който клиентът чака на телефона си в роуминг. Тази статия е за това защо зеленият уебсайт и бързият сайт всъщност са едно и също нещо.

Затова направихме EpicStamp – инструмент, който измерва въглеродния отпечатък на уебсайтовете. До момента през него са минали 18 840 теста. Числата са поучителни.

Числата: 4.61 g срещу 0.02 g

Според данните на EpicStamp средният сайт отделя около 4.61 g CO2 на едно зареждане на страница. Оптимизираните сайтове стигат до около 0.02 g. Разликата е над 200 пъти.

4.61 грама звучи като нищо. Но го умножете по посещенията. Сайт със 100 000 зареждания на страници месечно при средните стойности отделя около 461 kg CO2 на месец. Същият сайт, оптимизиран, стига до около 2 kg. И всичко това – без да сменяте бизнес модела, само като махнете излишното.

Защо зеленият уебсайт е и бърз сайт

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

Всеки мегабайт, който не пращате:

• не минава през мрежата – по-малко енергия;
• не се зарежда на телефона – по-бързо показване;
• не изтощава батерията на посетителя;
• не струва пари на хората с ограничен мобилен интернет.

С други думи: оптимизирате за планетата и получавате скорост като бонус. Или обратното – оптимизирате за скорост и получавате зелен сайт като бонус. Както ви харесва повече.

Защо скоростта е пари

Като човек, който прави SEO от 2004 г., мога да ви кажа, че бързият сайт не е козметика:

• Google мери скоростта като част от оценката на потребителското изживяване (Core Web Vitals).
• Хората не чакат. Бавната страница губи посетители още преди да са видели какво предлагате.
• Мобилният трафик доминира, а на мобилна мрежа всеки излишен килобайт се усеща.

Практични съвети: как да направите сайта си по-лек

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

1. Снимките – почти винаги виновник номер едно

• Използвайте модерни формати като WebP или AVIF.
• Качвайте снимки в размера, в който се показват. Снимка 4000 px за каре от 400 px е чисто разхищение.
• Включете отложено зареждане (lazy loading) за всичко под първия екран.

2. Видеото

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

3. JavaScript и външни скриптове

• Прегледайте всеки tracking код, чат, пиксел и приставка. Всички ли ви трябват? Кога за последно погледнахте данните от тях?
• Махнете библиотеки, които се зареждат заради една анимация.
• Особено в WordPress: всяка приставка добавя код. Двайсет приставки за двайсет дребни неща са сигурен път към тежък сайт.

4. Шрифтовете

• Заредете само теглата и символите, които реално използвате.
• Два шрифта стигат. Пет са дизайнерско его.

5. Кеширането

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

6. Хостингът

• Попитайте доставчика си каква енергия използват центровете за данни. Все повече работят с възобновяема енергия.
• Бързият сървър прави по-малко работа за същия резултат.

7. Съдържанието

• Стари страници, които никой не посещава, дублирани файлове, огромни PDF-и – разчистете.
• По-малко, но по-добро съдържание обикновено печели и в SEO.

Най-честите грешки, които виждам

След толкова години в уеба имам списък с „любими“ грешки. Ето тези, които срещам най-често при сайтове, които идват при нас за оптимизация:

• Слайдер с десет огромни снимки на началната страница, от които посетителят вижда първата. Останалите девет се зареждат напразно.
• Тема, която зарежда всичко навсякъде – галерии, карти, форми и анимации дори на страници, където ги няма.
• Трима различни инструмента за статистика, които мерят едно и също, а данните от тях не ги гледа никой.
• Вградени карти и видеа от външни платформи, които теглят мегабайти код още при отварянето на страницата.
• „Ще оптимизираме после“. После обикновено не идва.

Една от тях ми е особено любима: клиент, който иска „по-бърз сайт“, но не иска да маха нито един от седемте си чат прозореца, пиксела и изскачащия банер. Скоростта, както и морето, не търпи излишен баласт.

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

Как да проверите своя сайт

1. Пуснете тест на EpicStamp и вижте колко CO2 отделя вашата страница.
2. Сравнете резултата със средния (около 4.61 g на зареждане).
3. Започнете от най-тежките елементи – обикновено снимки и скриптове.
4. Тествайте отново след промените. Удовлетворението е гарантирано.

Най-зеленият килобайт е този, който никога не сте изпратили.

Устойчивост, която се вижда

Все повече фирми – особено в туризма и хотелиерството – имат цели за устойчивост. Уебсайтът е едно от малкото места, където можете да намалите отпечатъка си веднага, измеримо и без да жертвате нищо. Напротив – печелите скорост, по-добро SEO и по-доволни посетители.

Проверете колко зелен е вашият уебсайт на epicstamp.com/bg – а ако резултатът ви разстрои и искате помощ да направите сайта по-бърз и по-лек, пишете ми.

Вижте услугата ни за SEO оптимизация →