Що таке швидкість сторінки

Вступ

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

Кращі SEO-тактики: Швидкість сторінки

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

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

Стиснення сайту

Використовуйте Gzip, програму, призначену для стиснення даних, щоб зменшити розміри поточних файлів даних CSS, HTML, а також JavaScript, які можуть перевищувати 150 байт. Gzip не є корисним для файлів зображень. Замість цього стискайте ці файли за допомогою такої програми, як Photoshop, що дозволить вам зберегти контроль якості ваших зображень.

Мінімізувати CSS, JavaScript на додаток до HTML

Оптимізація коду може значно підвищити поточну швидкість роботи сторінки. Також усуньте відповіді коду, форматування, а також занедбаний код. Google пропонує застосовувати YUI Compressor як для CSS, так і для JavaScript.

Нижчі перенаправлення

Редиректи будуть сповільнювати швидкість роботи. Якщо шаблон редиректу мобільного сайту закодований таким чином:

123abc.com -> www. 123abc.com -> m. 123abc.com -> m. 123abc.com/home

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

Кешування браузера

Веб-браузери кешують велику кількість інформації (таблиці стилів, фотографії, записи JavaScript і багато іншого), щоб гарантувати, що кожного разу, коли відвідувач веб-сайту повертається на сайт, ця сторінка не буде змушена повністю перезавантажуватися. Попрацюйте з таким інструментом, як YSlow, щоб з'ясувати, коли у вас вже встановлений великий термін придатності для вашого кешу. Потім встановіть заголовок "expires" на час, протягом якого ви хочете, щоб дані залишалися в кеші. Google надає інформацію про використання кешу, і якщо ваші сайти не змінюють дизайн частіше одного разу на рік, інформація, надана на їхньому сайті, повинна бути дуже корисною.

Збільшення реакції сервера

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

Використовуйте коло постачання контенту

Мережі розподілу контенту (CDN) - це мережі, з'єднані з серверами, які використовуються для розповсюдження через підключену мережу обміну даними. По суті, копії вашого сайту зберігаються на декількох, географічно різних інформаційних об'єктах, щоб кінцеві користувачі могли отримати доступ до інформації швидше, ніж це було дозволено раніше.

Підвищення графіки

Переконайтеся, що ваші зображення не більші, ніж вони повинні бути, що вони знаходяться у відповідному файлі, і що вони зменшені для Інтернету. Використовуйте CSS-спрайти для створення шаблону для зображень, які ви регулярно використовуєте на своєму сайті, наприклад, кнопок та іконок. CSS-спрайти об'єднують зображення безпосередньо в одну значну фотографію, яка завантажується за короткий час (що свідчить про набагато меншу кількість HTTP-запитів). Ви заощадите час завантаження, не вимагаючи від користувачів очікування декількох черг завантаження зображень.