Деньги, как известно, имеют различные функции. Одной из них является непрестанное движение денег в обращении, обслуживание процесса обращения. Без выполнения деньгами этой функции торговля была бы невозможна.

Покращуємо швидкість завантаження сайту WordPress

  1. На що впливає швидкість завантаження сайту
  2. Приклад статистики відмов в Метриці
  3. Оптимізація коду сайту плагіном
  4. Включаємо кешування на сайті
  5. Оптимізація зображень на сайті

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

На що впливає швидкість завантаження сайту

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

Приклад статистики відмов в Метриці

Відразу почнемо з реального скриншота метрики, одного з проекту, яким я займаюся. Чи не спишіть кидати в мене тапками, я не криворукий Вебмайстер-оптимізатор, читайте далі))) Відразу почнемо з реального скриншота метрики, одного з проекту, яким я займаюся

У цього сайту поганий показник, великий відсоток відмови. Справа в тому що його мені замовили переробити, на цьому домені був старий сайт, його зламали, і замовник прийняв рішення його переробити зовсім, в результаті користувачі приходять за старими url з пошукових систем, в основному Google, на які сайт віддає помилку 404 (немає цієї сторінки), в результаті користувач просто закриває її.

Досвідчені вебмастера можуть задатися питанням, чому не поставив редирект на нові сторінки за новими url'ам,

Відповідь: вони більш не актуальні. змінився асортимент компанії яка замовила сайт, на потрібні запити, редирект поставив))

Йдемо далі, раз є поганий приклад, значить повинен бути хороший, хотілося б реабілітуватися, ось тримайте.

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

Оптимізація коду сайту плагіном

Для початку потрібно оптимізувати CSS, HTML коди і коди скриптів, для цього є спеціальний плагін, він називається, його скрін наведено нижче

Параметри не дуже складні, є для просунутих користувачів, є для новачків, в загальному дивіться самі

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

Включаємо кешування на сайті

Кешування на сайті під управління WordPress це просто необхідна штука, без нього, у міру наповнення сайту контентом і збільшення числа відвідувачів в онлайні, зросте навантаження на хостера, а вони цього дуже не люблять, тому ресурси на кожному сервері обмежені для кожного договору хостингу, тому сайт почне пригальмовувати. Чому так відбувається, справа в тому що при зверненні сторінки, сервер кожен раз повинен буде виконати php код, прочитавши при цьому css стилі і виконавши всі скрипти. Що робить плагін кешування? Він просто зберігає створені сервером сторінки з ваших php у вигляді html файлів, які складає в свою папку, і коли в черговий раз до цієї сторінки звертається користувач, він просто віддає сохранную сторінку, яка не потребує складних процесах генерації її сервером вашого хостера.

Я як і багато вебмастера, використовую плагін пробував кілька інших. на різних проектах, але цей сподобався найбільше. Відразу перейду до налаштувань. Я користуюся двома кнопками в ньому, після установки його потрібно виключити, вибрати чекбокс 1, і натиснути 2 «Оновити».

Я користуюся двома кнопками в ньому, після установки його потрібно виключити, вибрати чекбокс 1, і натиснути 2 «Оновити»

При подальшій роботі над сайтом, вам знадобиться кнопка (3), «Видалити весь кеш», якщо ви що то поміняли на сайті, колір блоку, шрифт, ще якийсь елемент дизайну, обов'язково видаляйте кеш сміливо, справа в тому що ви можете не побачити змін, адже сервер віддасть вам кешовану сторінку. Після натискання кнопки «Видалити кеш». буде це

буде це

Видаляйте весь кеш, потім оновлюйте сторінку.

Є ще кеш браузера, його робить сам браузер, і зберігає у себе в папці. зроблено це теж для швидкості завантаження, його теж потрібно іноді видаляти, для цього коли оновлюєте сторінку, замість F5, натискайте Ctrl + F5

Оптимізація зображень на сайті

Тепер займемося медиаконтентом (фоточки, картиночки) нашого сайту, в сучасному Сайтобудування без фото і картинок нікуди, тому будемо оптимізувати зображення, але тут я пропоную обійтися без плагіна. Я виключаю в цьому питанні відеоконтент, його є сенс зберігати на відеохостингу типу youtube.com, там вони самі займаються оптимізацією без нашої участі.

Чому без плагіна? У нас оптимізація сайту, а установка купи плагінів нам в цій справі точно не допоможе, тому пропоную використовувати для цього заздалегідь оптимізовані зображення, тобто в реальному розмірі, не більше дозволу екранів, я для цього використовую програму для скріншотів з екрану, вона видає вже більш менш оптимізовані зображення, але для досягнення максимального ефекту, можна скористатися онлайн сервісом для оптимізації jpg і png файлів, просто натискаємо зверху на картинку, і вибираємо що ми хочемо оптимізувати.

У нас оптимізація сайту, а установка купи плагінів нам в цій справі точно не допоможе, тому пропоную використовувати для цього заздалегідь оптимізовані зображення, тобто  в реальному розмірі, не більше дозволу екранів, я для цього використовую програму для скріншотів з екрану, вона видає вже більш менш оптимізовані зображення, але для досягнення максимального ефекту, можна скористатися онлайн сервісом для оптимізації jpg і png файлів, просто натискаємо зверху на картинку, і вибираємо що ми хочемо оптимізувати

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

Для WordPress є плагін від цього сервісу, якщо у вас на сайті дуууже багато зображень, то тоді напевно варто поставити його, для того що б його встановити наберіть в пошуку репозиторій WordPress - TinyPNG, і встановіть плагін стандартною процедурою, після чого його потрібно буде активувати , підтвердивши свою пошту.

Що робить плагін кешування?
Чому без плагіна?