Разработчикам

Форум

BitrixVM, nginx, подмена jpg/png на webp, Nginx не замечает правила переадресации в конфиге

Пользователь 346607

Заглянувший

Сообщений: 11 Баллов: 2 Регистрация: 08.06.2015

#11

28.01.2019 17:15:19

Цитата

Алексей Шафранский написал:

Цитата
akazakov написал: Слишком много плясок с пересборкой nginx с модулем ngx_pagespeedИ еще не известно будет ли потом обновляться nginx в составе с BitrixVM, надо тестить...

nginx будет обновляться с обновлением машины. И его пересборка с любым модулем будет затерта, если конфиги добавите - то и не перезапуститься(

Может обсудите там на очередной планерке включение ngx_pagespeed в состав стандартной BitrixVM?
По умолчанию можно сделать отключенной, и включать через menu.sh
Или хотя бы добавить в скрипт установщика возможность сборки с этим модулем через флаг типа --enable-pagespeed?

Фишка очень нужная и актуальная в современном вебе

P.S. Исправьте пожалуйста опечатку в названии темы. Только сейчас заметил

Пользователь 57829 Гуру Сообщений: 3754 Баллов: 320 Регистрация: 17.02.2010	#12 0 28.01.2019 17:45:51 akazakov, я собрал https://dev.1c-bitrix.ru/community/forums/messages/forum32/topic112215/message572529/#message572529 Особого профита не увидел. Карточка партнера Наш сайт

Алексей Шафранский

Администратор

Сообщений: 1108 Баллов: 214 Регистрация: 28.07.2008

#13

29.01.2019 18:15:14

Цитата
akazakov написал: Может обсудите там на очередной планерке включение ngx_pagespeed в состав стандартной BitrixVM?По умолчанию можно сделать отключенной, и включать через menu.sh

Тикет у нас есть. В нем один запрос на эту фичу, и вот ваш, второй) Поднял вопрос, спросил разработку.

Цитата
akazakov написал: Или хотя бы добавить в скрипт установщика возможность сборки с этим модулем через флаг типа --enable-pagespeed?

Слишком сложно) Если и делать, то сразу собирать nginx вместе с ним. Включать или нет - через меню каждый решит сам. Кроме включения там еще настроить надо, и тут уже сложней. И насколько знаю, не все модули с ним работают корректно: ошибки вида ломаются формы, попапы не отвечают и т.д.

Пользователь 346607

Заглянувший

Сообщений: 11 Баллов: 2 Регистрация: 08.06.2015

#14

01.02.2019 15:55:29

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

После настройки nginx на отдачу webp, обязательно ОТКЛЮЧИТЕ Bitrix CND для картинок!!!

CND битрикса отправляет запросы на ваш сайт с неверными заголовками, и забирает webp графику.
Но когда отдаёт её, не проверяет заголовки.
По этому поводу я писал в ТП, но там меня отфутболили. Может кто нибудь создать запрос в https://idea.1c-bitrix.ru и скинуть ссылку сюда? А то мне лень)
А все остальные уже проголосуют за идею и попробуем протолкнуть реализацию этого функционала.

Скрытый текст
------------------------------------

Пользователь 80740

Постоянный посетитель

Сообщений: 98 Баллов: 17 Регистрация: 13.01.2011

#15

14.02.2019 16:58:51

Цитата
- Самописный скрипт который обходит папку upload и конвертирует имеющиеся картинки в формат webp и кладёт рядом (image.jpg и image.jpg.webp лежат рядом)

скриптом не поделитесь?
спасибо

Пользователь 1347653 Заглянувший Сообщений: 22 Баллов: 2 Регистрация: 15.09.2017	#16 0 14.02.2019 17:51:19 Мне так и не удалось на VM заставить подхватывать альтернативы в случае их наличия

Пользователь 2922621

Заглянувший

Сообщений: 1 Регистрация: 13.02.2019

#17

18.02.2019 18:41:18

Цитата
akazakov написал: set $webp_suffix ""; if ($http_accept ~* "webp") { set $webp_suffix ".webp"; } location ~* \.(jpeg\|jpg\|png)$ { add_header Vary "Accept-Encoding"; try_files $uri$webp_suffix $uri $uri/ =404; expires -1; }

Чтоб заработал CDN нужно поменять как выделил жирным. Проверил на CloudFlare - просто перестает кешировать картинки. Каждому браузеру отдает каждый раз не из кеша CDN, а с nginx сервера. Но в Cloudflare можно выставить для кеширования Respect Existing Headers. Тогда он будет учитывать заданные настройки кеширования для объектов. Как там в CDN (учитывает или перезаписывает) не в курсе. Кто может - проверьте. Пропишите, вычистите кеш на CDN. Зайдите на какую-то внутреннюю страницу сайта сначала с Chrome, потом на эту же с Safari. Хочу отметить, что картинки кешироваться на CDN не будут при это. Но этот костыль позволит оставить CDN как услугу в целом для всего остального контента.

Причем PageSpeed Insights считает что кеш прописан (тут речь о кеше в браузере). Видимо срабатывает директива ниже
я там изменил
location ~* \.(css|js|gif|png|jpg|jpeg|ico|ogg|ttf|woff|eot|otf)$
на
location ~* \.(css|js|webp|gif|png|jpg|jpeg|ico|ogg|ttf|woff|eot|otf)$

Пользователь 261039

Заглянувший

Сообщений: 4 Регистрация: 18.07.2014

#18

27.02.2019 19:26:47

Цитата
akazakov написал: set $webp_suffix ""; if ($http_accept ~* "webp") { set $webp_suffix ".webp"; } location ~* \.(jpeg\|jpg\|png)$ { add_header Vary "Accept-Encoding"; try_files $uri$webp_suffix $uri $uri/ =404; #expires 30d; }

CDN выключен, всё перепробовал, не получается подмена.

Вижу Response headers: "vary: Accept-Encoding", но картинка грузиться с расширением .png, а не .webp

Подскажите пожалуйста что делать?

Пользователь 346607

Заглянувший

Сообщений: 11 Баллов: 2 Регистрация: 08.06.2015

#19

27.02.2019 19:51:36

Цитата

Иван Леонов написал:

Цитата
akazakov написал: set $webp_suffix ""; if ($http_accept ~* "webp") { set $webp_suffix ".webp"; } location ~* \.(jpeg\|jpg\|png)$ { add_header Vary "Accept-Encoding"; try_files $uri$webp_suffix $uri $uri/ =404; #expires 30d; }

Так в том то и смысл, что расширение остаётся тоже, но сам контент подменяется.
Смотрите в DevTools во вкладке Network колонку Type. Должно показывать webp, если конечно у файлов есть рядом лежащие .webp копии

Пользователь 1215547

Посетитель

Сообщений: 29 Баллов: 5 Регистрация: 10.07.2017

#20

05.04.2019 21:42:59

Цитата

akazakov написал:

Цитата

Иван Леонов написал:

Цитата
akazakov написал: set $webp_suffix ""; if ($http_accept ~* "webp") { set $webp_suffix ".webp"; } location ~* \.(jpeg\|jpg\|png)$ { add_header Vary "Accept-Encoding"; try_files $uri$webp_suffix $uri $uri/ =404; #expires 30d; }

Здравствуйте! Такая же ситуация. Type везде jpeg... Если не сложно, прикрепите полное содержание файла /etc/nginx/bx/conf/bitrix_general.conf. Заранее спасибо!

Обновление

Получилось) Делюсь опытом. Вот что у меня сработало:

Скрипт .sh. Пригодится тем, у кого уже куча картинок в папке upload. Настройки сжатия можно выставить самостоятельно. Можно конечно и cron использовать.

Скрытый текст

Внес изменения в файл /etc/nginx/bx/site_avaliable/bx_ext_ssl_vashsite.ru.conf / выделил красным новые строчки

Полное содержание файла

Скрытый текст

# Ansible managed
#########################################################
# configuration for https-site:
# site_name: vashsite.ru
# site_root: /home/bitrix/ext_www/vashsite.ru
# site_composite: enable
# site_composite_id: 05
# site_composite_var: $is_site_composite_05
# site_composite_storage: files
# web_cluster: disable
##########################################################

server {
listen 443 http2;
server_name www.vashsite.ru;
return 301 $scheme://vashsite.ru$request_uri;

include bx/conf/site3.bx_ssl.conf;
}

server {
listen 443 http2;
server_name vashsite.ru;
location ~* ^.+\.(jpg|jpeg|gif|png|svg|js|css|woff2|webp)$ {
if ( $http_accept ~* webp ) {
set $webp "A";
}

if ( $request_filename ~ (.+)\.(png|jpe?g)$ ) {
set $file_without_ext $1;
}

if ( -f $file_without_ext.webp ) {
set $webp "${webp}E";
}

if ( $webp = AE ) {
add_header Vary Accept;
rewrite ^(.+)\.(png|jpe?g)$ $1.webp break;
}

#Кеш - на ваше усмотрение
expires 365d;
}

access_log /var/log/nginx/vashsite.ru_access.log main;
error_log /var/log/nginx/vashsite.ru_error.log warn;
# Enable SSL connection
include bx/conf/site3.bx_ssl.conf;

set $docroot "/home/bitrix/ext_www/vashsite.ru ";
root "/home/bitrix/ext_www/vashsite.ru ";
proxy_ignore_client_abort off;
index index.php;
server_name_in_redirect off;

set $proxyserver "http://127.0.0.1:8887";
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $host:443;
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Scheme $scheme;
proxy_set_header HTTPS YES;

if ($request_uri ~* "^(.*/)index\.php$") { return 301 https://$host$1; }
if ($request_uri ~* "^(.*/)index\.html$") { return 301 https://$host$1; }

set $imcontenttype "text/html; charset=utf-8";
add_header X-Frame-Options SAMEORIGIN;
# composite variables
set $composite_cache "bitrix/html_pages/${host}${composite_key}/index@${args}.html";
set $composite_file "${docroot}/${composite_cache}";
# config file
set $composite_enabled "${docroot}/bitrix/html_pages/.enabled";
# if test pass through general tests:
set $use_composite_cache "";
# global site test, the same for all sites on the server
if ($is_global_composite = 1) {set $use_composite_cache "A";}
# personal site tests, generated by site config
if ($is_site_composite_05 = 1) {set $use_composite_cache "${use_composite_cache}B";}

# Include parameters common to all websites
include bx/conf/bitrix_general.conf;

# main location with processing composite
location / {
if (-f $composite_enabled) { se t $use_composite_cache "${use_composite_cache}C"; }
# test cache file exists
if (-f $composite_file) { se t $use_composite_cache "${use_composite_cache}D"; }

if ($use_composite_cache = "ABCD") { rewrite .* /$composite_cache last; }
proxy_pass $proxyserver;
}

# Include munin and nagios web
include bx/server_monitor.conf;
}

Я так понимаю, что при очередном обновлении bitrix vm настройки не должны слететь. Или я не прав?)

Форум

Центр поддержки

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером