Поради щодо SEO 10 для покращення часу завантаження вашого сайту

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

Щоб цього не сталося, ви повинні звертати увагу на певні параметри вашого сайту, як на рівні вашого хосту, так і на ваших сторінках.

Давайте розглянемо фактори, які слід враховувати для покращення часу завантаження вашого сайту.

Потрібен розробник & nbsp? вебмайстер ? редактор ?

Подайте свій проект безкоштовно на Codeur.com, отримайте п’ятнадцять пропозицій та виберіть ідеального постачальника послуг.

Хаді Хобейч
Експерт Prestashop

Ізабель Маті
Консультант з маркетингу

Віктор Дюксен
Розробник повний стек

Джонатан Буррат
Менеджер спільноти

1. Виберіть правильний веб-хост

Коли настає час вибору веб-хостингу, вибір непростий. Їх велика кількість і за будь-які ціни.

Вас може спокусити доступний веб-хостинг, якщо зовсім не дешевий, але будьте обережні. Ця економія може відбутися за рахунок якості пропонованої послуги.

Деякі розміщують багато сайтів на одному сервері, що не оптимізовано для:

Отримуйте трафік з десятків, а то й сотень сайтів одночасно Зберігайте великі файли з стільки сайтів

Вибираючи хоста, зверніть увагу на запропонований сервер:

Спільний сервер

Виділений сервер

Нарешті, перевірте потужність сервера, обсяг пам’яті та пов’язану пропускну здатність.

2. Уникайте накопичення плагінів та віджетів

При розробці веб-сайту часто виникає спокуса додати багато можливостей у вигляді плагінів та віджетів. Це ще простіше з такою системою управління вмістом, як WordPress.

Хоча ці невеликі додаткові опції, здається, полегшують користувачеві навігацію та покращують свій досвід роботи на сайті, те саме не стосується швидкості завантаження.

Навпаки, кожен віджет, навіть найпростіший, знижує продуктивність вашого сайту. Обмежте кількість встановлених плагінів.

У сукупності ви розумієте, що простір скорочується, і завантаження вашого сайту менш ніж за 2 секунди буде важким.

3. Мінімізуйте запити HTTP

Час завантаження веб-сторінки залежить від зображень, файлів та сценаріїв для завантаження та відображення. Однак для кожного з цих елементів робиться HTTP-запит.

Перш ніж зменшити кількість запитів, потрібно знати, скільки запитує ваша сторінка. Ви можете знайти відповідь безпосередньо в Google.

Клацніть правою кнопкою миші на сторінці, натисніть "Перевірити", а потім перейдіть на вкладку "Мережа":

У стовпці "Ім'я" відображаються всі файли на веб-сторінці. У стовпці "Розмір" вказується розмір кожного файлу. У стовпці "Час" вказується час, необхідний для завантаження файлу

У лівому нижньому куті ви бачите загальну кількість зроблених запитів.

Щоб зменшити це число, подумайте, чи потрібен кожен завантажений файл. Якщо ні, ви можете видалити його зі своєї сторінки.

Потрібен розробник & nbsp? веб-майстер & nbsp? редактор & nbsp?

Хаді Хобейч
Експерт Prestashop

Ізабель Маті
Консультант з маркетингу

Віктор Дюксен
Розробник повний стек

Джонатан Буррат
Менеджер спільноти

4. Згорніть CSS-код

Рядок коду займає простір і збільшує розмір ваших файлів, а також час завантаження вашого сайту. Все, що ви пишете, має бути корисним та ефективним.

По-перше, зменшіть використання селекторів, видаліть пробіли, видаліть непотрібні CSS та видаліть непотрібні коментарі. Так само перейдіть до пункту у вашому коді за допомогою коротких формулювань.

Для кольорів використовуйте шістнадцятковий код замість того, щоб писати значення RGB.

5. Об’єднайте та мінімізуйте розмір файлу

Також для того, щоб зменшити HTTP-запити, ви можете попрацювати над розміром своїх файлів. Почніть з HTML, CSS та JavaScript.

Ви можете згорнути їх код, щоб видалити зайве форматування, відступи та пробіли. Існують конкретні інструменти, такі як Minify.

Крім того, якщо у вас кілька файлів CSS або JavaScript, спробуйте об'єднати їх в один і той же файл. Ваша сторінка матиме менше компонентів для завантаження і, отже, менше запитів.

6. Відкладіть завантаження файлу JavaScript

Завантажити файл означає завантажити його після відображення інших елементів веб-сторінки.

Оскільки файл JavaScript іноді може бути великим, може бути непоганою ідеєю зробити це. Таким чином, час завантаження вашої сторінки не сповільнюється: ваш основний вміст відображається за надзвичайно короткий час.

З цієї причини доцільно зателефонувати спеціалісту в цій галузі.

7. Дозволити кешування

Коли ви відвідуєте веб-сайт, елементи переглянутої сторінки зберігаються в кеші на жорсткому диску або у тимчасовій пам'яті.

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

Більшість відвідувачів вашого сайту приходять із порожнім кешем. Тому дуже важливо, щоб ви дозволили кешування, щоб різко скоротити час завантаження вашого сайту під час наступного відвідування.

На WordPress ви можете використовувати плагін W3 Total Cache. Ви також можете переглянути ваш файл .htaccess, додавши такі рядки коду:

Закінчується Активний
ExpiresDefault "доступ плюс 1 тиждень"
ExpiresByType image/x-icon "доступ плюс 1 рік"
ExpiresByType image/gif "доступ плюс 1 місяць"
ExpiresByType image/png "доступ плюс 1 місяць"
ExpiresByType image/jpg "доступ плюс 1 місяць"
ExpiresByType image/jpeg "доступ плюс 1 місяць"
ExpiresByType video/mp4 "доступ плюс 1 місяць"
ExpiresByType text/x-component "доступ плюс 1 місяць"
ExpiresByType шрифт/тип типу "доступ плюс 1 місяць"
ExpiresByType шрифт/тип відкриття "доступ плюс 1 місяць"
ExpiresByType application/x-font-woff "доступ плюс 1 місяць"
ExpiresByType application/vnd.ms-fontobject "доступ плюс 1 місяць"
ExpiresByType text/css "доступ плюс 1 рік"
ExpiresByType додаток/javascript "доступ плюс 1 рік"
ExpiresByType text/javascript "доступ плюс 1 рік"
ExpiresByType text/js "доступ плюс 1 рік"
ExpiresByType application/x-javascript "доступ плюс 1 рік"

Якщо у вас виникають проблеми з налаштуванням кешування, не соромтеся подавати проект на Codeur.com.

8. Використовуйте CDN

Коли ваш сайт розміщений на одному сервері, кожен користувач, який відвідує ваш сайт, надсилає запити на той самий сервер. Таким чином, у разі великого трафіку час, необхідний для обробки кожного запиту, збільшується, уповільнюючи час завантаження вашого сайту для всіх користувачів.

Крім того, якщо ваш сервер знаходиться у Франції, а користувач знаходиться в Австралії, ваш сайт буде повільнішим для цього користувача. Інформація, необхідна для відображення сторінки, знаходиться далі і вимагає більше часу для завантаження.

Для подолання всіх цих проблем доцільно використовувати CDN - Network Delivery Network.

За допомогою CDN ви кешуєте свій сайт у глобальній мережі серверів. Таким чином, коли користувач відвідує ваш сайт, запити надсилаються на сервер, найближчий до його місцезнаходження.

Надісланий вміст абсолютно однаковий, але завантажується набагато швидше.

9. Використовуйте зовнішні платформи зберігання

На додаток до розміщення файлів вашого сайту на CDN, ви можете розміщувати їх на зовнішніх хостах, особливо якщо це відео або великі файли.

Візьмемо приклад: ви створили відеоурок і хочете інтегрувати його на свій сайт. Цей файл важкий, оскільки ваше відео триває кілька хвилин.

Замість того, щоб завантажувати його безпосередньо на свій сайт через FTP-клієнт або редактор WordPress, краще розмістити його на YouTube або Vimeo.

Потім ви можете вставити своє відео у свій вміст за допомогою коду .

10. Оптимізуйте зображення

Цей фокус добре відомий і дуже ефективний. Як відомо, чим більше вага вашого зображення, тим більше збільшується вага вашої веб-сторінки і тим довше буде потрібно завантаження.

Ось що вам потрібно зробити:

Виберіть правильний формат

Змініть розмір ваших зображень

Стискайте свої зображення

Дотримуючись усіх цих порад, ви зможете значно скоротити час завантаження вашого сайту. Переваги будуть суттєвими з точки зору SEO та досвіду користувачів.

Знайдіть найкращих фрілансерів на Codeur.com

Опублікуйте оголошення за 2 хвилини та отримайте свої перші цитати.