Як збільшити швидкість завантаження веб-сторінок за допомогою CSS

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

Якою повинна бути швидкість завантаження сторінки сайту

Показники, на які орієнтується веб-майстер, такі:

• 1 секунда — чудовий результат;
• 2-3 секунди – добре;
• 4-7 секунд — в межах норми, але є куди зростати;
• 8-10 секунд – поганий результат;
• 11 секунд і більше — необхідно терміново зайнятися цим параметром.

За даними дослідження, проведеного Strangeloop, 57% користувачів інтернету так і не побачать вмісту сторінки, якщо вона завантажуватиметься довше 3 секунд. Якщо сайт перевантажений трафіком, 75% відвідувачів сторінок залишать їх, перейшовши на сайт конкурентів. За даними цього дослідження, якщо сторінка завантажується 1 секунду — це дозволяє збільшити на 22% кількість її переглядів, порівняно з тією, яка завантажується 3 секунди.

А за даними дослідження Aberdeen Group, збільшивши швидкість завантаження лише на 1 секунду, можна збільшити кількість переглядів на 11%, конверсію — на 7%, а задоволеність користувачів — на цілих 16%.

Перевірка швидкості завантаження сторінки

Існують спеціальні сервіси, що дозволяють перевірити швидкість завантаження сторінок.

До числа найпопулярніших належать:

• PageSpeed Insights— продукт компанії Google оцінює швидкість завантаження за 100-бальною шкалою. Хорошим показником вважається 80-90 балів. Сервіс дає рекомендації, що потрібно виправити.
• Pingdom — необхідно вказати адресу перевіреної сторінки, і програма видасть час завантаження окремих об'єктів веб-сторінки, а також їхню вагу і URL.
• WebPageTest — після введення URL сторінки сервіс видасть дві діаграми завантаження (перший прохід і другий — частина елементів завантажується з кешу браузера). Тут потрібно звертати увагу на дві лінії — фіолетова лінія вказує час відображення сайту — хороший показник 1-1,5 секунди. Синя — час повного завантаження, не повинен перевищувати 4 секунди.

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

Як збільшити швидкість завантаження веб-сторінок за допомогою CSS

Сама назва CSS перекладається з англійської як «каскадні таблиці стилів» — це формальна мова, що описує зовнішній вигляд документа, у написанні якого використана мова розмітки.

Існують такі способи збільшення швидкості завантаження сторінок за їх допомогою:

• оптимізація — замість вбудованих у сторінку CSS підключати їх із зовнішнього файлу, при цьому код викликання розмістити в шапці сайту;
• скорочення розміру коду CSS — допомогти видалити зайві символи (наприклад, коментарі або пробіли) можуть сервіси CSS Drive або CSS Compressor;
• стиснення і комбінування JavaScript і CSS файлів — це значно зменшує кількість запитів браузера, для цього використовують спеціальні сервіси, наприклад, CakePHP.;
• об'єднання невеликих зображень, іконок і кнопок в CSS-спрайти — у цьому допоможе сервіс SpriteMe.

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