libwebp

никакого гитхаб, я с оф реп ставил

оооок

apt install --no-install-recommends webp

еее

pagespeed делает это без лишних рук и по умолчанию

а руками лучше через imagemagick

pagespeed делает это без лишних рук и по умолчанию

да), я в курсе))

https://habrahabr.ru/post/339896/

Вот моя статейка как его собрать этот пейджспид)

таки шо? фото быстрей грузятся?

А ещё пейджспид очень много чего делает)), и втом числе плохого

к примеру с пейджспид не работает ответ сервера 304

отключать все, включать с мозгом

это очень критично для меня

все работает

отключать все, включать с мозгом

304 не запашет

все работает

пруфы

верю что может я не осилил, но покажи как осилил ты

таки шо? фото быстрей грузятся?

все работает

меня интересует чтобы дата модификации страницы им не затиралась и при этом он корректно работал

таки шо? фото быстрей грузятся?

с пейджспидом или ручками?

ваще после перехода

ваще после перехода

да и так и так быстро

но без пейджспидла быстрее

хотя настраивать всё чуть геморнее

чет не понял, с этим форматом webp, бытрей сайт грузится?

чет не понял, с этим форматом webp, бытрей сайт грузится?

быстрее картинки скачиваются, они ведь весят меньше

ну логично же

Г - логика

спс

надо попробовать

Суть в том что там картинки в нём мало весят, но браузеры не все его держат, так вот я сжал все фотки на сайте в этот формат, но оригиналы не удалял и проверяю есть ли у браузера поддержка этого формата, если есть даю ему его если нет оригиналы)

"и проверяю есть ли у браузера поддержка этого формата" всмысл на бекенде проверка идет? А как же тег <picture> ? https://caniuse.com/#search=picture https://www.w3schools.com/tags/tag_picture.asp https://css-tricks.com/using-webp-images/ В нем браузер сам решает какой формат и кокай размер стоит загрузить

ага, особенно хорошо в css тег picture идет

в background-image

"и проверяю есть ли у браузера поддержка этого формата" всмысл на бекенде проверка идет? А как же тег <picture> ? https://caniuse.com/#search=picture https://www.w3schools.com/tags/tag_picture.asp https://css-tricks.com/using-webp-images/ В нем браузер сам решает какой формат и кокай размер стоит загрузить

проверяю на уровне nginx

по заголовкам

да я понял , просто picture кажется логичней

ну и opera mini не держит picture

а webp держит

opera mini почти ничего не поддерживает

и с picture вы захламляете разметку

да я понял , просто picture кажется логичней

если честно мне логичным это не кажется

+ прийдётся менять сайт

и теряете возможность по одному адресу отдавать разный контент

а тут я просто не большой надстройкой сервера всё решаю

по .jpg отдавать webp для тех, кто кушает

т.к. все равно тогда сделаете конфиг нгинкса

по .jpg отдавать webp для тех, кто кушает

+

и вопрос — а нафиг было добавлять picture?

если пришли к тому же

если пришли к тому же

причём в твоём и моём варианте пришли по пути наименьшего сопротивления

а тут я просто не большой надстройкой сервера всё решаю

наверно кому что ближе - то и проще кажется)

наверно кому что ближе - то и проще кажется)

представь что у тебя готовый проект, с кучей страниц

и внедрить то что предлагаешь ты будет не просто

наверно кому что ближе - то и проще кажется)

все джпеги в вебпи вы конвертить будете еще и рядышком складывать?

согласен

а то что делаю я можно внедрить прямо на живую, даже не тестируя на дев сервере

и за буквально полчаса

вот не надо про не тестируя)

вот не надо про не тестируя)

а что в моём случае тестировать)

изменений на сайте и в бекенде нет, просто появились новые ужатые фотки

все джпеги в вебпи вы конвертить будете еще и рядышком складывать?

вы предлогаете каждый раз из заново конвертировать?

вы предлогаете каждый раз из заново конвертировать?

нет конечно

на сервере хранится и оригинал и кэшированная лёгкая копия

вы предлогаете каждый раз из заново конвертировать?

я предлагаю сервить на лету из кеша нгинкса, если он есть

я предлагаю сервить на лету из кеша нгинкса, если он есть

у меня только не из кэша nginx

но и оттуда покатит

вообще о фронт-оптимизации битрикса можно посмотреть https://www.youtube.com/watch?v=-D6LHUQQBRI

полезно

спасибо. довольно годный доклад. Решение на nginx для форматов звучит действительно лучше, только осталось не понятно - что делать с разрешениями? в <picture> можно указать варианты планшетов/мобил + отдельный сет для ретины. nginx тоже об этом может позаботиться?

Да

спасибо. довольно годный доклад. Решение на nginx для форматов звучит действительно лучше, только осталось не понятно - что делать с разрешениями? в <picture> можно указать варианты планшетов/мобил + отдельный сет для ретины. nginx тоже об этом может позаботиться?

ну в докладе указано использование ngx_pagespeed, а он этим вопросом занимается без проблем.

Конкретно я это делаю без него на стороне nginx

А ктонибудь решал задачу по отдаче фоток с битрикса по разным доменам, вернее по поддоменам сайта. То есть по сути cdn, но который бы просто менял адрес сайта добавляя к нему рандомный поддомен.

это как раз Денис и рассказывал

cdn1 .. cdn6

у нас так

я уловил про это

CDN для бедных)

но он ведь не сказал как это сделать)

ага)

c DNS-префетчем

это ведь на php надо мутить

c DNS-префетчем

вот с этим я и не понял

https://dev.chromium.org/developers/design-documents/dns-prefetching

c DNS-префетчем

не ну это для быстрого резолва имён

это когда мы на странице скрыто для пользователя дергаем внешние ресурсы

https://dev.chromium.org/developers/design-documents/dns-prefetching

это не то

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

это когда мы на странице скрыто для пользователя дергаем внешние ресурсы

да

это не то

это оно и есть

а я спрашиваю про то как засатвить на странице генериться адреса с поддоменами

<link rel="dns-prefetch" href="//host_name_to_prefetch.com">

у картинки

это я дальше пошел просто

да

ща код найду скину

ну дальше не надо, тут бы с этим сначала)