Колко бързо трябва да се зарежда сайтът и как да проверите

Колко време чакате сайт да се отвори, преди да натиснете „назад“? Повечето хора не чакат дълго, особено на телефон и на мобилни данни. Бавният сайт губи клиенти, преди да са видели каквото и да е.

Скоростта засяга и Google: той мери как се зареждат страниците при реалните посетители и го използва като един от сигналите при подреждането. Бързият сайт няма да ви изкара на първо място сам по себе си, но бавният може да ви дърпа назад.

Как да измерите скоростта

Отворете pagespeed.web.dev, поставете адреса на сайта си и натиснете „Analyze“. Получавате оценка от 0 до 100 за телефон и за компютър.

• 90–100: отлично.
• 50–89: има какво да се подобри.
• Под 50: сайтът вероятно губи посетители.

Гледайте първо резултата за телефон. Той е по-строг и по-близо до това, което виждат клиентите ви.

Какво означават трите показателя

Под оценката PageSpeed показва няколко показателя с английски съкращения. Трите най-важни са:

• LCP (Largest Contentful Paint): колко време минава, докато се покаже най-голямото нещо на екрана, обикновено основната снимка или заглавието. Добре е да е под 2,5 секунди.
• INP (Interaction to Next Paint): колко бързо реагира страницата, когато натиснете бутон или меню. Ако натискате и нищо не става за момент, тук е проблемът.
• CLS (Cumulative Layout Shift): дали съдържанието „подскача“, докато се зарежда. Познато ви е: искате да натиснете линк, но точно тогава се зарежда банер и натискате нещо друго.

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

Най-честите причини за бавен сайт

1. Огромни снимки. Снимка от телефона е 4–5 MB. За сайта трябва да е десетки пъти по-малка, във формат WebP.
2. Твърде много добавки (plugins). Всяка добавка в WordPress зарежда свои файлове. Махнете тези, които не ползвате.
3. Слаб хостинг. Най-евтиният хостинг често е и най-бавният.
4. Чужди скриптове. Чатове, броячи, вградени карти и видеа се зареждат от други сървъри и забавят страницата.
5. Тежка тема или „конструктор“ на страници. Много готови теми зареждат код за десетки функции, от които ползвате три.
6. Шрифтове. Пет различни шрифта, всеки в няколко дебелини, тежат повече, отколкото си мислите.

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

Започнете със снимките: това е най-бързата печалба. После махнете добавките, които не ползвате. Ако резултатът остане нисък, вероятно проблемът е в темата или в хостинга и е време за по-сериозен разговор.

Снимките, стъпка по стъпка

1. Преди да качите снимка, я намалете до размера, в който ще се показва. За снимка на цял екран около 1600–2000 px ширина е предостатъчно, за снимка в карта стига 800 px.
2. Конвертирайте я в WebP. Безплатни инструменти като squoosh.app го правят в браузъра, без да качвате нищо никъде.
3. Ако сайтът е на WordPress, добавка за оптимизация може да го прави автоматично за всички нови снимки.

Вградените видеа и карти

Вграденото видео от YouTube или карта от Google зареждат много код, дори ако никой не ги натисне. Добро решение е на тяхно място да стои снимка с бутон „Пусни“ или „Отвори картата“, а истинското видео или карта да се зарежда едва при натискане.

Чести въпроси

Защо резултатът е различен всеки път, когато пусна теста?

Тестът се прави от сървър на Google и зависи от натоварването в момента. Разлика от няколко точки е нормална. Гледайте дали резултатът е постоянно в зелено, жълто или червено, а не точното число.

Трябва ли ми точно 100?

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

Помага ли CDN или кеширане?

Да, особено ако сайтът е на WordPress. Кеширането пази готовите страници, вместо да ги сглобява наново при всяко посещение. Това обикновено се настройва на хостинга или с добавка.

Нашият сайт е направен с цел 100 в PageSpeed и можете да го проверите сами. Ако искате да знаете къде е вашият, пуснете безплатната проверка: тя мери колко бързо отговаря сървърът ви. Ако бавният сайт е постоянен проблем, вижте услугата Поддръжка и хостинг.