Ускорю загрузку сайта в 2 раза

За счет продвинутого формата графики WEBP

#1 27 апреля 2020 в 14:18
Здравствуйте.

Чем хорош формат WebP? Согласно исследованию, WebP-версия для файла JPG будет иметь до 34% меньший размер, чем исходный JPEG-файл. И до 45% меньше, чем PNG-изображение — без потери качества.

Ваш cайт начнет открываться быстрее почти в 2 раза! Я готов настроить его таким образом, чтобы:

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

Данная схема очень удобна, так как не позволит нарушить дизайн сайта если браузер пользователя не поддерживает webp!

В стоимость входит конвертация всей Вашей графики в формат webp. В будущем Вам достаточно лишь рядом с оригиналом картинки расположить её аналог в формате webp.Так же Вы можете заказать доп. опцию для размещения на сайте скрипта, который периодически конвертирует новые картинки, без ручного вмешательства.

Стоимость 500 руб

Для заказа пишите в ЛС
Прикрепленный файл
50_tst18.png 1 Мб
#2 27 апреля 2020 в 14:19
сколько стоит?
#3 27 апреля 2020 в 14:19
Андрей, забыли цену обозначить
#4 27 апреля 2020 в 14:22
AndroS
Обновил информацию
#5 27 апреля 2020 в 20:42
так это компонент или вы просто меняете формат картинок "онлайн"?
#6 27 апреля 2020 в 21:08

просто меняете формат картинок "онлайн"?

Capitan
Онлайн конвертер работает небыстро.
Скорее всего, папка upload будет дополнена копиями имеющихся файлов в формате webp. Что, соответственно, увеличит объем папки upload на 75%.
Мысль следующая: для статичных сайтов (статейники, магазины, лендинги), где минимальная активность пользователей, это решение даст кое-какое ускорение загрузки страниц.
На сайтах, где постоянно что-то происходит, где пользователи постоянно что-то добавляют — ускорение будет на уровне погрешности. Всё равно всё упрется в выборку из базы данных.
#7 27 апреля 2020 в 23:33
Так может стоит тогда подумать как данный формат встроить в систему
#8 27 апреля 2020 в 23:44

Так может стоит тогда подумать как данный формат встроить в систему

Capitan
Он уже встроен в систему.
InstantCMS поддерживает загрузку изображений в формате webp.
Просто оформляйте статьи на сайте картинками в этом формате.
#9 28 апреля 2020 в 07:22
Андрей, думаю, вашу услугу вам нужно в компоненте реализовать, при установке которого имеющиеся изображения переконвертируются в webp, а новые будут параллельно таковыми становится при загрузке в любом формате
#10 28 апреля 2020 в 09:26

Ваш cайт начнет открываться быстрее почти в 2 раза!

Андрей
А замеры на реальном сайте делали?

В будущем Вам достаточно лишь рядом с оригиналом картинки расположить её аналог в формате webp.

Андрей
Каков механизм "расположить её аналог "?
#11 28 апреля 2020 в 10:57


Ваш cайт начнет открываться быстрее почти в 2 раза!

Андрей
А замеры на реальном сайте делали?

В будущем Вам достаточно лишь рядом с оригиналом картинки расположить её аналог в формате webp.

Андрей
Каков механизм "расположить её аналог "?

@IamB
Изображение изображению рознь! Для оптимизации сайта пробовал ужимать PNG в формат jpeg 2000 и в просто PNG, но ужатый сервисом tinypng.com/. Изображение весом в 1,112 мб jpeg 2000 получилось 79 кб, а ужатое сервисом в 29 кб. Как-то так.
Что это дает? Аксиома — чем меньше вес изображения, тем быстрее грузится сайт. А это ранжируется поисковиками как более доступный и оптимальный.
#12 28 апреля 2020 в 11:21
vikont, вы открыли мне глаза. Рассуждения не интересуют. У вас у самого цифры есть во сколько раз изменилась скорость загрузки страницы?
#13 28 апреля 2020 в 12:08
Все сайты разные. У кого-то по мимо неоптимизированной графики есть куча всего другого что влияет на скорость больше чем размер картинок на сайте. Решение заключается в правке конфигурации nginx или apache, и последующей конвертации рядом копии в webp. Я же предлагаю наиболее простое и прозрачное решение, без усложнения процесса и дальнейшего ручного вмешательства.

Еще очень важно — не 100% браузеров поддерживают формат, поэтому не достаточно хранить все картинки только в этом формате ибо у кого-то весь дизайн может съехать. Нужно хранить оба формата. Да, место занимаемое вырастет (очевидно), но в пользу скорости загрузки каждой этой картинки.

К оптимизации скорости загрузки сайта нужно подходит комплексно. А это один комплексов, который не каждый может реализовать у себя самостоятельно!
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.