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


Фото
- - - - -

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


  • Чтобы отвечать, сперва войдите на форум
12 ответов в теме

#1 Андрій

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

Опубликовано 15.02.2017 - 19:16

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

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


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

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

#2 Noxter

Noxter

    Simpla Developer

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

Опубликовано 15.02.2017 - 19:27

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

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

#3 bananovsv

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

Опубликовано 15.02.2017 - 23:38

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



#4 osben

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

Опубликовано 17.02.2017 - 18:22

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



#5 bananovsv

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

Опубликовано 18.02.2017 - 13:25

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



#6 Tetra

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

Опубликовано 19.12.2017 - 17:49

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



#7 a13x

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

Опубликовано 20.12.2017 - 10:59

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

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

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


Изменено: a13x, 20.12.2017 - 11:05


#8 mishanya

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

Опубликовано 22.12.2017 - 12:33

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

 

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



#9 a13x

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

Опубликовано 22.12.2017 - 19:48

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

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



#10 Kosjak76

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

Опубликовано 22.12.2017 - 19:54

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

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

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



#11 a13x

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

Опубликовано 22.12.2017 - 20:36

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

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


Изменено: a13x, 22.12.2017 - 20:36


#12 Maksclub

Maksclub

    Помогаю с Симплой и c PHP

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

Опубликовано 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

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

Опубликовано 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 пользователей читают эту тему

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