Стиснення та очищення коду для швидкого завантаження сторінок
Прискоріть роботу свого сайту, щоб підвищити його рейтинг і досягти більш високої конверсії
Хороший спосіб зробити задоволеними відвідувачів сайту – зробити так, щоб сторінки сайту швидко відкривалися у браузері. Це можливо, коли у відвідувача хороший інтернет, а ваш сайт формує полегшений HTML-код, наприклад, за допомогою програми «Прискорення сайту ».
Ця програма стискає вихідний код сторінок, видаляє з нього зайві прогалини та порожні рядки і віддає в браузер лише мінімум, якого достатньо для нормальної роботи сайту. Так прискорюється завантаження сторінок сайту та підвищується його конверсія, тому що з більш швидким завантаженням сторінок зростає середня задоволеність сайтом.
Звідки береться зайвий HTML-код
А браузеру, який отримає такий HTML, прогалини та порожні рядки зовсім не цікаві — він їх просто пропускає. А всередині тексту групи пропусків відображаються як один-єдиний пропуск, і всі інші пропуски в такій групі ігноруються, а значить, були даремно передані в браузер.
Чим заважають прогалини та порожні рядки
Кожна зайва прогалина — це додаткові частки секунди, протягом яких відвідувач сайту чекає на завантаження сайту. Краще видалити все зайве, щоб позбавити відвідувача від зайвого очікування
На перший погляд, кілька часток секунди — це не так багато, щоб на це звертати увагу. Але якщо ви виміряєте середню тривалість перебування відвідувача на сайті, коли ці мікросекунди витрачаються на завантаження сторінку і коли сторінка завантажується трохи швидше, ви побачите немаленьку різницю в конверсії. І дізнавшись про неї, ви більше не захочете її втрачати.
Що ще оптимізується
Як увімкнути прискорення сайту
Після встановлення програми вимкніть режим налагодження в Інсталері,якщо він був у вас увімкнений. Тим більше, що для щоденної роботи сайту він все одно не потрібен і використовується зазвичай лише розробниками.
Потім відкрийте програму в бекенді Вебасіста та увімкніть налаштування «Загальний вимикач».
І нарешті відредагуйте шаблон index.html теми дизайну: додайте рядки коду з опису програми на самому початку і наприкінці цього шаблону.
При наведенні курсору кожен варіант налаштувань з'являється підказка - вона допоможе зорієнтуватися з рішенням про увімкнення того чи іншого параметра.
Для стиснення HTML всього 2 налаштування:
- увімкнути/вимкнути стиск;
- пропускати стиснення певних фрагментів, якщо стиснення HTML увімкнено.
Для пропуску деяких фрагментів, які важливо залишити стиснутими, потрібно в текстове віконце написати регулярні вирази, що відповідають таким фрагментам. За допомогою в написанні виразів варто звернутися до розробника, якщо ви не сильні.
Для обробки CSS-стилів найбільше варіантів налаштувань: