Наша команда-партнер Artmisto
Кілька днів поспіль працюю над шаблоном, який недавно поміняв. До цього стояв фіксований шаблон, як би я не бився з ним, адаптованим зробити я його не зміг, тому довелося вчинити інакше - встановити вже адаптовані шаблон і переробити його під себе. Зробив всю роботу і вирішив перевірити швидкість завантаження сайту в PageSpeed , Результати мене, м'яко кажучи, вразили. Лічильник швидкості показував всього лише 22/100, так нікуди не годиться, щось треба робити і я почав все оптимізувати. У підсумку результат зміг поліпшити до 65/100, але і на цьому я не збираюся зупинятися. Своїми методами, я з радістю поділюся з вами, так що підписуйтесь на оновлення в низу статті і будьте завжди в курсі.
У цій статті ми розглянемо плагін Autoptimize, внесок, звичайно, він вніс не великий, але все-таки трохи допоміг, збільшивши хоч якось показники. Перед показом сторінки, плагін позбирає всі JS файли в один і виводить в кінці сторінки, то ж саме відбувається і з CSS файлами. Крім цього ж він ще оптимізує і код HTML. Рекомендацій його обов'язково ставити, я не даю, але і не ставити теж. Загалом, вибір за вами, а за мною опис налаштувань.
Проходимо стандартний процес установки , Після чого в настройках у вас з'явитися новий пункт консоль > Установки> Autoptimize
Основні налаштування.
Відзначаємо обов'язково ці пункти:
- Оптимізувати код HTML
- Оптимізувати код JavaScript
- Оптимізувати код CSS
Зберігати коментарі HTML - якщо в коді сторінки є якісь важливі коментарі про роботу плагінів (наприклад, Super Cache видає інфорцію на скільки сторінка стала завантажуватися швидше) то потрібно відзначити цей пункт, в інших же випадках відзначати його не варто.
Generate data: URIs for images - що робить ця настройка, я так до кінця не зрозумів, якісь зображення стануть фоновими, що в свою чергу теж має прискорити сайт.
Можна відзначити, але толку великого не буде.
Додаткові налаштування.
У верхній частині сторінки є кнопочка під назвою "Show advanced settings", після її натискання, спливуть додаткові налаштування.
Force JavaScript in <head> - плагін підключає JavaScript в кінці сторінки, але через це можуть з'являтися різні помилки, при подібних проблемах просто відзначте цей пункт.
Look for scripts only in <head> - працювати тільки зі скриптами в <head>. Використовувати бажано з попередньою настройкою.
Exclude scripts from Autoptimize - список скриптів які потрібно виключити. Ці настройки краще взагалі не чіпати.
Add try-catch wrapping - виключати неробочі скрипти. Якщо ви не впевнені в працездатності скриптів на вашому сайті, відзначте цей пункт, і вони будуть виключені.
Look for styles only in <head> - виробляти роботу тільки зі стилями розташованими в <head>. Не розумію, навіщо взагалі ця опція.
Inline and Defer CSS - стилі CSS будуть завантажуватися після завантаження HTML. Знову щось дивне, природно не відзначаємо.
Inline all CSS - вбудовує стилі CSS в HTML документ. Вага HTMLстраніц дуже сильно збільшитися, активувати, теж не варто.
Exclude CSS from Autoptimize - та ж історія що і з виключенням скриптів, тільки на цей раз зі стилями. Як і минулого разу, раджу вам нічого не змінювати.
CDN Options - це теж краще не чіпати.
Інформація про кеші - при активації додаткових налаштувань вилазить ще і статистика. Показується місце зберігання кеша, скільки файлів зберігатися в кеші (на скрині підкреслив). Якщо їх кількість перевищує 80, то раджу насторожитися, добре перевірити ваш сайт і видалити плагін.
Save aggregated script / css as static files - відзначити якщо у вас є підозра що сервер не правильно обробляє і стискає файли. Було відзначено за замовчуванням, так вирішив і залишити.
Ну і найвеселіше це дивне запитання - "Почнемо?" І відповідь "Так". Звичайно, я розумію, що це, швидше за все інформація, що плагін працює, але все одно виглядає кумедно.
Створюйте гарні сайти. До зустрічі.
