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

веб-сайті

Цей тиждень був дуже напруженим, я продовжую роботу над кількома веб-проектами, які з’являться найближчим часом, роздаючи візитні картки, які ми розробили для овочівника Reme, відвідуючи конференцію тренера Пепе Кабелло, їдьмо, без зупинок ...

Сьогодні ми обговоримо дуже важливу тему, яку повинні знати всі веб-адміністратори:

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

Сьогодні я вам скажу:

Зробимо місце для спонсора.

WebEmpresa, хостинг, що спеціалізується на WordPress. Саме хостинг ми використовуємо давно.

У pampua.es/webempresa ми залишаємо вам 13 причин, за якими ви повинні його найняти; Перевір!

Наймайте свій хостинг зі знижкою 20% прямо зараз, використовуючи купон, який ми залишаємо вам pampua.es/webempresa

ЧОМУ ВАЖЛИВО ОПТИМІЗУВАТИ ЗОБРАЖЕННЯ?

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

Це також один із найпростіших способів збільшити нашу PageSpeed. (Тест Google для вимірювання швидкості. Я залишу це в примітках)

Оптимізація зображень дає нам кілька переваг:

  • Зменшіть час завантаження вашого веб-сайту.
  • Зменшіть площа на вашому сервері.
  • Оптимізуйте споживання передачі вашого хостингу.
  • Покращити SEO-оптимізацію вашого WordPress. (Google любить сторінки, які швидко завантажуються)

Для оптимізації завантаження зображень потрібно виконати 3 кроки:

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

Давайте розглянемо їх докладно:

ЯК ЗМЕНШИТИ РОЗМІР ЗОБРАЖЕНЬ ДО ЗАСТАВКИ

Сьогодні ми використовуємо камери з чудовою роздільною здатністю (навіть у наших смартфонів), що є фантастичним, але ми не можемо завантажувати фотографії безпосередньо на наш веб-сайт, не обробляючи їх, оскільки вони займають від 2 до 15 МБ кожна.

Розмір зображення (розміри) безпосередньо залежить від ваги (байтів) цього зображення.

Зображення, що виходять з камери, можуть мати ширину від 3000 до 6000 пікселів, але якщо розмір, на якому вони будуть відображатися на нашому веб-сайті, становить 700 або 900 пікселів, ми ніколи не повинні завантажувати більші зображення, логічно, так? Таким чином ми економимо кілька байтів, які нічого не сприятимуть, але шкодять швидкості завантаження веб-сайту.

Іншим важливим моментом є питання формату, в якому ми завантажуємо фотографії, зображення, ілюстрації тощо. Коли ви можете, виберіть .jpg або .jpeg у форматі .png або gif.

Щоб автоматично зменшити розмір зображень, рекомендую встановити на комп’ютері одну з цих двох програм:

  • Експерт із зміни розміру (якщо у вас Mac) - це той, який ми використовуємо.
  • Image Resizer (для Windows)

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

Коли ми отримаємо зображення до потрібного нам розміру, ми можемо додати їх до бібліотеки нашого WordPress.

Але зараз нам потрібно оптимізувати їх, стиснути. Давайте подивимося, як це зробити простим способом.

СТИСНЮЮЧИ ЗОБРАЖЕННЯ, ЗАЯВЛЕНІ У ВОРДПРЕС із ПЛУГІНОМ

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

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

Безкоштовна версія обмежена 50 зображеннями на партію, але якщо у вас є 200 зображень, вам потрібно буде лише натиснути кнопку оптимізації 4 рази; Дозвольте мені пояснити: ви даєте його один раз, чекаєте, поки закінчите, ви даєте його знову, ви чекаєте знову, і так далі, поки всі зображення не будуть оптимізовані.

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

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

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

ВИКОРИСТОВУЙТЕ ПЛУГІН, ЩО ЗАГРУЖАЄ ТІЛЬКИ ЗОБРАЖЕННЯ, ЩО ВІДБУВАЮТЬСЯ НА ЕКРАНІ

Я пояснюю, з чого складається ця методика оптимізації. Уявіть, що у вас є список товарів, кожен із яких має свою фотографію. Якщо у вас 10 товарів, не біда, завантажте всі фотографії і все, але що, якщо у вас 100 або 1000? Завантаження всіх цих фотографій значно збільшило б час завантаження вашої сторінки, тому не рекомендується.

Раніше використовувалася пагінація, тобто 10-12 фотографій на першій сторінці, потім ви натискаєте кнопку "наступний" і завантажуєте ще одну сторінку з 10-12 фотографіями.

Сьогодні існують плагіни, які дозволяють завантажувати зображення під час прокрутки користувача вниз. Якщо ваша сторінка є корпоративним сайтом і має мало фотографій, я не рекомендую використовувати жодну, але якщо у вас є сторінка з фотографіями продуктів або безліччю фотографій ваших приміщень, раджу встановити плагін a3 Lazy Load , Він має дуже добрі рейтинги, і ви побачите, що його дуже легко налаштувати.

ОПТИМІЗАЦІЯ ЗОБРАЖЕНЬ - НЕ ВСЕ

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

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

Що ще, хостинг, який ми рекомендуємо ( Webempresa ) порахувати з одним безкоштовна послуга оптимізації зображень WordPress ексклюзивно для своїх клієнтів, що зменшує розмір фотографій, які вже завантажені в WordPress і неправильно оптимізовані.

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

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

Я хочу розповісти вам історію

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

Одного разу підліток, розмовляючи з другом, сказав:

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

Юнак підійшов до мудреця і задав йому запитання:

- Мудрець, птах, який у мене в руці, живий він чи мертвий?

Мудрець витріщився на юнака і сказав:

- Хлопче, відповідь у твоїх руках

Рішення 79% проблем, які стосуються нас, залежать виключно від нас.

Отже, ви вже знаєте; Якщо ви бачите, що у вас немає часу налаштувати свій веб-сайт, або ви його вже маєте, але вам потрібен наш допомогти вам покращити його, завітайте до Pampua.es, і ми будемо раді допомогти вам у вирішенні ваших проблем.

І якщо ви хочете, щоб я поговорив на певну тему в наступних епізодах або маю якісь запитання чи коментарі, які ви хочете зробити, залиште мене на Pampua.es/contact або в коментарях iVoox.

Якщо вам сподобався цей епізод поділіться ним принаймні з однією людиною для яких це може бути цікаво. WhatsApp, поштою, Facebook, Twitter або навіть SMS, що завгодно, але поділіться цим!

І нарешті, я буду надзвичайно вдячний, якщо ви дозволите мені 5-зірковий огляд на iTunes або лайк та коментар до iVoox. Ви можете побачити, як залишити відгук на веб-сайті www.pampua.es/resena

Ми почули один одного наступного четверга з дуже цікавою темою: Як правильно робити резервні копії та як їх автоматизувати.

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