Điểm:1

một cái gì đó đang "chặn" hình ảnh của tôi tải nhanh hơn đã thử các cấu hình apache, nginx, nội dung tiêu đề bộ đệm, không có gì thay đổi

lá cờ bq

VẤN ĐỀ : hình ảnh trong trang web của tôi mất một chút thời gian để bắt đầu tải... giống như nếu có thứ gì đó đang chặn, nhưng không thể xác định chính xác những gì có thể là nguyên nhân.

PHP 8 / WHM mới nhất

VÍ DỤ TRỰC TIẾP: https://www.stubfeed.com/crypto

NHỮNG GÌ TÔI ĐÃ THỬ [.0A.] : thay đổi công ty lưu trữ web => không thay đổi, có gì đó trong mã web của tôi...

GÌ TÔI ĐÃ THỬ [.0B.] : Đang dùng centos 7 chuyển sang centos 8 => vẫn vậy

TÔI ĐÃ THỬ GÌ [.0C.] : Vô hiệu hóa php-fpm => nó đã giúp ích rất nhiều, nhưng vẫn phải đợi hình ảnh.

GÌ TÔI ĐÃ THỬ [.0D.] : bật hoặc tắt bộ đệm đầu ra => vẫn vậy

TÔI ĐÃ THỬ GÌ [.1.] : hợp nhất tất cả .css và .js của tôi thành ít tệp hơn ( 2.css 2.js thay vì nhiều tệp) // cũng được thêm font-display:swap;

TÔI ĐÃ THỬ GÌ [.2.] : proxy ngược nginx cho apache (bật hoặc tắt => không thay đổi vì cloudflare hoạt động như một CDN...)

NHỮNG GÌ TÔI ĐÃ THỬ [3] : cấu hình apache

Bộ tiêu đề X-XSS-Protection "1; mode=block"
Bộ tiêu đề Strict-Transport-Security "max-age=31536000; includeSubDomains; preload"
Tiêu đề luôn đặt X-Content-Type-Options "nosniff"
Tiêu đề luôn đặt Chính sách người giới thiệu "không có người giới thiệu"
Tiêu đề luôn đặt Quyền-Chính sách "geolocation=(self),midi=(self),sync-xhr=(self),magnetometer=(self),con quay hồi chuyển=(self),fullscreen=(self)"

NHỮNG GÌ TÔI ĐÃ THỬ [4] : Tiêu đề kiểm soát bộ đệm .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>

NHỮNG GÌ TÔI ĐÃ THỬ [5] : chuyển đổi TẤT CẢ CÁC hình ảnh của tôi ở chất lượng webp -60 (với iMageMagick) => nó đã giảm kích thước rất nhiều;) ==>> nhưng vẫn không khắc phục được sự cố.

NHỮNG GÌ TÔI ĐÃ THỬ [6] : trong bảng điều khiển google chrome => "tải lại cứng bộ đệm rỗng" => có vẻ tải nhanh hơn bình thường ???

NHỮNG GÌ TÔI ĐÃ THỬ [7] : vào bảng điều khiển google chrome => tab mạng => thấy load từ cache nhưng sao bằng mắt thường thì thấy menu rất nhanh còn các hình khác nó chờ 1 2s mới hiện

NHỮNG GÌ TÔI ĐÃ THỬ [8] : thêm quy tắc trang trong cloudflare https://www.stubfeed.com/media/* Bộ đệm ẩn trình duyệt TTL: một năm, Cấp độ bộ đệm ẩn: Bộ đệm ẩn mọi thứ, Bộ đệm ẩn cạnh TTL: 14 ngày, Áo giáp đánh lừa bộ đệm ẩn: Bật, Kiểm soát bộ đệm gốc: Bật

NHỮNG GÌ TÔI ĐÃ THỬ [9] : Tải 4, 6, 9, 23 hình ảnh => vẫn như vậy, vẫn : những gì tôi nhìn thấy bằng mắt thường (đợi 1 giây, sau đó hình ảnh xuất hiện....) [người kiểm tra tốc độ nói .. .]

NHỮNG GÌ TÔI ĐÃ THỬ [10] : nhân viên dịch vụ với bộ nhớ đệm hoàn toàn sai... => Tôi đã tắt nó đi vì kiểm tra từ bộ đệm trước đó chậm hơn rất nhiều... :( bạn có thể thấy nó ở đó: https://www.stubfeed.com/ws.js?v=202108000021 (trong mảng có thể lưu trong bộ nhớ cache, tôi đã thêm webb, nhưng tôi đã xóa nó ...)

KẾT QUẢ VỚI TẤT CẢ NHỮNG THỬ NGHIỆM ĐÓ : menu, .css, .js ==>> rất nhanh và tức thời... nhưng vẫn có hình ảnh sau 1 (đôi khi là 2) giây...

bạn có thể xem một báo cáo ở đây: https://gtmetrix.com/reports/www.stubfeed.com/4MGVqAFv/

nhập mô tả hình ảnh ở đây nhập mô tả hình ảnh ở đây

curl -I https://www.stubfeed.com/media/feed/2021/08/02/14463960829226.webp

HTTP/2 200 
ngày: Thứ Hai, ngày 02 tháng 8 năm 2021 02:13:44 GMT
loại nội dung: hình ảnh/webp
độ dài nội dung: 78296
tùy chọn loại nội dung x: nosniff
chính sách giới thiệu: không giới thiệu
chính sách quyền: định vị địa lý=(self),midi=(self),sync-xhr=(self),magnetometer=(self),con quay hồi chuyển=(self),fullscreen=(self)
sửa đổi lần cuối: Thứ Hai, ngày 02 tháng 8 năm 2021 01:40:11 GMT
khác nhau: Mã hóa chấp nhận
x-xss-bảo vệ: 1; chế độ = khối
bảo mật vận chuyển nghiêm ngặt: max-age=15552000; bao gồm tên miền phụ; tải trước
kiểm soát bộ đệm: công khai, tuổi tối đa=31536000
cf-cache-status: HIT
tuổi: 1483
phạm vi chấp nhận: byte
mong đợi-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}
máy chủ: đám mây
cf-ray: 6783c9ea7f3c4bd1-YUL
alt-svc: h3-27=":443"; ma=86400, h3-28=":443"; ma=86400, h3-29=":443"; ma=86400, h3=":443"; ma=86400
djdomi avatar
lá cờ za
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.stubfeed.com%2F tiền điện tử cho biết thang điểm 95 là tuyệt vời?
lá cờ bq
@djdomi thật tuyệt;) nhưng làm thế nào điều này có thể khác khi bạn làm điều đó từ phía bạn so với làm điều tương tự từ phía tôi với kết quả khác nhau? Ngoài ra, bằng cách kiểm tra những lần thử tôi đã thực hiện, bạn có biết liệu có thể cải thiện điều gì không?
djdomi avatar
lá cờ za
Internet của tôi có 1gbit, còn của bạn thì sao? :P
lá cờ bq
@djdomi 77 Mb / giây
lá cờ bq
@djdomi hóa ra có nhiều yếu tố, 1 => hình ảnh của tôi nằm trong filebase.com (giải pháp lưu trữ đối tượng phi tập trung tốt) không phải là vấn đề 2 => nhà cung cấp internet của tôi có bộ đệm hoặc TTL (hoặc không chắc chắn về thuật ngữ phù hợp để sử dụng ) rất cao và trong khi tải cao, bộ cân bằng tải filebase.com khởi động và cung cấp ip mới.... nhà cung cấp internet của tôi trỏ tới ip cũ trong quá trình cân bằng tải đó.... 3 => xem câu trả lời của tôi mà tôi đang chờ đợi tải trang để thực hiện lệnh gọi ajax (đó là trình chặn)... Tôi đang sử dụng php nên tôi đã bao gồm thay vì lệnh gọi ajax...
Điểm:2
lá cờ bq

Sau khi đào sâu hơn, tôi đã tìm thấy nó.

Đó là "các bước" tôi đã có... tải trang sau đó ajax...

Tôi đã suy nghĩ lại và thực hiện thêm.

Tôi cũng định hình lại ajax của mình thành không đồng bộ đang chờ

    hàm async 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); // nếu bạn cần gửi 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)); }
            
        đang đợi tìm nạp(phphat+"?pcache="+pcache+"&fetchx="+pcache, {
          phương pháp: "POST", nội dung: JSON.stringify(Object.assign({}, postix)), tiêu đề: {"Content-type": "application/json; charset=UTF-8"}
        }).then( phản hồi => { return response.text(); }).then( html => { 
            chuyển đổi ( treo ) {
                trường hợp 'chắp thêm' : $("#"+divid+"_message").append(extraforml+html); nghỉ;
                trường hợp 'prepend' : $("#"+divid+"_message").prepend(extraforml+html); nghỉ;
                mặc định : $("#"+divid+"_message").html(extraforml+html); nghỉ;
            }
        }).catch( err => console.log(err) );
          
    }

sau này có thể được gọi như thế này

stubajax('id','...php',{'somevar1':'xin chào'});

// (khi đạt 100% cho mỗi chủ đề trên lighthouse, họ đã thêm hoạt ảnh pháo hoa)

nhập mô tả hình ảnh ở đây

Đăng câu trả lời

Hầu hết mọi người không hiểu rằng việc đặt nhiều câu hỏi sẽ mở ra cơ hội học hỏi và cải thiện mối quan hệ giữa các cá nhân. Ví dụ, trong các nghiên cứu của Alison, mặc dù mọi người có thể nhớ chính xác có bao nhiêu câu hỏi đã được đặt ra trong các cuộc trò chuyện của họ, nhưng họ không trực giác nhận ra mối liên hệ giữa câu hỏi và sự yêu thích. Qua bốn nghiên cứu, trong đó những người tham gia tự tham gia vào các cuộc trò chuyện hoặc đọc bản ghi lại các cuộc trò chuyện của người khác, mọi người có xu hướng không nhận ra rằng việc đặt câu hỏi sẽ ảnh hưởng—hoặc đã ảnh hưởng—mức độ thân thiện giữa những người đối thoại.