webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
732 stars 63 forks source link

homebuildingtimeline.com - Firefox fetches entire embedded Zoomify image on page load #110889

Open sanderdewijs opened 1 year ago

sanderdewijs commented 1 year ago

URL: https://homebuildingtimeline.com

Browser / Version: Firefox 104.0 Operating System: Mac OS X 10.15 Tested Another Browser: Yes Chrome

Problem type: Something else Description: http 206 requests failing Steps to Reproduce: When I visit the website, an embedded Zoomify image should be loaded on the page. Zoomify makes it possible to view hi-res images by loading just the parts in the viewport via http 206 partial content requests.

Instead what happens is that in Firefox only http 200 requests are being returned from the server. As a result, each requests downloads the entire file (which is around 80mb). The initial request to fetch the partial in Firefox does include a content-range header, but it does not result in a 206 response.

This is the request header for the initial request in Firefox: GET /app/uploads/2021/08/timeline-300dpi-2021-07-23A-01.zif?t1663315852124n0 HTTP/2 Host: homebuildingtimeline.com User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:104.0) Gecko/20100101 Firefox/104.0 Accept: / Accept-Language: nl,en-US;q=0.9,es-ES;q=0.7,fr-BE;q=0.6,nl-BE;q=0.4,en;q=0.3,fr;q=0.1 Accept-Encoding: gzip, deflate, br Range: bytes=0-8192 Connection: keep-alive Referer: https://homebuildingtimeline.com/ Cookie: tk_or=%22%22; tk_lr=%22%22; _ga=GA1.2.1672888762.1659181136; wordpress_test_cookie=WP%20Cookie%20check; tk_ai=jetpack%3AVDGzZTe9hUYvrOIHKRGMrden; tk_r3d=%22%22; wordpress_logged_in_2219b046f16e0a0ac453ed09b1d33031=Sander%20De%20Wijs%7C1663427229%7C9xGuRTTdbCcSpUIwZnC7bwD03pUZppfFAx1fomgCrDV%7C15776a22d105db60947526e1a6f38d2293bbc8c81fa803052673ae2b893c49d3; woocommerce_items_in_cart=1; woocommerce_cart_hash=235371edfcf62b0363538af5344a4844; wp_woocommerce_session_2219b046f16e0a0ac453ed09b1d33031=59%7C%7C1663427229%7C%7C1663423629%7C%7C8980effe8915da710e4417738405e089; wfwaf-authcookie-8b7a317d8bebbb5a877a9a96c34a3759=59%7Cadministrator%7Cmanage_options%2Cunfiltered_html%2Cedit_others_posts%2Cupload_files%2Cpublish_posts%2Cedit_posts%2Cread%7C60a71b77756a9cb32fd0ba2bdf078c529d072842df51d8c7e37fd7a82e287c57 Sec-Fetch-Dest: empty Sec-Fetch-Mode: cors Sec-Fetch-Site: same-origin Sec-GPC: 1 Pragma: no-cache Cache-Control: no-cache TE: trailers

This is the initial request header in Chrome: :authority: homebuildingtimeline.com :method: GET :path: /app/uploads/2021/08/timeline-300dpi-2021-07-23A-01.zif?t1663316116293n0 :scheme: https accept: / accept-encoding: identity accept-language: nl,en-US;q=0.9,en;q=0.8,fr;q=0.7,de;q=0.6,la;q=0.5,da;q=0.4 cache-control: no-cache cookie: wordpress_test_cookie=WP%20Cookie%20check; wordpress_logged_in_2219b046f16e0a0ac453ed09b1d33031=Sander%20De%20Wijs%7C1612301394%7COuAh9b2Ju4boPbblP79D1k4QIiY4ATcsln2cODExUcB%7C47eef44100f18f5c79941391cdabebec312f4a0da7f53d3a7523f45bfa7308a4; tk_or=%22%22; tk_r3d=%22%22; tk_lr=%22%22; _ga=GA1.2.286592629.1663254654; _gid=GA1.2.144141170.1663254654 pragma: no-cache range: bytes=0-8192 referer: https://homebuildingtimeline.com/ sec-ch-ua: "Google Chrome";v="105", "Not)A;Brand";v="8", "Chromium";v="105" sec-ch-ua-mobile: ?0 sec-ch-ua-platform: "macOS" sec-fetch-dest: empty sec-fetch-mode: cors sec-fetch-site: same-origin user-agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

View the screenshot Screenshot
Browser Configuration
  • None

From webcompat.com with ❤️

softvision-oana-arbuzov commented 1 year ago

Thanks for the report, I was able to reproduce the issue. image image

Note: The issue is not reproducible on Chrome.

Tested with: Browser / Version: Firefox Nightly 106.0a1 (2022-09-15), Firefox Release 104.0.2 Operating System: Windows 10 Pro

Moving to Needsdiagnosis for further investigation.

[qa_37/2022]

sanderdewijs commented 1 year ago

I have found a website using the same Zoomify embed plugin. In this case the responses are http 206. Perhaps this will help figure out the source of the issue. https://waldo.photography/panorama-zooms-nl/grand-prismatic-spring/