Регистрация Войти
Рейтинг:1
avatar Server

что-то «блокирует» мои изображения от более быстрой загрузки, пробовал конфигурации apache, nginx, заголовки кеша, ничего не меняется

флаг bq
Jintor

ПРОБЛЕМА : изображения на моем сайте загружаются немного... как будто что-то блокирует, но не могу определить что может быть причиной.

PHP 8 / последний WHM

ЖИВОЙ ПРИМЕР: https://www.stubfeed.com/crypto

ЧТО Я ПРОБОВАЛ [.0A.] : смена хостинговой компании => без изменений, что-то в моем веб-коде...

ЧТО Я ПРОБЫВАЛ [.0B.] : я был с centos 7 и перешел на centos 8 => все тот же

ЧТО Я ПРОБОВАЛ [.0C.] : Отключение php-fpm => очень помогло, но ожидание изображений все равно есть.

ЧТО Я ПРОБОВАЛ [.0D.] : выходные буферы включены или выключены => все то же самое

ЧТО Я ПРОБЫЛ [.1.]: объединить все мои .css и .js в меньшем количестве файлов (2.css 2.js вместо нескольких) // также добавлено font-display:swap;

ЧТО Я ПРОБЫВАЛ [.2.]: обратный прокси-сервер nginx для apache (вкл. или выкл. => без изменений, так как cloudflare действует как CDN...)

ЧТО Я ПРОБЫВАЛ [3]: конфигурации apache

Заголовок установил X-XSS-Protection "1; режим=блок"
Набор заголовков Strict-Transport-Security "max-age=31536000; includeSubDomains; preload"
Заголовок всегда устанавливает X-Content-Type-Options "nosniff"
Заголовок всегда устанавливает Referrer-Policy "no-referrer"
Заголовок всегда устанавливает политику разрешений "geolocation=(self),midi=(self),sync-xhr=(self),magnetometer=(self),gyroscope=(self),fullscreen=(self)"

ЧТО Я ПРОБЫВАЛ [4]: ​​заголовки управления кешем .htaccess

<IfModule mod_headers.c>
    ExpiresActive On
    <FilesMatch “\.(webp|webm|flv|ico|pdf|avi|mov|mp4|m4v|m4a|ppt|doc|mp3|wmv|wav|gif|jpg|jpeg|png|apng|swf|css|js|otf|ttf|woff)$">
    Header set Cache-Control "max-age=31536000, public"
    </FilesMatch>
</IfModule>

ЧТО Я ПРОБОВАЛ [5]: преобразовать ВСЕ мои изображения в webp -качество 60 (с iMageMagick) => это сильно уменьшило размер;) ==>> но все еще не решило проблему.

ЧТО Я ПРОБЫВАЛ [6]: в консоли Google Chrome => «жесткая перезагрузка пустого кеша» => кажется, что нормальная загрузка быстрее ???

ЧТО Я ПРОБЫВАЛ [7]: в консоли google chrome => вкладка сети => я вижу, что загружено из кеша, но каким-то образом глазами я вижу меню очень быстро, но все остальные изображения ждут 1 или 2 секунды, прежде чем появиться

ЧТО Я ПРОБЫВАЛ [8]: добавить правило страницы в cloudflare https://www.stubfeed.com/media/* Срок жизни кэша браузера: год, Уровень кэша: Кэш всего, Срок жизни кэша Edge: 14 дней, Броня обмана кэша: Вкл., Управление кэшем Origin: Вкл.

ЧТО Я ПРОБЫЛ [9]: загрузить 4, 6, 9, 23 изображения => все то же самое, все еще: то, что я вижу своими глазами (подождите 1 секунду, затем появятся изображения....) [тестеры скорости говорят .. .]

ЧТО Я ПРОБЫЛ [10] : сервисный работник с кэшированием всех эффектов... => Я отключил его, потому что раньше проверка из кеша была ужасно медленной... :( вы можете увидеть это там: https://www.stubfeed.com/ws.js?v=202108000021 (в кешируемом массиве я добавил wepb, но удалил его...)

РЕЗУЛЬТАТ СО ВСЕМИ ЭТИМИ ПОПЫТКАМИ: меню, .css, .js ==>> очень быстро и мгновенно... но неподвижные изображения через 1 (иногда 2) секунды...

отчет можно посмотреть здесь: https://gtmetrix.com/reports/www.stubfeed.com/4MGVqAFv/

введите описание изображения здесь введите описание изображения здесь

завиток -I https://www.stubfeed.com/media/feed/2021/08/02/14463960829226.webp

HTTP/2 200 
дата: пн, 02 августа 2021 г., 02:13:44 по Гринвичу
тип контента: изображение/webp
длина содержимого: 78296
x-content-type-options: nosniff
реферер-политика: без реферера
политика разрешений: геолокация = (я), midi = (я), синхронизация-xhr = (я), магнитометр = (я), гироскоп = (я), полноэкранный режим = (я)
последнее изменение: пн, 02 августа 2021 г., 01:40:11 по Гринвичу
варьироваться: Accept-Encoding
x-xss-защита: 1; режим = блок
строгая транспортная безопасность: max-age=15552000; включать поддомены; предварительная загрузка
кеш-контроль: общедоступный, максимальный возраст = 31536000
cf-кэш-статус: HIT
возраст: 1483 г.
допустимые диапазоны: байты
ожидание-ct: max-age=604800, report-uri="https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct"
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=QawI6BH%2FlcrvvsUxJ6VgTJzwNqvb%2BVqBRo1gbxng6JRggJe9MgZbkWhLtMjmwvwC8yB3SLaoJXT%2BvNZDuLCzya1g8HlxGFbpFMzXB%2F4p%2B9GcIGIZANk% 2FjfvIx0Lu2t07QIsr"}],"group":"cf-nel","max_age":604800}
nel: {"report_to":"cf-nel","max_age":604800}
сервер: клаудфлаер
cf-ray: 6783c9ea7f3c4bd1-YUL
alt-svc: h3-27=":443"; ma=86400, h3-28=":443"; ma=86400, h3-29=":443"; ма=86400, ч3=":443"; ма=86400
100
1 + 5
djdomi avatar
флаг za
djdomi
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.stubfeed.com%2F crypto говорит о масштабе 95, что здорово?
0
Ответить
флаг bq
Jintor
@djdomi мило ;) но чем это может отличаться, когда ты делаешь это со своей стороны и делаешь то же самое с моей стороны с другим результатом? Кроме того, проверив мои попытки, вы знаете, можно ли что-то улучшить?
0
Ответить
djdomi avatar
флаг za
djdomi
у меня интернет 1 гигабит, а у тебя? :П
0
Ответить
флаг bq
Jintor
@djdomi 77 Мбит/с
0
Ответить
флаг bq
Jintor
@djdomi оказалось, что это было связано со многими факторами, 1 => мои изображения находятся в filebase.com (хорошее децентрализованное решение для хранения объектов) не было проблемой 2 => у моего интернет-провайдера есть буфер или TTL (или не уверен, что правильный термин использовать ) очень высокий, и во время высоких нагрузок балансировщики нагрузки filebase.com срабатывают и предоставляют новые ips.... мой интернет-провайдер указывает на старый ip во время этой балансировки нагрузки.... 3 => см. мой ответ, которого я ждал загрузка страницы для выполнения вызова ajax (это был блокировщик)... Я использую php, поэтому я включил вместо вызова ajax...
0
Ответить
Рейтинг:2
avatar Server
флаг bq
Jintor

После более глубокого копания я нашел это.

Это были «шаги», которые у меня были... загрузить страницу, затем ajax...

Я переосмыслил и сделал включение.

Я также изменил свой ajax, чтобы он был асинхронным ожиданием

    асинхронная функция stubajax (divid, phphat, postix = [],pend = 'html') {
    
        var pcache = (Math.floor(Math.random() * 100000000) + 1);
        
        postix["preventcache"] = pcache;
        postix["divid"] = encodeURIComponent(divid);
        postix["mojax_height"] = encodeURIComponent($(window).height());
        postix["mojax_width"] = encodeURIComponent($(window).width());

postix["cookies"] = decodeURIComponent(document.cookie); // если вам нужно отправить куки
        
        for (var i = 0; i < localStorage.length; i++){ postix[localStorage.key(i)] = localStorage.getItem(localStorage.key(i)); }
        for (var i = 0; i < sessionStorage.length; i++){ postix[sessionStorage.key(i)] = sessionStorage.getItem(sessionStorage.key(i)); }
            
        ожидание выборки(phphat+"?pcache="+pcache+"&fetchx="+pcache, {
          метод: "POST", тело: JSON.stringify(Object.assign({}, postix)), заголовки: {"Content-type": "application/json; charset=UTF-8"}
        }).then( response => { return response.text(); }).then( html => { 
            переключение (ожидание) {
                case 'append' : $("#"+divid+"_message").append(extraforml+html); сломать;
                case 'prepend' : $("#"+divid+"_message").prepend(extraforml+html); сломать;
                по умолчанию: $("#"+divid+"_message").html(extraforml+html); сломать;
            }
        }).catch(ошибка => console.log(ошибка));
          
    }

может позже называться так

stubajax('id','...php',{'somevar1':'hello'});

// (при достижении 100% по каждой теме на маяке добавили анимацию фейерверка)

введите описание изображения здесь

0 + 0
флаг Moldova
Admin
Этот вопрос на других языках:

Ответить или комментировать

Большинство людей не понимают, что склонность к познанию нового открывает путь к обучению и улучшает межличностные связи. В исследованиях Элисон, например, хотя люди могли точно вспомнить, сколько вопросов было задано в их разговорах, они не чувствовали интуитивно связи между вопросами и симпатиями. В четырех исследованиях, в которых участники сами участвовали в разговорах или читали стенограммы чужих разговоров, люди, как правило, не осознавали, что задаваемый вопрос повлияет — или повлиял — на уровень дружбы между собеседниками.