Загрузка

Конвертация в современный формат с поддержкой iOS

Характеристики
Минимальные требования
Минимальные требования
Минимальные требования
    3 999
    20 бонусов Узнайте подробнее про систему скидок
    Накопите еще 20 бонусов, и вы получите 20% скидку на все продукты Igaponov.
    Узнать подробнее про систему скидок
    Изображения WEBP

    Теперь поддерживается работа с iPhone на iOS 14 и планируется поддержка Safari в MacOS и iPad.

    Проверьте страницы вашего сайта на сервисе Google Pagespeed. Если увидите замечание: Используйте современные форматы изображений, то плагин поможет решить его:


    На данный момент плагин отлично работает и в облаке, и на сторонних хостингах и VDS/VPS. При работе никакие ваши файлы изображений не изменяются, всё остается на месте. При желании всегда можно удалить все созданные плагином эскизы нажатием на соответствующую кнопку.


    Почти четыре из пяти мобильных пользователей используют браузер, способный отображать изображения в формате webp. Но по-прежнему на большинстве сайтов отдаются изображения jpeg, которые обычно в два раза больше размером при том же качестве. Этот плагин создан, чтобы решить данную задачу, без особых усилий администраторы магазинов настроят Shop-Script отдавать автоматически создаваемые изображения товаров и другие в формате webp для браузеров, которые его поддерживают, в то же время по-прежнему предоставлять обычные jpeg и png для остальных браузеров.

    Плагин изменяет HTML-код страницы, подменяя URL изображений на эскиз в webp для тех браузеров, которые поддерживают формат. Эскиз будет создан автоматически на лету при запросе, используя тот же механизм, что и Shop-Script. Работает как с изображениями товаров, так и с остальными: иконки, логотипы, баннеры.

    Преимущества:

    • Более быстрая загрузка изображений для браузеров, поддерживающих webp. Конвертированные изображения обычно в два раза меньше оригиналов в случае jpeg, сохраняя при этом прежнее качество. Стоит понимать, что в большинстве случаев именно изображения ответственны за общее время ожидания страницы, посетители заметят разницу
    • Повышаются рейтинги в поиске Google, использование современных форматов для изображений является частью требования PageSpeed и Lighthouse и учитывается при индексировании.
    • Меньший объем трафика, очень заметно, например, при медленном или дорогом соединении с интернетом у клиента.
    • На данный момент около 90% мобильных и настольных клиентов уже поддерживают webp: https://caniuse.com/#feat=webp . Теперь Firefox, Edge и Safari тоже присоединились к поддержке.

    Использование:

    Сразу после установки плагин автоматически применяет доступные способы конвертации, отметьте только Включить плагин и сохраните настройки. Этого будет достаточно, больше никаких изменений не потребуется. Зайдите с помощью Firefox или Chrome на страницы сайта, чтобы убедиться, что изображения теперь с расширением .webp

    При первом доступе к изображению его загрузка может быть чуть дольше обычного, так как происходит конвертация. Но затем эскиз остается в кэше, дальше будет загружаться мгновенно.

    Конвертированные эскизы хранятся на сервере рядом с обычными, стоит понимать, что занятое установкой место на хостинге тоже будет расти.

    Плагин меняет именно HTML-код страниц, но некоторые изображения могут загружаться, например, скриптами или CSS, такие файлы будут пропущены.

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

    Режим rewrite

    Если у вас есть задача сохранить те же имена файлов изображений и ссылки, но только сменить формат, то теперь есть такая возможность в режиме rewrite. В нем по cron дублируются все изображения установки в отдельную папку плагина в webp формате, а затем с помощью конфигурации веб-сервера мы отдаем webp изображения браузеры, которые их поддерживают. Ниже представлены варианты конфигураций при работе в режиме Nginx + FastCGI и при использовании Apache и .htaccess.

    Для применения на вашем сайте стоит проконсультироваться с системным администратором или обратиться в поддержку хостинга - может быть много вариантов и деталей, которые нужно будет указать в вашем конкретном случае в конфигурации. Поддержка разработчиком плагина в данном случае с настройкой правильного rewrite будет только в крайне ограниченном размере. Если появляются трудности, рекомендуем использовать любой другой режим.

    Не забудьте добавить задание cron, рекомендуется на позднюю ночь, чтобы нагрузка не мешала. Каждый раз будет запускаться поиск новых неконвертированных изображений и работа будет только с ними. Такое задание cron сработает, только если включены способы конвертации помимо wpc.


    Nginx + FastCGI

    Если ваша конфигурация совпадает со стандартной из руководства, то достаточно будет только добавить первый блок в секцию http и второй перед всеми location.

    nginx.conf: (строки 1-7 и 16-37)

    Apache

    Такой вариант сработает в случае, если вы используете только apache, без Nginx. В данном случае понадобится добавить блок в конце корневого .htaccess и блоки в начале в папках эскизов.

    .htaccess в корне: (строки 29-31)

    wa-data/public/shop/products/.htaccess: (строки 1-3)

    wa-data/public/shop/promos/.htaccess: (строки 1-3)

    Webasyst 16 октября 2019

    «Перейдите на современный формат изображений, чтобы ускорить работу витрины.»

    Читайте обзор от Webasyst

    37
    5
    2
    1
    5
    Средний рейтинг: 4.30
    Написать отзыв
    Страница загружается Отзывы загружаются
    Страница загружается Страница загружается
    Динамический текст
    19
    Динамический текст
    Тексты, меняющиеся при перезагрузке страницы сайта
    Баннеры
    14
    Баннеры
    Управление баннерами для вашего сайта.
    Изображения WEBP
    50
    Изображения WEBP
    Конвертация в современный формат с поддержкой iOS
    Шаблон «Написать клиенту»
    Шаблон «Написать клиенту»
    HTML-шаблон email действия «Написать клиенту»
    Ссылка на оплату
    18
    Ссылка на оплату
    Прямая ссылка для перехода к оплате в уведомлениях
    Последние поступления PRO
    1
    Последние поступления PRO
    Вновь поступившие товары в одном месте
    Предзагрузка контента — Preload и Push
    3
    Предзагрузка контента — Preload и Push
    Предзагрузка ключевых запросов PageSpeed+
    Открыть витрину+
    12
    Открыть витрину+
    Управляйте кнопками для открытия витрины магазина
    Шаблоны сообщений
    31
    Шаблоны сообщений
    Шаблоны для отправки сообщений из заказа.
    Зимний снег 3D 2021
    9
    Зимний снег 3D 2021
    Объемные снежинки с анимацией и реакцией на мышь
    Блок "Поделиться"
    13
    Блок "Поделиться"
    Плагин добавляет кнопки "поделиться" в магазин.
    Избранное PRO
    3
    Избранное PRO
    Отложенные товары с привязкой к аккаунту
    Быстрый Google Fonts
    10
    Быстрый Google Fonts
    Кэширование шрифтов Google локально на сайте
    Типы цен (оптовые цены)
    7
    Типы цен (оптовые цены)
    Разные цены для витрин или для групп покупателей
    Чистка характеристик
    5
    Чистка характеристик
    Удаляет неиспользуемые значения характеристик
    Товары в корзину по ссылке
    6
    Товары в корзину по ссылке
    Делитесь корзиной через ссылку
    Кеширование коллекций товаров
    9
    Кеширование коллекций товаров
    Ускорьте работу сайта, внедрив кеширование данных
    Наличие в корзине
    1
    Наличие в корзине
    Плагин отображает доступный остаток товаров
    Скрытие товаров/артикулов без остатка
    9
    Скрытие товаров/артикулов без остатка
    Категории и фильтры без товаров не в наличии
    Сообщества соцсетей
    8
    Сообщества соцсетей
    Добавляет виджеты социальных сетей в Магазин
    БонусПЛЮС
    БонусПЛЮС
    Плагин позволяет синхронизировать бонусы
    Поиск
    8
    Поиск
    Поиск по текстовым страницам сайта
    Сайт
    Super
    32
    Super
    Прокачайте магазин Super-темой!
    Esthetic
    Esthetic
    Свежий и эстетичный шаблон для вашего сайта
    Сообщества соцсетей
    Сообщества соцсетей
    Добавление виджетов социальных сетей в блог
    Блог
    0
    Запрос на обработку

    Можете заполнить форму, и мы свяжемся с вами

    Ваше имя
    Email
    Сообщение