- Webcraftic Clearfy - оптимізація WP. Зміст статті Всім привіт! Сьогодні ми поговоримо про один...
- Як проходить оптимізація зараз.
- Плагін для оптимізації WordPress - Clearfy.
- Безкоштовні функції плагіна Webcraftic Clearfy.
- Оптимізація Зображень.
- Продуктивність.
- SEO.
- Віджети.
- Захист.
- Коментарі.
- Додатково.
- Ліцензія.
- Компоненти.
- Бізнес ліцензія плагіна Webcraftic Clearfy
- Assets manager [premium]
- Приховати мій WordPress
- Висновок
Webcraftic Clearfy - оптимізація WP.
Зміст статті
Всім привіт! Сьогодні ми поговоримо про один з найважливіших чинників в просуванні блогу, а саме - оптимізація WordPress в 2018-2019 році. Я не дарма виділив саме часовий відрізок, тому що ще рік тому оптимізація проходила абсолютно по іншому. Зараз же, з таким стрімким розвитком цієї CMS, процес оптимізації теж повинен бути інноваційним. Про що власне і піде мова в даній статті.
Раніше, щоб привести сайт в більш-менш нормальний стан в плані оптимізації, потрібно було зробити купу правок коду і не тільки. При цьому, все робилося вручну. А якщо робилося все вручну, значить цей варіант не підходить половині веб-майстрів. Особливо це зачіпало новачків в створенні сайтів. Адже коли ти тільки починаєш освоювати WordPress, ти наслухавшись реклами, що ніяких мов програмування не потрібно, починаєш створювати свій сайт реально не знаючи ніяких мов.
Звичайно, в процесі, після 2-3 сайту, ти починаєш глибше вникати, але все одно важко мати справу з кодом, з яким ти ніколи не стикався. Саме тому оптимізація сайту на WordPress була не всім веб-майстрам по зубах. Давайте я коротко розкажу, що потрібно було зробити для оптимізації простого блогу. Що особисто я робив, буквально пів року тому. Більш ніж упевнений, багато хто з вас займалися цим або ж плануєте тільки це почати здійснювати, тому нічого нового в першій частині статті не буде. Швидше будуть хворобливі відчуття від спогадів 🙂.
Як проходила оптимізація WordPress раніше.
Раніше, потрібно було скористатися спеціальними хукамі, щоб перенести підключення скриптів і стилів з хедера в футер. Так само потрібно було оптимізувати всі зображення на сайті. Для цього теж був потрібен цілий квест. Наведу найпопулярніші способи:
- Можна було оптимізувати зображення вручну. Для цього потрібно було завантажити всі зображення з сайту і в фотошопі перезберегти кожне через функцію "зберегти для web". Це допоможе оптимізувати картинки без втрати якості. Але якщо на сайті тисячі картинок, то це не з найприємніших занять. Доведеться пересохранять кожне зображення.
- Ще був варіант відкрити Google Page Speed Insights і після перевірки потрібної сторінки скачати запропонований архів оптимізованих зображень і замінити ними наявні на сайті. Попередньо підігнати назви файлів якщо вони були змінені при оптимізації. (На даний момент цього способу вже немає в даному сервісі).
- Так само можна було скачати який-небудь популярний плагін для оптимізації зображень і стиснути їх автоматично. Але при цьому, в більшості випадків, якість зображень змінювалося до потворного стану. Загалом, знайти золоту середину, було не так просто як здається.
Крім цього, треба було відключити безліч непотрібних скриптів, якими практично ніхто не користується. Це не означає що вони зовсім не потрібні, це означає, що ними не користуються багато, але іноді вони дійсно необхідні. Наведу кілька прикладів тих скриптів, які відключають більшість веб-майстрів при оптимізації:
- RSS канали. Цей метод підписки на блог, можна назвати застарілим і їм дуже багато хто не користуються і не скористаються. Тому, цю функцію відключають, що трохи збільшує швидкість завантаження сторінки. +1 в скарбничку оптимізації.
- REST API. Ця функція дозволяє підключатися до WordPress ззовні. Вона використовується розробниками, тому відключають цю функцію, що додає ще один плюсик.
- EMOJIS. Багато хто не користуються вбудованими Емодзі в WordPress. А скрипт підключається на кожній сторінці, не залежно від того, використовуються вони чи ні. Тому, багато відключають цю функцію і ще більше збільшують швидкість завантаження сайту.
І таких маніпуляцій може накопичитися безліч. І кожну не використовувати функцію потрібно було відключати вручну, причому кожну по своєму. Чесно кажучи, часу на це могло йти не мало. Іноді по дві доби сидів і "кавирялся", тому я знаю не з чуток, про що говорю.
Як проходить оптимізація зараз.
На щастя, таким "мукам" прийшов кінець. Тепер не треба сидіти цілодобово і відключати непотрібні функції, а потім ще сидіти і тестувати, не полетів чи сайт. І якщо щось полетіло, шукати через що саме і виправляти. Одним словом, розробники плагіна Webcraftic Clearfy позбавили тисячі веб-майстрів від головного болю. І це не перебільшення. Даний плагін для оптимізації WordPress дійсно гідний, щоб йому присвятити цілу статтю як мінімум. Що власне я і зробив 🙂.
Тепер все, що ми робили вручну, можна робити одним натисканням миші. І якщо раніше, мені треба було мінімум добу, щоб налаштувати сайт більш-менш, то зараз мені вистачає 15-20 хвилин. Плюс приблизно стільки ж, щоб протестувати все. Думаю різницю помітили всі.
Перед тим, як ми перейдемо до налаштувань Clearfy, хочу звернутися до плагінафобам:
Якщо ви вважаєте, що кілометрова онуча з хуков і скриптів в functions.php, це дійсно краще ніж спеціалізований плагін, ваше право. Продовжуйте годувати себе ілюзіями що те, що ви пхаєте самі, буде працювати швидше і краще. Ця ілюзія підступна і поки сам не зрозумієш як це працює, ніхто не змусить повірити в протилежне. Мучтеся на здоров'я!
А ми ж, будемо реалістами і скористаємося такою можливістю, бо нерозумно було б не скористатися. Модулі для WordPress - це тюнінг. А хто з нас не хотів би собі навороченную тачку? Головне вибирати осмислено і не перетворювати свою тачку в комбайн. Саме з цього я приділив даному плагіну цілу статтю. Тому що він один, замінює десятки плагінів і позбавляє від пошуку кращого для кожного завдання.
Плагін для оптимізації WordPress - Clearfy.
З плагіном для оптимізації Clearfy я познайомився не так давно. Приблизно пів року назад, може трохи пізніше, я не засікав час. Спочатку я його встановив, подивився скільки там всіляких налаштувань, подумав що краще вже свою онучу з скриптів перенести, ніж розбиратися в ньому і видалив. І так повторювалося рази 3. Потім, я все-таки вирішив приділити йому час і розібратися в його налаштуваннях і усвідомив, що даремно не вивчив їх раніше. Часу б заощадив купу. Але, як говориться, все приходить тоді, коли дійсно потрібно. Так і сталося. Я взяв замовлення на 2 сайта і часу було просто катастрофічно мало, ось я і вирішив його використовувати. Тепер, плагін Webcraftic Clearfy стоїть у мене практично на кожному сайті.
Давайте вже переступимо до налаштувань цього плагіна. Для початку вам потрібно завантажити плагін з репозиторію WordPress або ознайомитися з ним на офіційному сайті плагіна . Установка відбувається за стандартною схемою, описувати я її тут не буду. Після установки в меню "Налаштування" з'явиться додаткове меню з назвою "Clearfy меню". Плагін підтримує російську мову, так що в налаштуванні проблем не буде. Для початку розберемо безкоштовні функції цього плагіна. Якщо ви ще тренуєтеся або створюєте сайт для себе, то безкоштовна версія буде вам за очі в більшості випадків. Але запевняю вас, як тільки прийде усвідомлення, що ваш сайт повинен бути одним з кращих, самі почнете шукати за які плагіни ви готові будете заплатити. І Webcraftic Clearfy це перший плагін який ви купите, тому що інвестиції в цей плагін окупляться вам в самий найближчий час. Отже, давайте приступимо до налаштувань ...
Безкоштовні функції плагіна Webcraftic Clearfy.
Після установки плагіна вам треба перейти в настройки і відразу відключити модулі якими ви користуватися не будете. Щоб потрапити на сторінку модулів потрібно перейти в "Налаштування"> "Clearfy меню"> "Компоненти".
Як тільки непотрібні компоненти будуть відключені, можна приступати до повної налаштування вашого сайту. І за традицією переходимо на головну сторінку плагіна. Тут будуть представлені базові настройки, які можна активувати декількома кліками миші:
Я ж рекомендую налаштовувати плагін вручну, так ви зможете набагато точніше контролювати весь процес і знати, що ви робите зі своїм сайтом. До того ж, в плагін є дуже корисна функція - Імпорт налаштувань. Тобто, можна один раз налаштувати його і потім все настройки переносити на інші сайти кількома рядками коду. Дуже зручна Фітч. Про неї розповім трохи пізніше. А поки, давайте пробіжимося по самому меню і подивимося, що може цей плагін.
Оптимізація Зображень.
Цей розділ включає в себе 2 підрозділу. Перший підрозділ відповідає за швидку оптимізацію всіх зображень на сайті і вибір оптимизирующего сервера. І другий розділ відповідає за налаштування даної оптимізації. Виглядає цей розділ наступним чином:
Якщо ви ще не готові самі налаштувати цей плагін або боїтеся, що щось зіпсувати, ставте настройки такі ж як у мене. Для більшості вони більш ніж підійдуть. На скрині вище я зазначив стрілками, які налаштування треба включити якщо вони вимкнені. Решта вимкнути, якщо ви впевнені, що вони вам не потрібні. Описувати я їх не буду, на скрині все добре видно.
Продуктивність.
В цьому розділі 4 підрозділу. На ньому ми зупинимося трохи докладніше. Тому що цей розділ, один з найважливіших для оптимізації сайту. Почнемо з першого підрозділу. На скрині так само зазначу потрібні параметри.
Повторюся, все настройки проводяться під конкретний проект, тому уважно читайте пояснення. Там над кожним пунктом є підказки російською мовою. Не лінуйтеся, вивчайте їх.
У другому підрозділі розміщені настройки по оптимізації коду сторінки і підключень на ній. Все що раніше ми робили вручну, тепер робиться за допомогою даного підрозділу. На скрині нижче представлені мої настройки, але для ваших проектів, вони можуть відрізнятися. Базові настройки такі:
Інші налаштування в цьому підрозділі я практично ніколи не чіпаю. Деякі з них відключають залежні стилі і сайт починає показуватися криво. Перевірте на своїх проектах, можливо у вас буде працювати добре.
Виберіть "Менеджер скриптів" і "Гугл сервіси" опціональні функції якщо ви їх включили в першому кроці, коли вимикали непотрібні модулі. Тут все гранично просто, думаю розписувати не має сенсу. Про "Менеджер скриптів" ми поговоримо трохи пізніше.
SEO.
Даний розділ містить у собі 3 підрозділу. Перший підрозділ "SEO" дозволяє налаштувати основні параметри, такі як:
- Установка заголовка Last Modified.
- Повертати заголовок If last Modified.
- Автоматично встановлювати оновлення alt до картинок і інші плюшки.
Пару слів про заголовках Last Modified. Якщо у вас на сайті є реєстрація або якісь функції використовують сокет файли, можуть бути проблеми з відображенням. У мене на сайті, при переході на будь-яку сторінку, яку я відвідував не під адміністратором, показується сторінка з кеша без авторизації. Так що будьте уважні при використанні цієї функції. Тим більше якщо у вас інтернет-магазин. У цьому випадку користувач не зможе зробити замовлення якщо не почистить кеш. Загалом, встановлюйте заголовки з обережністю.
Другий підрозділ відповідає за переклад імен файлів, адрес статей і сторінок на латинську мову, точніше на латинські літери. Наприклад, ви створюєте нову статтю, а WordPress автоматично з заголовка створює адреса сторінки. І якщо заголовок був російською мовою, то і адреса сторінки буде російською мовою. Приклад: / статья_первая /, а правильніше ось так: / statya_pervaya /. Саме це і робить дана функція. Базові настройки виглядають наступним чином:
Третій підрозділ дозволяє позбутися від дублів сторінок. Сторінки архівів, сторінки авторів і інші, як правило, не потрібні сайту. Тому доцільніше їх відключити. Я відключив усі представлені крім сторінок тегів. Тому що я користуюся тегами на своєму блозі. Але якщо ви не використовуєте їх, сміливо відключайте. Зараз теги не особливо впливають на просування, зате добре допомагають при пошуку інформації самим користувачам. Тому я вирішив пожертвувати дорогоцінним мілісекундами на користь зручності для користувачів.
Віджети.
Наступний розділ дозволяє відключити невживані віджети на сайті. Деякі стилі і скрипти від плагінів завантажуються на будь-якій сторінці, незалежно від того, використовуються вони чи ні. Ця функція відключає повністю вбудовані віджети і їх підключення. Нижче на скрині я вказав які віджети я відключаю за замовчуванням:
Захист.
Судячи з назви це розділ захисту. Тут я рекомендую включити все, що пропонує плагін. Всі ці функції в якійсь мірі потрібні. Знову ж, раніше ми займалися захистом вручну, зараз же достатньо просто включити відповідні вимикачі 🙂.
Другий підрозділ дуже інтимна частина, тому я не буду її показувати. Там всього кілька функцій, розберетеся без проблем. Але рекомендую нею користуватися з обережністю. Якщо ж ви все-таки примудрилися забути свою сторінку входу яку ви вказали спробуйте підключитися через FTP до сайту і перейменуйте папку плагіна. Після цього Перезавантажте сторінку сайту. Цим ви вимкніть повністю плагін і зможете зайти як зазвичай через wp-admin.
Коментарі.
Цей розділ дозволяє повністю або частково відключити коментарі на сайті WordPress. Єдине не раджу відключати в формі поле для сайту. Деякі коментатори спеціально пишуть коммент щоб залишити посилання на свій сайт. Так що там говорити, більшість з вас теж не коментують якщо немає можливість залишити своє посилання. Тому не раджу обмежувати людей, то не будьте жаднюгами.
Додатково.
В цей розділ попали незначні функції на перший погляд. В принципі нічого особливого вони не змінюють, за винятком однієї, яка мене разок підвела. Коли я писав цю статтю. За замовчуванням я відключив пульсацію на сайті і відключив автосохранение. Написав значить я частина статті та вирішив перекусити. Пішов на кухню, а коли повернувся, мій коте видать погосподарював і вимкнув повністю браузер. Відновити закриті вкладки не вийшло, так як в опері ця функція не особливо працює. Коли я увійшов в адмінку, то побачив, що чернетки статті немає. Це і зрозуміло, я ж вимкнув цю функцію. Тому, ревізії можна і відключати, а ось автостохраненіе не раджу. Не дуже приємно переписувати все заново.
Ліцензія.
Ну тут я думаю все зрозуміло. Купуєте плагін, отримуєте код активації, вводите його в цьому розділі і насолоджуєтеся всіма функціями які вже існують і які будуть з'являться в майбутньому. Я не дарма говорив, інвестиції в плагін Webcraftic Clearfy окуплять себе не один раз.
Компоненти.
У цьому розділі можна включати або вимикати певні модулі плагіна. З ним ви познайомилися ще на самому початку. Думаю описувати його не має сенсу. Все гранично просто, або включити модуль, або вимкнути.
Бізнес ліцензія плагіна Webcraftic Clearfy
Тепер поговоримо про платну версії цього плагіна. Платна версія доповнює деякі існуючі вже функції розширеними настройками. До речі кажучи, дуже корисними штуками. Але, давайте все по порядку.
Після того, як ви придбали ліцензію, ви отримаєте спеціальний секретний ключ, який потрібно буде активувати в плагіні. Активувати треба в налаштуваннях плагіна в пункті "Ліцензія". Після успішної активації ви побачите ось таку колонку:
Якщо ви побачили таке повідомлення, значить все в порядку. Тепер ви можете активувати преміум доповнення. Щоб включити їх, перейдіть в розділ "Компоненти". Там з'явиться доступ до преміум аддонам:
- Assets manager [premium] - Включає додаток для розширених налаштувань менеджера скриптів. Як користуватися менеджером скриптів, я напишу окрему статтю. І швидше за все вона буде наступною. Якщо коротко, то за допомогою менеджера скриптів, можна вимикати не використані скрипти на сторінках сайту. Наприклад, я відключаю скрипт плагіна синтаксису коду в статтях, де я його не використовую. Всі настройки проводяться безпосередньо на сторінці, на якій потрібно вимкнути подібні скрипти. Щоб потрапити в менеджер скриптів, перейдіть на потрібну сторінку і в верхньому сайтбаре виберіть пункт "Webcraftic Clearfy -> Менеджер скриптів".
- Updates manager [premium] - Розширює можливості стандартного менеджера оновлень. За допомогою нього можна налаштувати автоматичне оновлення всіх або окремих тем і плагінів. Дуже зручна штука. Особисто я, користуюся цією функцією постійно. Точніше налаштував один раз і потрібні мені плагіни оновлюються автоматично.
- Приховати мій WordPress - Цей пункт дозволяє повністю приховати інформацію про те, що сайт зроблений на WordPress. Тобто замінить всі шляхи до файлів, за якими можна визначити, що це сайт WP. Чесно кажучи, мені немає сенсу приховувати, що сайт на цій CMS зроблений. Але для великих сайтів, особливо новинарів, ця функція може істотно захистити сайт від атак хакерів. Та й не тільки для таких сайтів. Якщо ви впевнені, що ваш сайт буде мати цінність для хакерів, обов'язково скористайтеся цією функцією. У мене ще не до такої міри розкручений сайт, тому поки не користуюся даними аддоном.
Assets manager [premium]
Тепер давайте по докладніше пробіжить по цих функцій. Перший аддон додається в менеджер скриптів на тильній стороні сайту. Там з'явитися інформація про розмір підключених скриптів і можливість відключати повністю плагіни. Тоді як у безкоштовній версії інформація про розмір недоступна і відключити можна тільки деякі скрипти, а не повністю плагіни. Про-версія даного аддона виглядає так:
Як бачите, в про-версії можна зразу дізнатися скільки важать підключаються скрипти і скільки будуть важити при відключенні деяких з них. Так само видно скільки всього запитів підключається. І ще одна дуже зручна функція "Безпечний режим". Вона дозволяє відключати скрипти в тестовому режимі. Тобто відключатися вони будуть тільки для адміністраторів. Тим самим дається можливість протестувати спочатку, не зламався чи сайт після відключення певного скрипта чи ні. А після того, як все буде добре, відключаєте галочку на цьому пункті і скрипти починають відключатися для всіх. Зручно, коли ви редагуєте вже відвідуваний сайт, коли на ньому присутні користувачі.
Наступна функція, яка як я згадав вище, дозволяє налаштувати автоматичне оновлення плагінів і тим на вашому сайті. Даний аддон з'явитися в розділі "Оновлення". Там з'являться два нові пункти "Додатки" і "Теми". Страшного в настройках нічого немає, але про всяк випадок покажу скрін налаштувань:
Як бачите, нічого складного тут немає. Включаєте потрібні плагіни і вони автоматично починають оновлюватися. Теж саме відбувається з темами. Варто зауважити, що не всі плагіни гідні автоматичного оновлення. Деякі не дуже популярні плагіни, при оновленні можуть поламати ваш сайт. Після цього, вам буде важко знайти винуватця поломки. Тому рекомендую дозволяти оновлюватися тільки тим плагинам, які знаходяться в рекомендованих репозиторієм WordPress. Решта на ваш розсуд.
Ще один момент! Оновлення тим потрібно виконувати з особливою обережністю. Якщо ви коли-то змінювали код теми і не використали Дочірню тему, то при наступному оновленні ви втратите всі свої правки і візуальна складова вашого сайту може постраждати. Так що, перед тим, як робити якісь правки коду, обов'язково створюйте дочірню тему і вже в ній робіть все необхідне.
Приховати мій WordPress
Ну і остання функція дозволяє приховати всю інформацію, яка може видати ваш сайт, що він створений на WordPress. Так само дозволяє приховати від ботів хакера доступ до вашого сайту. Тобто, коли спеціальний бот для злому WP сайтів перейде на ваш сайт, він не зрозуміє що він на цій CMS і пройде мимо. Так само будуть проходити СПАМ-боти налаштовані на цю CMS.
Налаштування даного пункту не буду показувати, так як вони є "інтимної налаштуванням" мого сайту. Але думаю ви розберетеся. Якщо виникнуть якісь питання, я з радістю допоможу, чим зможу.
Висновок
На цьом у мене все. Тепер і ви знаєте, що вдає із себе оптимізація WordPress в 2018-2019 році. Як бачите, це мега-плагін, який навіть в безкоштовному використанні дає стільки корисних налаштувань, скільки ви не знайдете ні в одному безкоштовному плагін. Відразу видно, розробники дивляться на роки вперед і не націлені просто зрубати бабла. Інакше, вони не давали б стільки можливостей у безкоштовній версії. Якщо виникнуть будь-які питання, сміливо задавайте їх у коментарях нижче. Користуйтеся тільки кращими плагінами! До зустрічі на сторінках блогу WPMaster.KZ
Детальний керівництво тут: Повна оптимізація WordPress на пальцях.
А хто з нас не хотів би собі навороченную тачку?