Як групувати та мінімізувати ресурси в WordPress
Мати кращу ефективність - це мрія всіх, хто керує веб-сайтом, групує та мінімізує ресурси на WordPress - одна з найкращих речей, яку ми можемо зробити для цього, але це може бути дуже важко. Згрупуйте всі свої ресурси (в основному файли css та js), можливо, викрийте ваш веб-сайт, якщо ви не розробник, оскільки це може призвести до конфлікту.
WP Speed of Light — найкраще рішення для роботи вашого сайту на WordPress, оскільки він має багато можливостей для швидкого завантаження сайту за допомогою дійсно зручної інформаційної панелі, і так, один із цих варіантів — групувати та мінімізувати ресурси. Процес включення/виключення одного файлу з групи та мінімізації є ключем до індивідуальної оптимізації без конфліктів.
Ми будемо використовувати приклад wordpress-сайту для цієї публікації в блозі, і ми дізнаємось, як це зробити, щоб процес налаштування все був простішим.
Як зробити мінімізацію JS та CSS WordPress
Давайте дізнаємося, як робити Wordpress js та CSS-мінімізацію, але спочатку нам потрібно знати, що означає мінімізація. “Мініфікація стосується процесу видалення непотрібних або зайвих даних, не впливаючи на те, як ресурс обробляється браузером - наприклад, коментарі до коду та форматування, видалення невикористаного коду, використання коротших назв змінних та функцій тощо ».
Тепер ми будемо робити тест на швидкість на нашій сторінці, щоб побачити зміни, для цього прикладу ми використовуємо сайт з веб-комерцією та деякими продуктами, тому перший раз він завантажується трохи повільно.
Так, 2,79 секунди для завантаження сторінки, непогано, але могло б бути краще, просто давайте мінімізувати js і CSS і побачимо різницю, перейдіть до WP Speed of light > Прискорення > Групувати та мінімізувати , ви зможете щоб побачити меню з усіма параметрами для мінімізації. Безкоштовна версія плагіна включає опцію групи та мінімізації, але виключення візуальних файлів доступне лише у версії PRO Addon.
Параметри доповнення PRO такі: Виключити вбудований сценарій (Виключити вбудований скрипт із мініфікації), перемістити сценарії в нижній колонтитул (це дозволяє прискорити роботу вашого сайту, перемістивши всі скорочені сценарії в нижній колонтитул), Групувати шрифти та Шрифти Google (Групувати локальні шрифти та шрифти Google) в одному файлі для швидшого обслуговування) та розширене виключення файлів.
У вас є можливість мініфікації, як ви бачите, JS, CSS, а також HTML тепер просто активуйте ці параметри, натисніть кнопку зберегти, і всі ваші ресурси будуть негайно скорочені, це може мати проблеми, оскільки це розширена конфігурація, але все можна виправити за винятком деякого коду та файлів (за допомогою додатка pro).
Тепер вся робота розробника, яка може зайняти години, виконується всього за кілька секунд.
Наступним кроком WordPress оптимізують CSS та JS
За допомогою цього плагіна ми дозволимо wordpress оптимізувати CSS та js, просто увімкнувши параметри групи на інформаційній панелі, перейдіть до WP Speed of Light > SpeedUp > Group & Minify , ви зможете побачити інформаційну панель з параметрами для групування CSS і js.
Ці параметри дозволяють:
- Груповий JS: Групування декількох файлів Javascript у один файл дозволить мінімізувати кількість запитів HTTP
- Груповий CSS: Групування декількох CSS-файлів в один файл мінімізує кількість запитів HTTP.
HTTP-запити: це запити, які надсилаються на сервер кожного разу, коли ми щось вибираємо або переходимо на іншу сторінку цього ж сайту, тому, якщо ми можемо скоротити ці запити, час завантаження зменшиться.
Щоб перевірити, скільки файлів, сценаріїв ви можете згрупувати на своєму веб-сайті, просто відкрийте консоль браузера (клацніть правою кнопкою миші > Перевірити або F12) і відкрийте мережеву панель .
Потім ви можете перерахувати всі завантажені файли за типом, ось у цьому прикладі я натискаю лише список файлів JS.
Тепер, коли ми користуємося цими налаштуваннями, просто увімкніть параметри групи (Group CSS та Group JS) та натисніть кнопку "Зберегти", майте на увазі, що ці параметри потрібно використовувати обережно, і вам доведеться перевірити свою сторінку, оскільки це може спричинити конфлікти .
Давайте серйозно і оптимізуємо вагу шрифту
Що? Інша оптимізація? Так! Ви зможете оптимізувати вагу шрифту, і це буде так само просто, як увімкнути опцію в налаштуваннях, просто перейдіть до WP Speed of Light > SpeedUp > Group & Minify > Group fonts та опцію Google Fonts.
Опція групових шрифтів і шрифтів Google дозволить вам згрупувати їх в одному файлі, щоб швидше обслуговуватись, це дуже зручно, оскільки більшість тем і макетів WordPress поставляються з 2 шрифтами або шрифтами за замовчуванням з усіма відхиленнями (звичайний, жирний, курсив). ...)
Просто увімкніть цю опцію, натисніть кнопку "Зберегти" і всі шрифти будуть згруповані.
Тепер, коли ми активували всі варіанти мінімізації та групування ресурсів, нам слід побачити різницю у часі завантаження нашого сайту. Давайте перевіримо швидкість.
Яка різниця, від 2,8 до 0,56 секунди! Як ми вже говорили вам на початку цього допису, ми можемо покращити час завантаження;)
Як використовувати виключення мінімізації файлів
Мініфікація може викликати проблеми на вашому сайті, в основному це відбувається, коли ви групуєте певні файли, які містять помилку в синтаксичній помилці або подібну змінну, назву класу. Ось чому за допомогою параметра «виключення мініфікації файлів» ви зможете виключити файли з процесу мініфікації та групування, перейдіть до WP Speed of Light > SpeedUp > Group & Minify , ви зможете побачити параметр Розширений виключення файлів .
Для того, щоб використовувати розширене виключення файлів, вам доведеться запустити сканування, перш за все включити цю опцію та натиснути на Запуск сканування.
Щоб мати можливість відобразити скрипт, завантажений на вашому веб-сайті, WP Speed of Light має просканувати вашу папку, щоб перерахувати їх. Зазвичай усі вони містяться у вашій папці /wp-content, яка групує всі ваші плагіни та теми. Виберіть цю папку (принаймні) і натисніть «Сканувати зараз»
Він запустить сканування, нарешті, натисніть на результати перегляду після завершення сканування.
Нижче має бути відображений список файлів, класифікованих за типами (Усі, JS, CSS, Шрифт). Якщо ви визначили один файл, який викликає проблеми, під час активації групи файлів і мінімізації ви можете виключити його звідси за допомогою простого перемикача ON/OFF .
Це допоможе вам виключити файли та, таким чином, легко вирішити будь-яку проблему, яка може виникнути під час мінімізації ресурсів… Процес групування та мінімізації все ще потребує певної роботи, особливо під час тестування, але це точно варте зусиль, і ви це зробите. будьте завжди в змозі перевірити, як це працює, запустивши тест швидкості безпосередньо з WP Speed of Light .
Спробуйте WP Speed of Light : https://www.joomunited.com/wordpress-products/wp-speed-of-light
Коли ви підпишетеся на блог, ми надішлемо вам електронний лист, коли на сайті з’являться нові оновлення, щоб ви їх не пропустили.
Коментарі