[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
3
1 167
+13

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

Дмитрий
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
    Во втором абзаце же указана ссылка на тарифы?
    Алексей М.
    12 декабря 2017, 20:40
    0
    2500 рублей :)
      Илья Уткин
      12 декабря 2017, 21:09
      0
      Нет необходимости оптимизировать все 6 Гб картинок. Если предположить, что картинок около 2000, то должно хватить около 600 Мб на оптимизацию их превьюшек.

      Но да, если нужно оптимизировать и большие картинки, то придётся потратиться.
        Алексей М.
        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?