оптимізувати

Якщо ви хочете, щоб ваш WordPress завантажувався швидко, одне з того, що вам слід зробити, це оптимізувати зображення для Інтернету.

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

Я кажу, що оскільки інший раз це можуть бути повільні сценарії, плагіни чи інші проблеми.

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

Ось чому це одне з найважливіших завдань при оптимізації WordPress.

Максимальна вага, яку я рекомендую для зображень, становить 100 КБ, але як у всьому, чим менше, тим краще.

Засіб My SpeedWP уповільнює будь-яке зображення вагою більше 100 КБ.

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

Тож давайте дійдемо до цього.

Які завдання нам доведеться виконувати?

За допомогою цього підручника ми виконаємо 2 завдання, за допомогою яких отримаємо 2 результати.

З одного боку, ми оптимізуємо всі зображення, які ми зараз маємо на нашому веб-сайті.

Ми будемо робити це безпосередньо в Інтернеті з чим вам не доведеться їх завантажувати, або оптимізувати їх вручну.

А з іншого, ми залишимо WordPress налаштованим так, щоб він автоматично оптимізував усі зображення, які ми завантажуємо.

Це позбавить нас від проблем з оптимізацією їх перед завантаженням, але ми повинні бути обережними, щоб не завантажувати зображення як божевільні.

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

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

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

Важливо: Що б ми не робили, наші зображення будуть модифіковані, і шляху назад немає.

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

Як правильно вибрати розмір для ваших зображень?

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

Це дещо складно, оскільки це залежить, з одного боку, від типу мережі.

Веб-сайт фотографа - це не те саме, що той, хто розміщує невелике зображення в публікаціях.

А також шаблону, оскільки кожен із них має максимальну ширину екрана, використовує різні розміри мініатюр тощо.

Наразі я особисто не використовував би розмір більше 1200 пікселів на веб-сторінці.

Якщо ви хочете отримати більше якості, ви можете перейти на 2000, але лише у виняткових випадках, оскільки це сповільнить сторінку.

Але будьте обережні, це лише наближення, оскільки кожна веб-сторінка відрізняється.

Підручник з безглуздості

Як я вже казав вам, перше, що ми зробимо, це зробити регулювання розміру які ми вже завантажили в медіа-менеджер WordPress.

Це обов’язково, тому що коли я знаю, що ви новачок у WordPress, найнормальніше - це давайте завантажувати їх без контролю.

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

Imsanity подбає про те, щоб взяти всі зображення з вашого веб-сайту та зменшити їх до потрібного розміру.

Тож ми йдемо до інсталятор плагіна WordPress, ми шукаємо його та встановлюємо.

Після того, як ми встановили його, ми повинні отримати доступ до нього з меню налаштування - Нерозумність.

Як бачите, панель управління дуже проста, але ви повинні знати деякі важливі речі, щоб нею користуватися.

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

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

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

Я особисто коригую лише перший, але це залежить від вас.

Тут вам потрібно мати на увазі одне, що є дуже важливим.

Ми вкажемо лише на максимальній ширині ту, яку хочемо вирізати, і на висоту, яку ми поставимо висока цифра, як я поставив 10000 пікселів.

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

Якщо ви хочете відключити деякі зображення, безпосередньо ви ставите 0 і не буде переглянуто.

Нижче наведено більше варіантів, але не враховуйте, оскільки вони вам не потрібні, і вони навіть можуть принести вам проблеми.

Після налаштування ми натискаємо на кнопку пошук зображень.

Як бачите, у списку з’являться лише зображення які більші ніж розмір, який ми встановили.

Але крім того, це дає нам можливість деактивувати з коробки ті, що ми не хочемо, щоб їх модифікували.

Якщо ми з усім згодні, натискаємо кнопку Змінити розмір перевірених зображень і все буде змінено до розміру, який ми вибрали.

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

Ти можеш видалити плагін що наступним ми зробимо все інше.

WP Smush Підручник

Як тільки ми отримаємо зображення в ідеальному розмірі, нам потрібно зробити це оптимізуйте їх, щоб важити менше.

І до речі, всі ті, хто відтепер піднімається, є автоматично оптимізувати та змінити розмір.

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

  • Виконайте сольну оптимізацію 50 зображень одночасно, тому, коли він зупиняється, вам доведеться натиснути кнопку ще раз. Якщо у вас тисячі зображень, це може бути проблемою.
  • Просто оптимізуйте зображення менше 1 Мб, Отже, перед тим, як ми домовились про розмір усіх їх, так що все, що ми можемо вмістити в цю цифру.

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

Але це лише одне 14-денна пробна версія а потім ваша черга, і це майже 50 євро на місяць.

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

У мене є допис про найкращі плагіни для оптимізації WordPress, який я зазвичай оновлюю новими, якщо ви хочете поглянути.

Йти до інсталятор плагіна WordPress та встановіть WP Smush.

Після встановлення ви можете отримати до нього доступ з меню ЗМІ - WP Smush.

Як бачите, панель управління також дуже проста.

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

Праворуч - кнопка із написом Перевірте зображення який знову перевірить усі зображення, щоб переконатися, що вони правильні.

Ви зможете постійно бачити, як оптимізуються зображення, які вже готові та простір, який ви економите, тощо.

Далі в налаштуваннях ми маємо кілька варіантів.

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

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

Зберегти дані EXIF ​​зображення Це дає вам можливість зберегти дані, які зазвичай містять зображення, і які можуть вас зацікавити, якщо ви фотограф.

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

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

Внизу є більше варіантів, але я не ставлю їх, оскільки вони платять, але я вам кажу:

  • Опція, яка оптимізує зображення двічі.
  • Інший, який також оптимізує оригінальні зображення, але він може вам не знадобитися.
  • Ви можете зробити копію оригіналів, але якщо у нас є резервна копія, вона нам не потрібна.
  • І конвертувати PNG у JPG, але я не рекомендую цього, оскільки всі ці зображення дадуть помилку, якщо не змінюватимуть URL-адресу у публікаціях та на сторінках.

Після того, як все готово, ви зберігаєте зміни та оптимізуйте свої зображення.

Що слід мати на увазі, так це не закривайте вікно WP Smush, бо інакше процес оптимізації зупиниться.

Рекомендації, які слід врахувати

Я збираюся дати вам кілька порад, які я зазвичай використовую на всіх своїх веб-сайтах, і які, безсумнівно, будуть для вас дуже корисними.

Вони допоможуть вам заощадити багато часу та грошей.

Завантажте зображення відповідного розміру

Хоча наш веб-сайт уже готовий до автоматичної оптимізації зображень.

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

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

Використовуйте мініатюри якомога більше

Ескізи WordPress - це невеликі зображення, які створюються кожного разу, коли ви завантажуєте нове зображення у свій WordPress.

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

Недоліком є ​​те, що декілька створені з одного і того ж образу, з наступним використання місця в хостингу.

Якщо ви підете до Налаштування - Медіа, ви побачите, що ви можете вибрати заздалегідь визначені розміри мініатюр.

Я рекомендую вам використовувати стандартні розміри для своїх статей і таким чином зробіть їх однаковими.

Ви налаштовуєте, завантажуєте зображення, і воно готове до вставки в потрібні розміри.

Налаштуйте розміри за допомогою менеджера зображень

У своєму WordPress ви можете перейти до Медіа - Бібліотека мультимедіа і побачити всі ваші завантажені зображення.

Якщо ви виберете один, ви можете відредагувати його та змінити розмір.

Тож виберіть зображення, натисніть на редагувати зображення і в Масштаб зображення Ви можете вибрати, наприклад, ширину та висоту, які будуть автоматично регульовані.

Це допоможе вам у випадку, якщо будь-яке зображення не було оптимізовано або завантажено вручну.

Використовуйте CDN для зображень

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

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

Це змусить їх завантажуватися швидше, а також заощадить ваші хостингові ресурси.

Я рекомендую вам прочитати моє керівництво, в якому я розповім вам все про CDN у WordPress.

Є й інші альтернативи

Окрім цих плагінів, я спробував ще багато, наприклад, інший відомий під назвою EWWW Image Optimizer.

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

Думаю, нещодавно вони внесли деякі вдосконалення, але я це вже пройшов.

Є ще одна альтернатива, яку я використовую на своїх сайтах, - Imagify, і це найкраще, що я пробував.

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

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