DaServer

Продукты и услуги для вашего сайта

WebpConvertor

Позволяет конвертировать картинки с вашего сайта в современный формат WEBP прямо на ходу. Кроме того, имеются другие полезные функции

Зачем это нужно?

Возможно, если вы используюете различные интсрументы анализа скорости загрузки страниц своего проекта, например такой как Google PageSpeed Insights, то вы видели примерно такое предупреждение:

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

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

Конвертация в современный формат webp

Если вы занимаетесь SEO продвижением сайта, вы возможно пользуетесь инструментом Google PageSpeed Insights, который показывает, что нужно использовать более современные форматы изображений вместо jpeg или png.
WebpConvertor решает эту проблему

Ускоряет загрузку

Изображения в формате Webp занимают меньше дискового пространства и соответственно загружаются быстрее.

Кому это нужно

Всем у кого интернет ресурс чуть более крупный чем сайт визитка и имеет изображения, хранящиеся на различных object Storage

Улучшает мобильный трафик

За счет ускорения загрузки улучшается мобильный трафик, и загрузка изображений происходит быстрее

Не нужно писать код

Вы просто указываете свои ссылки на изображения через наш проксирующий сервер, и все будет работать. См. Настройка

Заявка на использование сервиса

Заполните заявку и вам сразу откроется инструкция для использования

Условия использования

По запросу мы предоставляем доступ к системе. Мы еще не разработали тарифы для использования, поэтому вопрос подключения к системе решается индивидуально, в зависимости от предполагаемой нагрузки на наши сервера.

Заполните форму заявки и вам будет доступна иструкция по настройке и использованию

Мы будем рады если вы поучаствуете в тарифообразовании вместе с нами.

Как пользоваться

Подмена src

Можно просто подменить атрибут "src" в <img /> на проксирующий, пример:

  • Оригинальный адрес картинки: https://images.pexels.com/photos/895259/pexels-photo-895259.jpeg
  • Заменяетя на: https://webp.daserver.ru/?src=https://images.pexels.com/photos/895259/pexels-photo-895259.jpeg
  • Указываются параметры для качества и размера:q, w, h

<img src="https://webp.daserver.ru/?src=https://images.pexels.com/photos/895259/pexels-photo-895259.jpeg&q=80&h=500" />
                     

Проксировать через nginx или CDN

Вы можете подключить CDN для еще более быстрой выдачи конвертированной картинки из кэша. Если вы не знаете что такое CDN, Вы можете прочитать об этом здесь.
В целом это современный и отличный способ ускорения загрузки изображения с ближайшего для посетителя сервера.

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

Пример nginx конфигурации для проксирования с кешированием:

    
proxy_cache_path  /data/nginx/cache/webp levels=1:2 keys_zone=webp_cache:10m max_size=500m inactive=60m use_temp_path=off;

server {
        listen 80; #or 443
        server_name _; #your server name

        gzip            on;
        gzip_types      text/plain application/xml text/css application/javascript;
        gzip_min_length 1000;

        # / ... /

        location /wpcache/ {
            proxy_http_version     1.1;
            proxy_pass             http://to.our.address;

            proxy_cache            webp_cache;
            proxy_cache_valid      200 24h;
            proxy_cache_valid      403 15m;
            proxy_cache_use_stale  error timeout updating http_500 http_502 http_503 http_504;
            proxy_cache_lock       on;
            proxy_cache_bypass     $http_cache_purge;
            add_header             Cache-Control max-age=31536000;
            add_header             X-Cache-Status $upstream_cache_status;
        }
}
    

Контакты

Свяжитесь с нами, если у вас возникли вопросы, любым доступным способом.

Связаться