Зменште вагу зображень для все ще швидкого Prestashop

Чим швидше сайт електронної комерції, тим більше він буде оцінений Google і, очевидно, корисний для вашого SEO. Важливо оптимізувати вагу зображень навіть в епоху ADSL та волоконної оптики.

Розмір зображення має значення

Ми рідко усвідомлюємо, що сайти електронної комерції важко завантажувати, оскільки браузери та пропускна здатність Інтернету в даний час ефективні. Тим не менш, не рідко можна побачити 5-10 МБ зображень для завантаження на сторінці ... це величезна кількість. Дуже часто я бачу це за допомогою повзунків Prestashop та неоптимізованих зображень у фоновому форматі.

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

З того, що я бачу, оптимізація зображень не часто обговорюється (з точки зору ваги), звичайно, все ще існує важливість тегу "ALT", який повинен бути вказаний на всіх ваших зображеннях товару (але зазвичай це вже автоматично). Ну, так чи інакше, я думаю, ви зрозумієте ... найголовніше - це швидкий сайт, і оскільки на сайті електронної комерції багато фотографій ... вам доведеться стискати їх якомога більше у масивному шлях.

Як оптимізувати зображення вашого Prestashop ?

Швидкість сайту = вирішальний момент для Google.
Контролюйте вагу своїх зображень за допомогою вкладки Мережа Google Chrome.
Створіть ескізи заново та порівняйте.
Оптимізуйте зовнішні зображення, стискаючи кожне зображення за допомогою compressjpeg або tinypng (тоді достатньо буде замінити вихідне зображення на стиснене).
Перевірте, чи більше зображень у вашій темі, ніж потрібно, якщо це так, подумайте про створення нового типу мініатюр, щоб мати 100% відрегульоване зображення, щоб не споживати ресурси без потреби.
Використовуйте таку послугу, як більш швидке зображення, щоб пришвидшити завантаження. Крім того, вони пропонують модуль, сумісний з Prestashop.

13 коментарів до “Prestashop 1.7 - SEO - зменшення ваги зображень (еп.2)”

З часу існування ADSL розробники та дизайнери забули про важливість ваги веб-сторінки.
Після вашої статті я протестував quickImage ... і навіть взяв платну версію після тесту, оскільки їхня система настільки цікава, особливо в PrestaShop, де вам просто потрібно встановити модуль, щоб усі зображення були оброблені.
Їх обслуговування подвійне, зменшуючи вагу зображуваних зображень, і особливо CDN для їх виклику, що звільняє потужність сервера для відображення решти, отже, велике підвищення продуктивності в перспективі.
Знаючи, що я вже використовую CDN для відображення свого сайту, quickImage виглядає ще краще.

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

Хороші новини, якщо, крім того, ваш досвід позитивний, мені доведеться час від часу перевіряти його ... (я додаю, що на моїй купі речей для перегляду).

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

До швидкої зустрічі та ще раз спасибі за ваш відгук !

Після цієї статті компанія Shortpixel зв’язалася зі мною, щоб показати, що вони теж можуть запропонувати цікаву послугу: https://shortpixel.com/

Якщо вам цікаво, ви можете переглянути їх керівництво з інтеграції: https://shortpixel.com/web-tool-docs

Ось воно ... це треба пережити! До зустрічі !

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

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

Я відновив все до - ftp і bd тиждень, але нічого не змінити, мій сайт з’являється на порожній сторінці, а все в одній колонці rrrrrrrrrrrrrrrrr все негарно.

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

Дякую за відповідь.

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

Ви можете зробити запит тут: https://www.codeur.com/

Дякуємо за візит.

У відео ви згадуєте тег ALT для оптимізації. Як оновити цей тег ALT для кожного зображення? чи ми можемо розглянути можливість ввести цю інформацію за допомогою "Коду для вставки у ваш опис", який буде розглядатися як тег ALT для Google ?

Що стосується продуктів, це автоматичний "ALT = підпис зображення", з іншого боку, якщо ви вставляєте зображення на ваші сторінки CMS, цікаво пам'ятати, що потрібно вводити цей тег ALT для посилання.

if (isset ($ _ SERVER [‘SCRIPT_FILENAME’])) $ timestamp = filemtime (__ FILE__);
заголовок (‘Остання зміна:‘. $ timestamp);
$ закінчується = 60 * 60 * 24 * 14;
заголовок ("Pragma: public");
заголовок ("Керування кешем: maxage =". $ закінчується);
заголовок (‘Expires:‘. gmdate (‘D, d M Y H: i: s’, time () + $ закінчується). ‘GMT’);
заголовок (‘Vary: Accept-Encoding’);
$ pathinfo = pathinfo ($ _ SERVER [‘SCRIPT_FILENAME’]);
$ розширення = $ pathinfo [‘розширення’];
якщо ($ extension == ‘css’) заголовок (‘Content-type: text/css’);
>
if ($ extension == ‘js’) header (‘Content-type: text/javascript’);
>
>
3/Створіть файл php.ini
Скопіюйте у всі каталоги вашого сайту. Додайте наступні рядки, не забувши змінити шлях до каталогу, що містить файл gzip.php.
# налаштуйте стиснення
zlib.output_compression = Увімкнено
zlib.output_compression_level = 8
auto_prepend_file = [шлях до вашого веб-каталогу] /gzip.php
AllowOverride All
# Сховайте попередження та помилки
display _errors = вимкнено
4/Перевірте компресію
Зайшовши на цей сайт, ви зможете перевірити, чи ваші сторінки тепер стиснуті перед надсиланням, і що ваша продуктивність покращена. !
Насолоджуйтесь 1і1 !

Я підтверджую, що стиснення Gzip - це хороший спосіб, оскільки це насправді може заощадити час завантаження (як правило, хостинги не обов'язково мають оптимізовану "активну" конфігурацію кешу). Що стосується зображень, вам доведеться вирішити джерело та "перекомпресувати" вихідне зображення, це єдине рішення (цього завжди менше для завантаження для перегляду сторінки).

Дякуємо за відгук !

Привіт, що ви думаєте про формат WebP? Він не входить до попереднього магазину, але я розумію, що модулі пропонують цей формат менше ніж за 40 €. Однак вони ніколи не вказують, чи "замінює" це оригінальні зображення в JPG (і, отже, потім зменшує сумісність із старими браузерами), чи модулі перевіряють раніше, що браузер сумісний (а якщо ні, відображати jpg, а не webP)

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

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

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

З іншого боку, я хотів би мати можливість зберегти існуючі зображення на випадок цього шарлатана, як це трапляється ... особливо регенерація ескізів, яка може бути зроблена не в Prestashop правильно, особливо при проблемах з пропускною здатністю. Як це зробити безпечно?
моя ідея полягала б у наступному:
- скопіювати файл img у корінь мого сайту.
- Перевірте модулі стиснення. якщо все працює нормально, в іншому випадку відновіть файл img за допомогою копіювання та скиньте з ftp?

Мене турбують дві речі: на мої зображення вже є посилання, я не хочу втрачати свої посилання і тим більше зображення на моєму сайті ...

Дякую за відповідь

Зображення продуктів Prestashop вже перекомпресовані в стандартному режимі, але якщо вам потрібно повторно створити всі свої ескізи, краще скористатися модулем, який обробляє їх в Ajax:
https://addons.prestashop.com/fr/edition-rapide-de-masse/19228-regenerer-miniatures-images-pour-grands-catalogues.html

А щоб ще більше оптимізувати всі вихідні зображення (включаючи розширення), потрібно було б використовувати модуль Prestashop такого типу
https://addons.prestashop.com/fr/performance-site/22488-compresseur-d-images-avec-tinypng.html

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