SEO-тренінг: Максимізуй свою онлайн-видимість за допомогою оптимізації для пошукових систем.

Оптимізація роботи в мережі: 10 | Оптимізація продуктивності та заміна зображень

Усі відео з уроку

Наступний пункт стосується продуктивності. Сервер повільно віддає одинадцять сторінок. Цікаво, що домашня сторінка не включена в список.

Я роблю контрольний запит, щоб знайти ланцюжок затримок і перевіряю швидкість через GTMetrix. Домашня сторінка гарно працює - навіть за наявності відео та невеликих анімацій на сторінці:

Тест швидкості завантаження сторінки для домашньої сторінки за допомогою GTMetrix.

Тепер перейдемо до сторінки, яку відзначає Seobility:

Тест швидкості загрузки сторінки для підсторінки за допомогою GTMetrix

Майже найкращі результати при завантаженні сторінки через GTMetrix. Також Seobility надає поради щодо оптимізації продуктивності у блоці і посилається на інструмент тестування PageSpeed Insights від Google. Хоча вид на робочий стіл майже досяг 95 % найкращого показника, мобільний вигляд вимагає більших умов. Результат 67 % можна вважати середнім. Минайм тільки основні показники швидкості виконані.

Тест швидкості сторінки - результат попередньо

Основною проблемою зазначається розмір зображення. І визнаємо, що понад 800 кб виглядають досить великими. Це через формат PNG 24. Використання PNG 8 значно зменшує розмір зображень, але на краях вони можуть бути нечистими. І через анімаційний ефект це є своєрідним компромісом, на який ми йшли у період редизайну.

Google рекомендує використовувати сучасні формати зображень. І Google правий у цьому. На експериментальній підставі я конвертую обидві PNG-картинки, оптимізую їх через онлайн-інструмент squoosh.app та заміню їх на сайті на WEBP-картинки, які вже майже вдвічі менше за розміром. Тепер тестовий результат - 98 % для робочого столу і 74 % для мобільних пристроїв.

Результат тесту PageSpeed після

Гарне покращення, яке можна здійснити всього за кілька хвилин.

Як Google, так і GTMetrix надають мені додаткові поради щодо потенційної оптимізації. Як один із пунктів, я візьму завдання щодо оновлення сервера на програмне забезпечення PHP 8.2, оскільки наразі сайт працює на PHP 7.2. Це має сенс з точки зору безпеки, а також з точки зору продуктивності.