- вступ Модулі WordPress, відмінні інструменти поліпшити функціонал сайту, які мають один суттєвий...
- Як вирішується проблема стилів і JS на WordPress
- Принцип роботи плагіна Autoptimize (оптимізувати JS і CSS WordPress)
- Недоліки плагіна Autoptimize
- Налаштування плагіна Autoptimize
- Як збільшити розмір cash сховища Autoptimize
- Альтернативні плагіни (погано оновлюються)
вступ
Модулі WordPress, відмінні інструменти поліпшити функціонал сайту, які мають один суттєвий недолік. Модулі збільшують, а в деяких випадках, значно збільшують, швидкість завантаження сторінок сайту.
Чому плагіни збільшують швидкість завантаження
Майже кожен плагін WordPress при установці підключає свої стилі і скрипти JS. Традиційно JS підключаються в header сайту, що збільшує кількість запитів на сервер ще до завантаження основної сторінки.
Особливо «лається» на це пошуковик Google, а на сервісі перевірок швидкості завантаження сайту (https://developers.google.com/speed/pagespeed/insights/), що не оптимізовані скрипти і стилі відносить до серйозних помилок, які вимагають негайного усунення.
Як вирішується проблема стилів і JS на WordPress
Теоретично, проблему декількох JS скриптів і декількох стилів CSS можна вирішити їх об'єднанням. На практиці, можна використовувати популярний і працює плагін Autoptimize.
Плагін Autoptimize «навчений» стискати JS скрипти стилі об'єднавши їх в один файл.
Принцип роботи плагіна Autoptimize (оптимізувати JS і CSS WordPress)
Плагін Autoptimize допомагає оптимізувати JS і CSS WordPress наступним чином. Перед виведенням сторінки, плагін обходить HTML код сторінки і знаходить все js файли. Знайшовши їх, він їх вирізає і пише їх в загальний файл. Посилання на цей файл плагін розміщує в кінці сторінки. Те ж дійство плагін проводить з фалами стилів css, але посилання на них плагін ставить на початку сторінки.
Недоліки плагіна Autoptimize
Всі зліпки з оптимізуються файлах плагін зберігає в кеші плагіна [wp-content / cache / autoptimize]. Згодом ця папка розбухає і може спостерігатися зворотний ефект, швидкість завантаження починає рости. Я таку проблему не помічав, але читав на деяких сайтах.
Більш того, за замовчуванням розмір кеш-папки плагіна обмежена і доводиться її часто чистити. На особливо відвідуваних сайтах я збільшив цю папку до 10Гб (про це трохи нижче), збільшення швидкості завантаження не бачу.
Крім цього, автор плагіна рекомендує його використання і відсутність конфліктів з плагінами: WP Super Cache , HyperCache, Comet Cache, KeyCDN's Cache Enabler, WP Fastest Cashe .
Налаштування плагіна Autoptimize
Я впевнений, ви знаєте, як встановити плагін . Сторінка плагіна: https://ru.wordpress.org/plugins/autoptimize. Налаштування плагіна елементарні, але все-таки пройдемося по ним.
- Після активації плагіна, для зручного доступу до налаштувань плагіна в меню консолі «Налаштування» з'явитися окремий пункт.
- Вгорі сторінки є маленька посилання, вона відкриє додаткові налаштування.
Вся настройка полягає у виділенні чек боксів. В принципі, всі додаткові настройки плагіна, виставлені в максимально прийнятному режимі. Тому вони і приховані. Я виділяю три основні чекбокса JS, HTML, CSS і зберігати. У маніпуляціях з додатковими настройками ефектів у прискоренні не помітив.
Важливо розуміти! Додаткові настройки допоможуть вам, якщо вирізка JS з header призводить до неправильного завантаження шаблону і після установки плагіна ваш сайт відбивається некоректно.
- Якщо у вас багато коментарів, є кнопка збереження HTML коментарів.
- Особливо цікава, безкоштовне використання CDN Options. Якщо ви використовуєте CDN технології, можна вказати ваш //cdn.example.com/.
Це може бути важливо! Я не наводжу рад по тонким налаштуванням плагіна, тому що, на кожному шаблоні, сервері плагін може вести себе по-різному. Експериментувати з настройками доведеться самостійно. В експериментах, не забувайте чистити кеш плагіна і враховувати, що прискорення не моментальне, кеш повинен накопичитися.
оптимізувати JS і CSS WordPress: Налаштування плагіна Autoptimize
Як збільшити розмір cash сховища Autoptimize
Нещодавно виявив, що розмір cash сховища Autoptimize, м'яко сказати, невелике. На 500 Mb, значок плагіна в toolbar починає жовтіти, а до 750 Mb, починає блимати червоним. Для великої відвідуваності сайту, сховища вистачає на 2-3 дні. Це означає, що вся робота плагіна зводиться до нуля.
Рішення проблеми ви можете знайти на сайті автора. Я його озвучу і підтверджу з практики.
Щоб збільшити, розмір cash сховища плагіна Autoptimize, я роблю наступне:
Встановлюють плагін «Code Snippets» (https://ru.wordpress.org/plugins/code-snippets/). Він потрібен для простого додавання довільного коду на свій сайт WordPress, без додавання користувацьких фрагментів в файл functions.php.
За допомогою плагіна вставляю один з наступних Snippet (на вибір):
Розмір кеша 1Гб
add_filter ( 'autoptimize_filter_cachecheck_maxsize', 'change_maxsize'); function change_maxsize () {return 10 * 1024 * 1024; }
Розмір кеша 10Гб
add_filter ( 'autoptimize_filter_cachecheck_maxsize', 'change_maxsize'); function change_maxsize () {return 10 * 1024 * 1024 * 1024; }
Цим я збільшую розмір cash сховища Autoptimize до 1 Gb або до 10 Gb.
було 
стало
Альтернативні плагіни (погано оновлюються)
- JS & CSS Script Optimizer (https://wordpress.org/plugins/js-css-script-optimizer/)
- Better WordPress Minify (https://wordpress.org/plugins/bwp-minify/)
На цьому все! Я сподіваюся вам вдалося оптимізувати JS і CSS WordPress і прискорити його завантаження.
© www.wordpress-abc.ru