[OptiPic] Оптимизация изображений для Google PageSpeed


Представляю дополнение интеграции с сервисом optipic.io



С помощью этого сервиса можно уменьшить размер изображений, выводимых на сайте. Снижение качества изображений в некоторых случаях будет заметно, но зато размер устроит сервис PageSpeed и вы сможете «отвязаться» от сеошников, которые требуют как можно большее количество баллов =)

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

Стандартный механизм работы сервиса выглядит так:
  • Вы загружаете на сайт PHP-скрипт (защищённый секретным ключом)
  • Сервис командует этому скрипту пройтись по всем папкам на сайте
  • По результатам сканирования составляется список всех картинок на сайте
  • Сервис порциями оптимизирует все картинки и загружает к вам на сайт
Таким образом достигается универсальность — скрипт работает с любой CMS, даже самописной. Но в результате баланс тратится очень быстро.

Дополнение OptiPic для MODX работает по-другому. После установки дополнения необходимо зайти в системные настройки и указать секретный ключ для этого сайта. Затем нужно включить индексацию и оптимизацию в настройках сайта на сервисе:



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

<img src="[[+tv.image:optipic]]" alt="">

Оригинальное изображение НЕ будет перезаписано. Сниппет создаст файл в той же папке, с тем же именем, но с префиксом op-

Часто на сайте используются сниппеты для создания превьюшек, например, phpthumbon. В таком случае лучше вызывать optipic после таких сниппетов. Тогда, во-первых, оптимизированный файл будет создан внутри папки с превьюшками, а во-вторых, баланс на сервисе будет расходоваться меньше — ведь размер превьюшек гораздо меньше, чем размер оригинала.

<img src="[[+tv.image:phpthumbon=`w=300&h=120&zc=1`:optipic]]" alt="">

Можно ещё немного снизить расходы на сервис, если указать при регистрации купон ILYAUT — тогда у вас будет скидка 10%.

Добавлено в версии 1.1.0-pl

Все файлы перед отправкой на оптимизацию, сжимаются другим сервисом — resmush.it/

Таким образом расходование трафика ещё немного снизится. Этот функционал можно отключить в системных настройках.

Добавлено в версии 1.2.0-pl

Сервис OptiPic ведёт статистику сжатых файлов, но для этого необходимо, чтобы сайт реагировал на команды об индексации файлов.



В версии 1.2.0-pl добавлено ведение журнала обработанных файлов. Таким образом в сервис выгружается статистика (вы можете посмотреть детально, какой файл на сколько килобайт был ужат).
12 декабря 2017, 16:16    Илья Уткин   G+  
3    848 +13


Комментарии ()

  1. Дмитрий 12 декабря 2017, 17:27 # 0
    Крутая штука, спасибо!
    Только с Fenom и файлами это работать не будет, верно?
    1. Илья Уткин 12 декабря 2017, 17:40 # 0
      Почему же? Будет, конечно!
      <img src="{$_pls['tv.image'] | phpthumbon : 'w=300&h=120&zc=1' | optipic}" alt="">
      1. Дмитрий 12 декабря 2017, 18:03 # 0
        Кхм, прикольно. Тогда не понял, как происходит парсинг. То есть при первой загрузки страницы срабатывает сниппет и обращается к сервису, по тому же принципу, что и phpthumbon? Я просто думал, что компонент как-то сам в фоновом режиме парсит все элементы на предмет картиночек и сжимает. Хотя, фигня получается в таком случае…
        1. Илья Уткин 12 декабря 2017, 18:17 # 0
          Да, сниппет работает по аналогии с phpthumbon, никакого парсинга или сканирования)
    2. Володя 12 декабря 2017, 17:29 # +4
      Спасибо! надо будет попробовать на досуге.
      ps. [OptiPic] — читаю как Жопик. шутка)
      1. v2254303 12 декабря 2017, 20:02 # 0
        Радует что чаще стали появляться решения влияющие на удобство и сео сайта.
        Опираясь на ваш опыт если на сайте около 6г картинок товаров. примерно в какую стоимость обойдется.
        1. Дмитрий 12 декабря 2017, 20:29 # 0
          Во втором абзаце же указана ссылка на тарифы?
          1. Алексей М. 12 декабря 2017, 20:40 # 0
            2500 рублей :)
            1. Илья Уткин 12 декабря 2017, 21:09 # 0
              Нет необходимости оптимизировать все 6 Гб картинок. Если предположить, что картинок около 2000, то должно хватить около 600 Мб на оптимизацию их превьюшек.

              Но да, если нужно оптимизировать и большие картинки, то придётся потратиться.
              1. Алексей М. 12 декабря 2017, 21:16 # 0
                Точно, они же работают не по получению трафика, а по отдаче. Тогда да, возможно что будет сжатие до 85-90% и стоимость будет меньше (900 рублей), но вот как рассчитать это.
          2. Evgeny Tarasov 12 декабря 2017, 21:42 # 0
            Может кому интересно будет.
            Для тех, кто работает под Mac OS есть хорошая приложуха — Photo Size Optimizer
            Фотки ужимает все, жмет хорошо, и гугл при этом не жалуется.
            1. Антон 13 декабря 2017, 07:18 # 0
              ImageOptim же
              1. Илья Уткин 13 декабря 2017, 07:28 # 0
                Да для компьютера таких программ полно. Но для меня это слишком муторно — ещё помнить о том, что картинки перед загрузкой надо оптимизировать… А ещё и клиенту надо это как-то объяснить…
                1. Антон 13 декабря 2017, 16:36 # 0
                  Не надо ничего оптимизировать перед загрузкой.
                  Можно в любое время скопировать себе всю папку images, оптимизировать и обратно залить, желательно сразу почистить кэш.
                  1. Илья Уткин 13 декабря 2017, 17:47 # +3
                    Это всё равно не дело. Надо сделать раз и навсегда.
            2. Петропавловский Артем 12 января 2018, 09:01 # 0
              При установке выдает ошибку — PHP Parse error: syntax error, unexpected '[' in /core/packages/optipic-1.2.1-pl/modCategory/92fe38bc8fa4d445302ddc4302eba8bc.symlinks.resolver on line 15. Версия MODx 2.6.0.
              1. Илья Уткин 12 января 2018, 09:04 # +1
                А версия PHP у вас какая?
                1. Петропавловский Артем 12 января 2018, 09:07 # +1
                  И правда дело было в версии PHP. Спасибо! Была 5.3 поставил 5.6 все заработало.
              2. Денис 31 марта 2018, 16:53 # 0
                Всем привет! А кто-то подключал optipic к msGallery miniShop2?
                Вы должны авторизоваться, чтобы оставлять комментарии.