Перейти к содержанию
Официальный форум поддержки Simpla

Массовая оптимизация фотографий товаров по Pagespeed Insights


Перейти к решению Решено Noxter,

Рекомендуемые сообщения

Симпла легко поддается оптимизации по Google Pagespeed insights, вытягиваю все 100 баллов (или 99 если установлен код Яндекс-метрики), но большая морока с фотографиями товара, так как нужно ссылку на каждый товар вставлять в поле Pagespeed , нажимать проверку, потом по ссылке скачивать сжатые фотки и заливать на хостинг, а если товаров 500-1000, то это действие нужно проделать столько же раз.  Так вот, вопрос к знатокам - как можно вывести все фотки из папки files/products на одну страницу, чтобы просто вставить ссылку на эту страницу в Pagespeed и после анализа скачать одни архивом сжатые и залить  на хостинг с заменой тех несжатых, которые там есть. И так же после добавления новых товаров, чтобы на той странице добавлялись новые фотки автоматом, чтобы проделать то же действие одним махом?

 

Предварительное сжатие фоток (перед заливкой в товар) не помогает, так как симпла при обработке/изменении размера делает фотку снова "не оптимизированной".

Изменено пользователем martinways
Ссылка на сообщение
Поделиться на другие сайты
  • Ответов 51
  • Дата создания
  • Последний ответ

Лучшие авторы в теме

Лучшие авторы в теме

Или может есть возможность оптимизации "на лету" при добавлении фоток к товару, это было бы вообще идеально.

Ссылка на сообщение
Поделиться на другие сайты

Или может есть возможность оптимизации "на лету" при добавлении фоток к товару, это было бы вообще идеально.

https://github.com/bensquire/php-image-optim

Ссылка на сообщение
Поделиться на другие сайты

Как прикрутить эту штуку? Я в php ноль)) Вы можете? Сколько будет стоить?

 

создайте отдельную тему в разделе «Заказ доработок» — очень занят просто

 

Или может есть возможность оптимизации "на лету" при добавлении фоток к товару, это было бы вообще идеально.

 

сейчас реализовал не на лету, а через bash скрипт (через jpegoptim ):

#!/bin/bash
picdir='/<ПУТЬ_К_САЙТУ>/files/products'

# Optimize JPEG
jpegs=$(find $picdir -iname *.jpeg )

for jpeg in $jpegs
do
echo $jpeg
jpegoptim -P -m95 --strip-all $jpeg
done
Изменено пользователем Maksclub
Ссылка на сообщение
Поделиться на другие сайты

Чет не работает, выдает ошибку синтаксиса. Я создал файл image.php в корне сайта и вставил туда такой код 

<?php
#!/bin/bash
picdir='/home/androm02/САЙТ.РУ/www/files/products'
 
# Optimize JPEG
jpegs=$(find $picdir -iname *.jpg )
 
for jpeg in $jpegs
do
echo $jpeg
jpegoptim -P -m95 --strip-all $jpeg
done
?>
 
А можете дать код, который выведет на странице сайт.ру/images.php  просто все картинки с папки products?
Ссылка на сообщение
Поделиться на другие сайты

какой ужас, а в чём проблема сделать сжатие не 100 как это установлено в симпле по дефолту, а своё, например 75? Насколько знаю именно такой коэффициент сжатия понимается под "стандартным", чтобы гугл не выдавал уведомления о том что можно ещё больше сжать изображение. Делается это в классе api/Image

Изменено пользователем a13x
Ссылка на сообщение
Поделиться на другие сайты

какой ужас, а в чём проблема сделать сжатие не 100 как это установлено в симпле по дефолту, а своё, например 75? Насколько знаю именно такой коэффициент сжатия понимается под "стандартным", чтобы гугл не выдавал уведомления о том что можно ещё больше сжать изображение. Делается это в классе api/Image

 

А Вы сами проверьте, а потом советуйте. Даже если качество 20 (на вид ужасно) ставлю - то Pagespeed не принимает, а сам Pagespeed сжимает без потери видимого качества. Поэтому хотелось бы вывести все фотки на одну страницу, потом выставить ссылку в Pagspeed и скачать архив с уже уже сжатыми (если конечно Pagspeed примет такое количество фоток, надо проверять. Ну а потом заливать на хостинг, в любом случае это быстрее, чем сжимать каждый товар отдельно))

Изменено пользователем martinways
Ссылка на сообщение
Поделиться на другие сайты

А Вы сами проверьте, а потом советуйте. Даже если качество 20 (на вид ужасно) ставлю - то Pagespeed не принимает, а сам Pagespeed сжимает без потери видимого качества. Поэтому хотелось бы вывести все фотки на одну страницу, потом выставить ссылку в Pagspeed и скачать архив с уже уже сжатыми (если конечно Pagspeed примет такое количество фоток, надо проверять. Ну а потом заливать на хостинг, в любом случае это быстрее, чем сжимать каждый товар отдельно))

Страница всех товаров есть в симпле, вот пожалуйста http://beta.simplacms.ru/products?page=all
Ссылка на сообщение
Поделиться на другие сайты

А Вы сами проверьте, а потом советуйте. Даже если качество 20 (на вид ужасно) ставлю - то Pagespeed не принимает, а сам Pagespeed сжимает без потери видимого качества. Поэтому хотелось бы вывести все фотки на одну страницу, потом выставить ссылку в Pagspeed и скачать архив с уже уже сжатыми (если конечно Pagspeed примет такое количество фоток, надо проверять. Ну а потом заливать на хостинг, в любом случае это быстрее, чем сжимать каждый товар отдельно))

Для того, чтобы это сработало:

Во-первых, нужно отключить Имаджик и включить ГД

Во-вторых, поставить примерно 60, у меня обычно так.

В-третьих, удалить ВСЕ фотки из папки продуктс, потому что все это сработает только при НОВОМ ресайзе, если фотка УЖЕ ЕСТЬ - ресайз работать не будет.

Ссылка на сообщение
Поделиться на другие сайты

Для того, чтобы это сработало:

Во-первых, нужно отключить Имаджик и включить ГД

Во-вторых, поставить примерно 60, у меня обычно так.

В-третьих, удалить ВСЕ фотки из папки продуктс, потому что все это сработает только при НОВОМ ресайзе, если фотка УЖЕ ЕСТЬ - ресайз работать не будет.

Ну ещё как вариант это изменить настройки изображений в админке и ресайзы автоматом удалятся :)
Ссылка на сообщение
Поделиться на другие сайты

Страница всех товаров есть в симпле, вот пожалуйста http://beta.simplacms.ru/products?page=all

Нет, нужна не страница всех товаров, а нужна страница со всеми изображениями всех ресайзов из папки products, тогда эту ссылку можно было вставить в Pagespeed и скачать сжатые файлы. Если сделать так как Вы говорите, то Pagespeed увидит только главные фотки из списка товаров, а ведь на странице каждого товара есть остальные фотки и получается нужно отдельно страницу каждого товара вставлять в Pagespeed, чтобы он увидел фотки каждого товара.

Для того, чтобы это сработало:

Во-первых, нужно отключить Имаджик и включить ГД

Во-вторых, поставить примерно 60, у меня обычно так.

В-третьих, удалить ВСЕ фотки из папки продуктс, потому что все это сработает только при НОВОМ ресайзе, если фотка УЖЕ ЕСТЬ - ресайз работать не будет.

Конечно же перед каждой проверкой в Pagespeed я удаляю все файлы из Products. А насчет отключения imagemagick , то у меня и так стоит use_imagick = false;  , а где-то еще требуется включать gd ?

Изменено пользователем martinways
Ссылка на сообщение
Поделиться на другие сайты
  • Решение

Нет, нужна не страница всех товаров, а нужна страница со всеми изображениями всех ресайзов из папки products, тогда эту ссылку можно было вставить в Pagespeed и скачать сжатые файлы. Если сделать так как Вы говорите, то Pagespeed увидит только главные фотки из списка товаров, а ведь на странице каждого товара есть остальные фотки и получается нужно отдельно страницу каждого товара вставлять в Pagespeed, чтобы он увидел фотки каждого товара.

Конечно же перед каждой проверкой в Pagespeed я удаляю все файлы из Products. А насчет отключения imagemagick , то у меня и так стоит use_imagick = false;  , а где-то еще требуется включать gd ?

Вот набросал небольшой скриптик чтения и вывода картинок:
<?php

$path = 'files/products/';

if ($open = scandir($path))
{
    foreach ($open as $k => $v)
    {
        if($v != "." && $v != "..")
        {
            echo '<img src="'.$path.$v.'" width="250px" alt="korsmudak">';
        }
    }
}
Запишите его скажем в images.php и закиньте в корень сайта, далее отдайте ссылку гуглу site.ru/images.php. Изменено пользователем Noxter
Ссылка на сообщение
Поделиться на другие сайты

А Вы сами проверьте, а потом советуйте. Даже если качество 20 (на вид ужасно) ставлю - то Pagespeed не принимает, а сам Pagespeed сжимает без потери видимого качества. Поэтому хотелось бы вывести все фотки на одну страницу, потом выставить ссылку в Pagspeed и скачать архив с уже уже сжатыми (если конечно Pagspeed примет такое количество фоток, надо проверять. Ну а потом заливать на хостинг, в любом случае это быстрее, чем сжимать каждый товар отдельно))

а вы не думали что pagespeed просто нестандартный какой-то сервис? Есть стандарты сжатия изображения для формата jpeg, если pagespeed сделал свой говностандарт и хочет чтобы все ему следовали то это проблема pagespeed. Есть куча нормальных сервисов которые показывают скорость работы сайта, например https://gtmetrix.com/

На pagespped свет клином не сошёлся.

Если у вас и там вылезает проблема что изображения можно пережать и сделать лучше, значит вы не следовали моему совету.

Изменено пользователем a13x
Ссылка на сообщение
Поделиться на другие сайты

 

Вот набросал небольшой скриптик чтения и вывода картинок:

<?php

$path = 'files/products/';

if ($open = scandir($path))
{
    foreach ($open as $k => $v)
    {
        if($v != "." && $v != "..")
        {
            echo '<img src="'.$path.$v.'" width="250px" alt="korsmudak">';
        }
    }
}
Запишите его скажем в images.php и закиньте в корень сайта, далее отдайте ссылку гуглу site.ru/images.php.

 

Noxter как всегда красавчик! Все фурычит как я себе представлял, терь за  2 минуты все фотки оптимизированы. Ничего против Корса не имею, но все равно смешно))))

Изменено пользователем martinways
Ссылка на сообщение
Поделиться на другие сайты

Noxter как всегда красавчик! Все фурычит как я себе представлял, терь за 2 минуты все фотки оптимизированы. Ничего против Корса не имею, но все равно смешно))))

Всегда пожалуйста!

P.S. Он мой заклятый враг на форуме :D

Ссылка на сообщение
Поделиться на другие сайты

Noxter как всегда красавчик! Все фурычит как я себе представлял, терь за  2 минуты все фотки оптимизированы. Ничего против Корса не имею, но все равно смешно))))

А новые товары тоже будете обрабатывать этим скриптом? :lol:

Ссылка на сообщение
Поделиться на другие сайты

А новые товары тоже будете обрабатывать этим скриптом? :lol:

Гуру программирования который всё знает (но постоянно клянчит решение на форуме) задаёт столь простой вопрос, наверное мозгов не хватает понять что ДА будет обрабатывать и новые товары если у них будет ресайз.

А вообще ТС не просил сделать какую-то автоматизация, моего решения вполне достаточно для решения задачи ТС.

Ссылка на сообщение
Поделиться на другие сайты

А новые товары тоже будете обрабатывать этим скриптом? :lol:

 

Да, Noxter все правильно сказал. Этот скрипт не ОБРАБАТЫВАЕТ, а просто ВЫВОДИТ все существующие  фотки в папке products на одну страницу, если я добавлю новые товары, допустим это еще плюс 10 фоток, то они появятся на той странице в добавок к уже существующим, я вставляю ссылку на эту страницу в Pagespeed, нажимаю "анализировать", выдаст сообщение, что "Оптимизируйте следующие изображения" - и список из тех 10 фоток, нажимаем "Скачать оптимизированные изображения, ресурсы" и потом из скачанного архива фотки заливаем в ту же папку products с заменой, всё! При этом у меня сразу будут оптимизированы все миниатюры фоток данного товара. Конечно лучше это делать на лету, но пока мне "не впадло" сделать это за пару кликов мыши))

Изменено пользователем martinways
Ссылка на сообщение
Поделиться на другие сайты

А насчет того, что "свет клином сошелся на Pagespeed"  - меня например устраивает как он сжимает фото, потерь видимого качества не вижу, так зачем еще искать что-то? тем более у меня уже есть инструмент для пакетной оптимизации.

Изменено пользователем martinways
Ссылка на сообщение
Поделиться на другие сайты

Noxter как всегда красавчик! Все фурычит как я себе представлял, терь за  2 минуты все фотки оптимизированы. Ничего против Корса не имею, но все равно смешно))))

 

Либо мне пора очки покупать или автору таблетки тк я постов Корса в этой теме не увидел

Ссылка на сообщение
Поделиться на другие сайты

Просто ужас. Один не может настроить правильное сжатие изменив 1 цифру, другой советует какую то дичь из страницы с фотками. Вы стоите друг друга :D

Ссылка на сообщение
Поделиться на другие сайты

А насчет того, что "свет клином сошелся на Pagespeed"  - меня например устраивает как он сжимает фото, потерь видимого качества не вижу, так зачем еще искать что-то? тем более у меня уже есть инструмент для пакетной оптимизации.

Он сжимает фотки ровно также как и симпла - меняет кач-во jpg Изображения.

Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...