AVIJO GLOBAL
Професійне створення сайтів з 2007 року
 замовити  оплатити






Вплив швидкості завантаження сайту на його ефективність

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

Великий розмір файлів підвантажуваних зі сторінкою негативно впливають на швидкість завантаження. Тому картинки, що використовуються на сайті, варто стискати за допомогою спеціальних програм, що використовують алгоритми стиснення, оптимізовані для WEB. На час завантаження сторінки так само впливає і кількість підвантажуваних файлів. Об'єднання декілька файлів стилів в один CSS файл дозволить підвищити час завантаження сторінки. Але об'єднавши кілька картинок в одну велику, ви ризикуєте навпаки знизити швидкість завантаження. Не варто забувати, що красиві JS ефекти вимагають подгрузки спеціальних бібліотек, які володіють іноді значним розміром. Підключення CSS файлів в тезі head html документа дозволить вмісту сторінки довантажуватися з усіма стилями поступово, зверху вниз. Це буде служити своєрідним індикатором для користувача, а також дозволить йому приступити до використання сайту, не чекаючи його остаточно завантаження. Підключення JS бібліотек до кінці файлу дозволить відвідувачеві сайту побачити сторіночку до її повного завантаження. Специфікація HTTP / 1.1 дозволяє завантажувати одночасно не більше двох компонентів сайту одночасно з одного сервера. Розмістивши окремі файли на піддоменах, можна значно підвищити швидкість завантаження. Наприклад, ваш сайт доступний за адресою site.ru, а картинки для нього будуть доступні за адресою image.site.ru. Для браузера це будуть різні сервера, а ось зберігається все може на одному хостингу. Для завантаження популярних JS бібліотек можна використовувати CDN (Content Delivery Network). Це ряд серверів, при звернення до яких, вибирається сервер з найбільш високою швидкістю віддачі для даного ресурсу. У даного методу є ще одна перевага - якщо в кеші браузера користувача вже є необхідна бібліотека, то вона буде використовуватися з кеша.

Сучасні сайти генерують кінцевий документ html код в результаті роботи скриптів, і вмісту БД. А скрипти навіть на найшвидших серверах не можуть давати результат миттєво. Якщо врахувати, що більшість операцій проводиться з однаковими параметрами, то використання кеша значно знизить час завантаження сайту. При використанні великих JS бібліотек і CSS файлів, можна використовувати кеш браузера, якщо, звичайно, він доступний. Для цього повинен бути доступний модуль Expires сервера Apache, а у файлі .htaccess повинні бути відповідні директиви:



Header append Cache-Control "public"

FileETag MTime Size

ExpiresActive On

ExpiresDefault "access plus 0 minutes"

ExpiresByType image/ico "access plus 1 years"

ExpiresByType text/css "access plus 1 years"


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




Поради щодо створення сайту
Навіщо потрібен сайт?
Новинні веб-сайти - створити свій новинний сайт
Вплив дизайну сайту на його аудиторію
Лаконічний дизайн сайту: мінімалізм основа юзабіліті
Дизайн для мобільних пристроїв: основні тенденції
Як обрати колір для сайту - особливості сприйняття кольору
Хороший інтернет-магазин - як його зробити?
Створення лендінгів (landing page, цільових сторінок) і ефективний заклик до дії
Дизайн сайту - важливий елемент іміджу компанії
Інтернет-магазин чи сайт-каталог?
Причини редизайну сайту
Юзабіліті сайту - отримання максимального ефекту
Основні функції контенту на сайті
Інтернет магазин як основа вашого бізнесу
Застосування бізнес моделі в інтернет маркетингу
Створення багатомовних сайтів. Розробка сайтів на декількох мовах
Виготовлення сайтів - терміни розробки
Відгуки клієнтів - інструмент інтернет маркетингу
Для чого потрібен і як функціонує Landing page?
Частота оновлення контенту сайту
Вибір доменного імені
Режим роботи інтернет-магазину
Перевага простого і зрозумілого дизайну. Вигода дизайнеру, клієнту, відвідувачу сайту.
Корисні поради по наповненню сайту
Розробка корпоративного сайту формує імідж компанії
Критерії відмінного сайту
Що таке юзабіліті сайту і навіщо воно потрібне?
Інтуїтивний веб-дизайн: Лендінгем повинен бути зручний для користувача!
Юзабіліті
Замовити мобільний сайт
Що важливо знати про створення сайтів
Як правильно створити сайт
Витрати на створення інтернет-магазину
Корпоративний сайт
Вплив швидкості завантаження сайту на його ефективність
Сайт для весільного салону
Секрети зручного сайту
Аналіз юзабіліті - що робить сайт популярним?
User experience для підвищення конверсій
Розробка сайтів - особливості дизайну та принципи верстки
Професійний веб-дизайн сайту: привабливість і ефективність
Корпоративний сайт компанії: як бути краще конкурентів
З яких елементів повинна складатися цільова сторінка?


Замовити сайт

надіслати повідомлення

Онлайн-оплата

перейти до сплати...

*Оплата відбувається через сервіс Інтеркаса
Switch to English?