Збільшення швидкості вашого веб-сайту є одним із суттєві фактори при позиціонуванні краще ваш блог або професійний веб-сайт в результатах пошуку Google.
Покращення швидкості завантаження вашого веб-сайту є важливою вимогою до будь-якого пошукова система враховує для формування рейтингу вашого сайту в результатах.
Тоді це зрозуміло за рахунок зменшення часу завантаження вашого веб-сайту отримає ваша компанія або блог бути більш помітним в Інтернеті; пропорційно ви отримаєте збільшити кількість відвідувань вашого веб-сайту.
Щоб "подобатися" більше Google, вам слід;
- Зменшити вагу вашого веб-сайту (вимірюється в мегабайтах)
- Зменште кількість запитів зроблено на сервер (Запити)
- В загальному, збільшити швидкість завантаження вашого веб-сайту (вимірюється секундами)
У цьому дописі я зупинюсь на збільшити швидкість веб-сайтів або блогів, створених у WordPress.ORG. Якщо ви новачок у цій темі, ви побачите в цій іншій статті: що таке WordPress.ORG та відмінності від WordPress.com.
Для покращення швидкості вашого сайту в WordPress ми будемо використовувати 3 безкоштовні ресурси:
- Місце GTmetrix.com для вимірювання ефективності вашого веб-сайту до та після змін, які ми внесемо.
- Плагін WP Smush це для WordPress.
- Плагін W3 Загальний кеш для WordPress.
Давайте подивимось по черзі ці 3 безкоштовні ресурси:
GTmetrix.com
Це веб-сервіс, яким я регулярно користуюся для вимірювання швидкості завантаження сторінки чи блогу. GTmtreix.com дозволяє нам перевіряти швидкість роботи будь-якого веб-сайту, не встановлюючи нічого, але найкраще на цьому веб-сайті - це остаточний звіт, який він відображає на екрані (також можна завантажити у версії PDF).
звіт включає серед інших даних:
- Кількість чогось запитів(запит), що браузер робить із сервером.
- Швидкість завантаження веб-сайту (у секундах).
- Тамане веб-сторінки (у мегабайтах).
- Графіка "Водоспад", де вона показує порядок навантаження кожного компонента веб-сайту.
- Пропозиції збільшити швидкість завантаження і до п’ятірка найважливіших проблем, які потрібно вирішити.
WP Smush It
Плагін WP Smush it для WordPress використовує API служби, яку пропонує Yahoo, Smush It, для зменшити розмірхлопчик усіх імзображення, які ви коли-небудь завантажували до вашого блогу або веб-сайту, створеного за допомогою WordPress.
Це, безсумнівно, допоможе вам збільшити швидкість завантаження вашого блогу. На додаток до зменшення ваги старих зображень, цей плагін зменшить розмірне зображень, які ви завантажуєте відтепер, що допоможе вам значно скоротити час завантаження вашого сайту.
Загальний кеш W3
Добре відомий загальний кеш W3 - це плагін для WordPress, який майже використовується обов’язковий для тих, хто хоче збільшити швидкість завантаження веб-сайту або блогу, створеного на WordPress.org
Цей плагін дозволяє нам оптимізуйте наш сайт, щоб збільшити швидкість завантаження веб-сторінки використовуючи різні системи "кешування", як ми побачимо пізніше.
Процес, який ми дотримуватимемось для покращення швидкості завантаження вашого веб-сайту в WordPress, такий самий, що ви можете показати клієнту, якщо ви не робите це для себе.
Подивимось процес:
- Виміряйте поточну ситуацію на веб-сайті GTmetrix.com
- Встановіть та налаштуйте плагін для WordPress: Загальний кеш W3
- Встановити Плагін WPMUDEV для WordPress: WP Smush it
- Виміряйте збільшення швидкості Завантажте свій сайт за допомогою Gtmetrix.com
Підемо зараз крок за кроком ...
# 1 Виміряйте швидкість поточного веб-сайту
У цьому випадку нам потрібно зайти на веб-сайт GTmetrix.com та введіть нашу URL-адресу або веб-домен і натисніть кнопку «ПЕРЕЙТИ» як ми бачимо на зображенні нижче:
Після завершення процесу аналізу, GTmetrix.com покаже вам звіт на екрані з 5 вдосконалень Y деякі вимірювання (числові значення) які саме ми будемо враховувати, щоб визначити, чи покращив сайт швидкість завантаження.
Я показую вам a Приклад із веб-сайтом клієнта, що я регулярно працюю і мав кілька проблем із швидкістю завантаження вашого веб-сайту, створеного за допомогою WordPress.
значення, які ми будемо вимірювати Щоб побачити, чи покращив наш веб-сайт ефективність щодо швидкості завантаження, вони будуть такими:
- Час завантаження (Час завантаження сторінки) - вимірюється в секундах
- P розмірсторінки (Загальний розмір сторінки) - вимірюється в мегабайтах
- Кількість запитів (Загальна кількість запитів) - вимірюється кількістю
- Оцінка швидкості (Оцінка швидкості сторінки) - вимірюється у відсотках
У цьому прикладі значення, виміряні перед впровадженням удосконалень, є:
- Час зарядки: 4,03 секунди
- Розмір сторінки: 2,51 МБ
- Кількість запитів: 99
- Рейтинг швидкості: 81%
Коротко пояснимо кожен із цих показників:
- Час завантаження: - це скільки секунд потрібно для завантаження вашого веб-сайту. Щоб виміряти це, GTmetrix завжди виконує тест з того самого сервера, що знаходиться у Ванкувері (Канада), використовуючи браузер Mozilla Firefox у своїй настільній версії.
- Розмірсторінки: - вага файлів та компонентів, що складають вашу веб-сторінку, у мегабайтах. У остаточному звіті GTmetrix ви побачите повний перелік цих компонентів, індивідуальну вагу, порядок та затримку навантаження.
- Кількість запитів: Це кількість разів, коли браузер «підключається» до сервера, «просячи» отримати ті частини (компоненти), які складають вашу веб-сторінку. Оскільки сервери реагують лише на 5 запитів одночасно, чим менше запитів браузер робить до сервера, тим швидше завантажується весь ваш веб-сайт. Тобто це зменшить час завантаження вашого сайту.
- Оцінка швидкості: Це значення, яке GTmetrix автоматично обчислює, усереднюючи всі показники, які повертає аналіз. Це лише допоможе нам швидко перевірити подальше збільшення швидкості завантаження Інтернету.
# 2 Встановіть та налаштуйте загальний кеш W3
W3 Total Cache - один із найбільш рекомендованих плагінів WordPress для підвищення ефективності будь-якого веб-сайту або блогу на основі WordPress.org.
Цей плагін дозволяє збільшити швидкість завантаження з вашого сайту, покращити продуктивність вашого сервера і перш за все, запропонувати кращу взаємодію з користувачем під час перегляду веб-сайту.
Як встановити загальний кеш W3
Щоб додати цей плагін на свій сайт WordPress, потрібно:
- Перейдіть до свого Панель адміністрування (інформаційна панель) WordPress
- Звідти шукайте розділ Плагіни і натисніть на ДОДодати новий (плагін).
- Одного разу вікно пошуку,введіть назву плагіна Y зі списку результатів виберіть "Загальний кеш W3" натиснувши на "Встановити зараз".
- Активуйте плагін і готовий!
Як налаштувати загальний кеш W3
На цьому етапі кожен повинен зробити свій власний досвід, тому що правильна конфігурація плагіна багато в чому залежить від того, на якому сервері ви розміщуєте свій веб-сайт або блог.
Якщо у вас є сумніви щодо цього або ви починаєте цифровий проект і ви ще не вибрали послугу веб-хостингу, я рекомендую цю статтю що може вам допомогти: Як вибрати якісний хостинг.
Тож найкраще отримати найкращу конфігурацію із загального кешу W3 полягає у тестуванні всього, включенні та вимкненні кожного варіанту про які ми швидко побачимо нижче.
Приклад конфігурації загального кешу W3 із хостингом Media Temple
У прикладі, який ми наслідували, відповідний клієнт розміщує свій веб-сайт у компанії Media Temple. Спробувавши різні конфігурації плагіна W3 Total Cache, це було найкращим:
- Кеш сторінки: Увімкнено
Метод кешування сторінки: Диск: покращений - Зменшити: Увімкнено
Режим зменшення: Автомобіль
Всі інші такі ж, як за замовчуванням - Кеш бази даних: Вимкнено (зніміть прапорець)
- Кеш об'єкта: Інваліди
- Кеш браузера: Увімкнено
- CDN: Вимкнено, якщо у вас є послуга CDN, ви б знали. У такому випадку потрібно ввімкнути це поле
- Зворотний проксі: Увімкнено
- Моніторинг (Нова реліквія): Інваліди
- Ліцензування: залиште поле порожнім
- Різне:
Увімкніть віджет інформаційної панелі Google Page Speed: Увімкнено
Перевірте правила перезапису: Увімкнено
Все інше відключено
Не забудьте змінити всі внесені зміни! -> "Зберегти всі налаштування".
Не забудьте очистити весь кеш, перш ніж вимірювати результати знову! -> "Очистити кеш сторінки". (Понад усе).
Приклад конфігурації загального кешу W3 для веб-сайту, розміщеного в Hostgator
Що ми бачимо далі як налаштувати загальний кеш W3 для мого блогу (це), що розміщується на сервері Хостгатор.
- Кеш сторінки: Увімкнено
Метод кешування сторінки: Диск: покращений - Зменшити: Увімкнено
Режим зменшення:Довідник
Всі інші такі ж, як за замовчуванням - Кеш бази даних: Вимкнено (зніміть прапорець)
- Кеш об'єкта: Інваліди
- Кеш браузера: Увімкнено
- CDN: Вимкнено, якщо у вас є послуга CDN, ви б знали. У такому випадку потрібно ввімкнути це поле
- Зворотний проксі:Інваліди
- Моніторинг (Нова реліквія): Інваліди
- Ліцензування: залиште поле порожнім
- Різне:
Увімкніть віджет інформаційної панелі Google Page Speed: Увімкнено
Перевірте правила перезапису: Увімкнено
Все інше відключено
В Помаранчевий Я покажу вам особливості в конфігурації, яка зроблена W3 Total Cache працює коректно в моєму блозі, розміщеному на Hostgator.
# 3 Встановіть WP Smush It
На малюнку нижче ми бачимо ручний спосіб зменшення зважуйте (оптимізуйте) зображення вашого сайту по одному:
Плагін Wp Smush it від WPMU DEV дозволяє автоматизувати весь процес оптимізації зображення. Це фундаментальний інструмент, оскільки я його відкрив!
Що робить плагін - це надсилати Smush.it всі зображення, які ви вже завантажили на свій веб-сайт або блог і після зменшення розміру замініть оригінали новими, які будуть оптимізовані. Те саме відбувається із зображеннями, які ви завантажуєте відтепер.
Хоча іноді кількість стиснення зображення здається малою, Якщо у вас є блог, який займає більше року в Інтернеті або містить понад 100 зображень, ви побачите, що зменшення всіх зображень зменшить розмір (вагу) вашої веб-сторінки. Це, очевидно, відображатиметься на швидшій швидкості завантаження вашого сайту.
Особливості використання плагіна WP Smush It
- Тамарік кожногозображення має бути менше 1 Мб (завдяки API Smush it)
- Ваші зображення не можуть розміщуватися на веб-сайті, який використовує захищений протокол HTTPS: //
- Зображення повинні розміщуватися на загальнодоступному сервері. Це зрозуміло, оскільки зображення надсилає не плагін, а служба Smush.it.
- Плагін не може робити зображення з CDN. CDN - це набір серверів у різних частинах світу, які зберігають значну частину вашого сайту, щоб він швидше завантажувався в країнах, де ваша служба хостингу не має власних серверів.
Встановлення та налаштування плагіна WP Smush.it
Плагін Wp Smush it не вимагає якоїсь конкретної конфігурації.
Щоб встановити WP Smush.it, ми дотримуємось тієї самої процедури, що і для будь-якого плагіна.
Після цього ми побачимо вимоги, яким повинні відповідати зображення тому їх можна оптимізувати за допомогою плагіна.
Нижче ми знайдемо розрахунковий час обробки і кнопку, яку ми натиснемо для запуску згаданого процесу. На кнопці написано: "Запустити всі мої зображення через WP Smush.it прямо зараз ".
І готовий!
Старі зображення будуть автоматично замінені плагіном на нові із меншою вагою та розміром.
ПРИМІТКА: Якщо ви, як і я, ви один з тих, хто займається SEO детально, ви не повинні хвилюватися, тому що імена вашого імзображення залишаться незмінними.
# 3 Перевірте та виміряйте збільшення швидкості завантаження вашого сайту
У цьому випадку ви це зробите повторіть той самий тест, який ми проводили в пункті №1.
Я чітко даю це зрозуміти вам доведеться виміряти його знову за допомогою тієї самої послуги, якою ви користувалися вперше, інакше результати будуть зовсім іншими. У моєму випадку я використовував: Gtmetrix.com
Давайте подивимося нижче результати, отримані після оптимізації, здійсненої за допомогою W3 Total Cache та WP Smush It:
Отримані результати: Наскільки збільшилась швидкість завантаження веб-сайту
Проаналізуємо ті ж показники, що і раніше:
Вимірювання ДО покращень | Вимірювання ПОТІМ покращень | |
Час зарядки (секунди) | 4.03 | 2.05 |
Розмір сторінки (МБ) | 2.51 | 2.14 |
Кількість запитів | 99 | 72 |
Оцінка швидкості | 81% | 88% |
Очевидно впроваджені вдосконалення дали очікувані результати!
Час скорочено з 4,03 до 2,05, тобто швидкість завантаження відповідного веб-сайту зросла на 96%.
Якщо ми лише проаналізуємо час зарядки в секундах, це було зменшено вдвічі, що змушує будь-яку пошукову систему сприймати це як я знаюпозитивний сигнал і індексує вас вище у вашому рейтингу.
taрука рсторінки в МБ та кількість запитів саме це зменшує попередній час завантаження. Пояснення щодо цього моменту не так багато.
відсоток Ми бачимо індекс, створений GTmetrix, щоб ми з першого погляду знали, чи збільшила швидкість завантаження Інтернет. Ця веб-сторінка аналізує в середньому кілька факторів.
Кінець допису, де я показую практичний випадок того, як я впорався збільшити швидкість завантаження з веб-сайту реалізація двох простих безкоштовних інструментів хто використовує WordPress.org для.
Інтернет-бізнес та консультант з цифрового маркетингу. Тренер та наставник підприємців. Доповідач на конференціях та заходах. Ведуча подкасту "Говорячи про підприємництво" та автор книги "Створюй, приваблюй та монетизуй". + інформація