[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, 13:16
modx.pro
4
5 438
+13

Комментарии: 24

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

            Но да, если нужно оптимизировать и большие картинки, то придётся потратиться.
              Alexey Medvedev
              12 декабря 2017, 21:16
              0
              Точно, они же работают не по получению трафика, а по отдаче. Тогда да, возможно что будет сжатие до 85-90% и стоимость будет меньше (900 рублей), но вот как рассчитать это.
          Evgeny Tarasov
          12 декабря 2017, 21:42
          0
          Может кому интересно будет.
          Для тех, кто работает под Mac OS есть хорошая приложуха — Photo Size Optimizer
          Фотки ужимает все, жмет хорошо, и гугл при этом не жалуется.
            Антон
            13 декабря 2017, 07:18
            0
            ImageOptim же
              Илья Уткин
              13 декабря 2017, 07:28
              0
              Да для компьютера таких программ полно. Но для меня это слишком муторно — ещё помнить о том, что картинки перед загрузкой надо оптимизировать… А ещё и клиенту надо это как-то объяснить…
                Антон
                13 декабря 2017, 16:36
                0
                Не надо ничего оптимизировать перед загрузкой.
                Можно в любое время скопировать себе всю папку images, оптимизировать и обратно залить, желательно сразу почистить кэш.
                  Илья Уткин
                  13 декабря 2017, 17:47
                  +3
                  Это всё равно не дело. Надо сделать раз и навсегда.
            Петропавловский Артем
            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.
            Денис
            31 марта 2018, 16:53
            0
            Всем привет! А кто-то подключал optipic к msGallery miniShop2?
              Александр
              07 августа 2018, 09:11
              0
              Здравствуйте.
              Подскажите, пожалуйста, кто пользовался, проходят ли сжатые картинки проверку Google PageSpeed?
                Илья Уткин
                07 августа 2018, 16:38
                +1
                Да, проходят) Можете потестировать сервис бесплатно — при регистрации даётся 10 Мб.
              Aslero
              10 сентября 2019, 13:49
              0
              Сделал так {$id | resource: 'img' | phpthumbon: 'w=100&h=80&zc=1' | optipic} и теперь страница начала грузиться в два раза дольше, в чем может быть проблема?
                Максим
                13 мая 2023, 11:34
                0
                Поставил модуль, но почему-то не сраббатывает и пишет OptiPic еще не нашел изображения на вашем сайте
                  Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
                  24