SCCapstone / hackstreetboys

https://fridger.recipes
1 stars 0 forks source link

Sometimes some of the icons go missing #249

Closed josemvidal closed 2 years ago

josemvidal commented 2 years ago

these two mostly:

image
afrederiksen commented 2 years ago

@josemvidal

We haven't experienced this issue, I'd like to replicate this issue if possible. I even moved the hamburger icon to a specific local image asset which is (https://github.com/SCCapstone/hackstreetboys/pull/222/commits/72f4a0ea42983ae470834e33c66545ae5ec61393).

Do you use any font blockers? Do you use any VPN or proxy clients? Are there any extensions that could interfere with icon loading? Has this been an issue for any other group? Does your chromium developer network log show any blocked assets? If so, what error does it give?

I've personally had issues using VPNs on some icon libraries such as Font Awesome which are blocked. I've even tried using the brave browser with its standard settings and it didn't seem to have that issue in my testing.

Thanks!

afrederiksen commented 2 years ago

I believe this is a menu object GET from your session. It seems to return a 304 error aka a cache response. I used the browser engine version (chromium) and MacOS version (Catalina) to use an emulator which has the following screenshots for various browser types (not including Brave... but Chrome... same engine though.) https://links.lambdatest.com/2BUPX6VCW0VJMRDYF3Y9MI4M7F2DERWZX2H9CYV16GB9DD6EAT1IZOK9515PF4LJ { "protoPayload": { "@type": "type.googleapis.com/google.appengine.logging.v1.RequestLog", "appId": "p~fridger-341507", "versionId": "20220406t183824", "requestId": "624e254300ff05c5f6eb0ff2ea0001707e667269646765722d3334313530370001323032323034303674313833383234000100", "ip": "172.70.34.151", cloudflare edge "startTime": "2022-04-06T23:42:05.384370Z", "endTime": "2022-04-06T23:42:05.385220Z", "latency": "0.000850s", "method": "GET", "resource": "/static/media/menu.204bf5ed.svg", "httpVersion": "HTTP/1.1", "status": 304, "responseSize": "241", "referrer": "https://fridger.recipes/", "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.60 Safari/537.36", "host": "fridger.recipes", "instanceIndex": -1, "finished": true, "appEngineRelease": "1.9.71", "traceId": "89b520941ec94742f51b41c7f9ec0e40", "first": true }, "insertId": "624e254d0006bab8dce314de", "httpRequest": { "status": 304 }, "resource": { "type": "gae_app", "labels": { "version_id": "20220406t183824", "module_id": "default", "project_id": "fridger-341507", "zone": "us-east1-4" } }, "timestamp": "2022-04-06T23:42:05.384370Z", "labels": { "clone_id": "" }, "logName": "projects/fridger-341507/logs/appengine.googleapis.com%2Frequest_log", "operation": { "id": "624e254300ff05c5f6eb0ff2ea0001707e667269646765722d3334313530370001323032323034303674313833383234000100", "producer": "appengine.googleapis.com/request_id", "first": true, "last": true }, "trace": "projects/fridger-341507/traces/89b520941ec94742f51b41c7f9ec0e40", "receiveTimestamp": "2022-04-06T23:42:05.445779502Z" } These are all the other requests for that menu (hamburger icon) during the timespan of this issue image

I'm unable to replicate this issue but will look into mitigating it by perhaps using alt text on the icons.