Усі колекції
Сайт
Захист Cloudflare
Hostinger CDN: оптимізація сайту
Hostinger CDN: оптимізація сайту

Підвищення продуктивності Вашого сайту за допомогою Hostinger CDN

Оновлено протягом останнього тижня

Що таке CDN?

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

Ви можете дізнатися більше про CDN у цьому відео:

Як використовувати Hostinger CDN?

Якщо Ви користуєтеся тарифом "Web Business" або вище, Ви можете легко ввімкнути Hostinger CDN. До нашої CDN входять різноманітні інструменти, які допоможуть оптимізувати Ваш сайт. Просто перейдіть до розділу "Сайти" в панелі управління hPanel і натисніть "Керувати" поруч із потрібним сайтом. Потім знайдіть "CDN":

The CDN option in the hosting dashboard

Якщо CDN не ввімкнено, Ви можете увімкнути цю функцію:

The view when Hostinger CDN is enabled

Реплікація сайту в мережі може зайняти кілька годин.

Щоб отримати доступ до інших налаштувань, натисніть кнопку зі стрілкою (❯):

Тепер розгляньмо функції CDN, які допоможуть Вашому сайту працювати безперебійно!

Рекомендується одночасно вмикати лише один CDN. Якщо Ви використовуєте інший CDN, наприклад, Cloudflare, переконайтеся, що вимкнули його, перш ніж активувати Hostinger CDN 💡

Стиснення зображень у форматі WebP

WebP – це формат зображень, який забезпечує чудове стиснення без втрат і з втратами якості. В середньому цей формат забезпечує на 30% більший ступінь стиснення, ніж JPEG і JPEG 2000, без втрати якості зображення.

Якщо Ви ввімкнете цю функцію, зображення на Вашому сайті будуть автоматично оптимізовані в формат WebP, щоб зменшити розмір файлу і пришвидшити завантаження без зміни URL-адреси. За замовчуванням вона ввімкнена, але Ви можете вимкнути її, натиснувши кнопку поруч з пунктом "Стиснення зображень WebP":

The option to automatically optimize images to WebP format

Ви можете увімкнути або вимкнути цю функцію в будь-який час.

Мінімізація файлів CSS

CSS розшифровується як Cascading Style Sheets (каскадні таблиці стилів). Це мова, яка визначає візуальний вигляд і макет сторінок.

Мінімізація CSS – це процес зменшення розміру файлу коду CSS шляхом видалення непотрібних символів і пробілів без зміни його функціональності. Щоб увімкнути цю функцію, натисніть кнопку поруч з пунктом "Мінімізація файлів CSS":

The option to minify website's CSS files

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

Мінімізація файлів JavaScript

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

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

The option to minify website's JavaScript files

Чим більше коду у файлі, тим він більший і тим довше завантажується. Тому важливо мінімізувати файли CSS і JavaScript, щоб сторінки завантажувалися швидше.

Розумна оптимізація зображень

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

За замовчуванням ця функція ввімкнена, але Ви можете легко вимкнути її, натиснувши кнопку поруч із пунктом "Розумна оптимізація зображень":

The option to automatically resize and compress images for desktop and mobile devices

Ви можете дізнатися більше про оптимізацію, переглянувши цей посібник: Посібник з оптимізації зображень для кращої роботи сайту 💡

ПРИМІТКА

  • Якщо до Вашого поточного тарифу не входить Hostinger CDN, але Вам потрібна ця функція, змініть тариф.

Ви отримали відповідь на своє запитання?