Перейти к содержимому


Фото
- - - - -

Уменьшеие И Оптимизация Картинок


  • Please log in to reply
12 replies to this topic

#1 Андрій

Андрій
  • Пользователь
  • 12 сообщений

Posted 15.02.2017 - 19:16

Для поисковиков очень важен фактор скорости загрузки страници

Когда движок обрезает картинки товара то они очень не оптимизировани


jpegtran optimize JPEG images
optipng lossless PNG optimization
pngquant lossy PNG optimization

Как можно прикрутить єтот софт к движку

#2 Noxter

Noxter

    Simpla Developer

  • Фрилансер
  • 7 122 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Posted 15.02.2017 - 19:27

Как можно прикрутить єтот софт к движку

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

#3 bananovsv

bananovsv
  • Пользователь
  • 147 сообщений

Posted 15.02.2017 - 23:38

Noxter, а какой параметр отвечает за качество изображения для imagick? Резкость вижу. А качество — только для gd.



#4 osben

osben
  • Фрилансер
  • 801 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:1.x, 2.x
  • Откуда:UA, RU

Posted 17.02.2017 - 18:22

gd https://github.com/p.../Image.php#L176
imagck https://github.com/p.../Image.php#L378



#5 bananovsv

bananovsv
  • Пользователь
  • 147 сообщений

Posted 18.02.2017 - 13:25

Благодарю, Osben.



#6 Tetra

Tetra
  • Пользователь
  • 37 сообщений
  • Версия CMS:2.x

Posted 19.12.2017 - 17:49

Я сделал проще: каждую картинку при ресайзе прогоняю через jpegoptim. Там 2 строки в код добавить + скомпилировать jpegoptim на хостинге.



#7 a13x

a13x
  • Забаненый
  • 213 сообщений
  • Дизайн, Программирование, Верстка, SEO, Заказчик, Пользователь
  • Версия CMS:2.x
  • Откуда:Москва

Posted 20.12.2017 - 10:59

Для поисковиков очень важен фактор скорости загрузки страници

И как это относится к оптимизации картинки? :lol: Хотя, если у вас оригиналы загружаются тогда конечно стоит оптимизировать. Делать оптимизацию на ресайз смысла нет т.к. выигрыш минимален. Вам надо копать в другую сторону: уменьшение запросов к серверу (объединение библиотек css и js в 1 файл, раздельно конечно), создание спрайта (файл маленьких картинок) по дизайну сайта, подгрузка jquery и других популярных библиотек с облака гугла, загрузка js с атрибутом defer или в конце страницы, ну и скорость сервера на котором всё крутится. Всё это будет в разы действеннее чем вы будете 5% данных на картинках "искать", все остальное это пустая трата времени.

p.s. https://webtask.pro/...mizaciya-saita/ тут полный список всего.


Edited by a13x, 20.12.2017 - 11:05.


#8 mishanya

mishanya
  • Фрилансер
  • 2 566 сообщений
  • Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Ukraine

Posted 22.12.2017 - 12:33

 подгрузка jquery и других популярных библиотек с облака гугла, 

 

и чем по это лучше локального хранения скриптов?



#9 a13x

a13x
  • Забаненый
  • 213 сообщений
  • Дизайн, Программирование, Верстка, SEO, Заказчик, Пользователь
  • Версия CMS:2.x
  • Откуда:Москва

Posted 22.12.2017 - 19:48

и чем по это лучше локального хранения скриптов?

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



#10 Kosjak76

Kosjak76
  • Модератор
  • 3 826 сообщений
  • Программирование
  • Версия CMS:1.x, 2.x
  • Откуда:Харьков, Украина

Posted 22.12.2017 - 19:54

Но, при этом обязательно нужна проверка та то, что библиотека загрузилась.

Иначе могут быть большие проблемы.

Поэтому, локальные скрипты должны быть, и загружаться при проблемах с CDN



#11 a13x

a13x
  • Забаненый
  • 213 сообщений
  • Дизайн, Программирование, Верстка, SEO, Заказчик, Пользователь
  • Версия CMS:2.x
  • Откуда:Москва

Posted 22.12.2017 - 20:36

За всё время было пару раз когда тормозил гугл.

Бибилиотека или загрузится сразу или чуть попозже, если сервак тупит у гугла, но чтобы не загрузилась вобще такого небыло. А так да, проверку было бы неплохо сделать, на всякий случай.


Edited by a13x, 22.12.2017 - 20:36.


#12 Maksclub

Maksclub
  • Фрилансер
  • 1 397 сообщений
  • Дизайн, Программирование, Верстка, Заказчик, Пользователь
  • Версия CMS:2.x
  • Откуда:Москва

Posted 24.12.2017 - 20:09

Я сделал проще: каждую картинку при ресайзе прогоняю через jpegoptim. Там 2 строки в код добавить + скомпилировать jpegoptim на хостинге.

 

В какой момент сжимаете? При нарезке? 

Через библиотеку https://github.com/p...image-optimizer ?

Какая версия php? У меня боевой на 5.3... сейчас перетаскиваю на 7.1... так что пока сделал bash-скрипт и просто прохожусь тупо по паке /products и сжимаю



#13 Noxter

Noxter

    Simpla Developer

  • Фрилансер
  • 7 122 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Posted 24.12.2017 - 20:51

В какой момент сжимаете? При нарезке? 
Через библиотеку https://github.com/p...image-optimizer ?
Какая версия php? У меня боевой на 5.3... сейчас перетаскиваю на 7.1... так что пока сделал bash-скрипт и просто прохожусь тупо по паке /products и сжимаю

Рекомендую https://github.com/c...ska/SimpleImage взял для своего проекта.




0 user(s) are reading this topic

0 пользователей, 0 гостей, 0 скрытых