Open Bug 1745680 Opened 4 years ago Updated 4 months ago

Ignore apple-touch-icon when icon is available in link html header

Categories

(Core :: DOM: Core & HTML, defect)

Product:
Core
Component:
DOM: Core & HTML
Type:
defect

Tracking

()

Project Flags:
Webcompat Priority P3

People

(Reporter: karlcow, Unassigned)

References

Details

Consider this file:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test document icon</title>
    <link rel="apple-touch-icon" href="1x1-green.png" />
    <link rel="icon" href="1x1-red.png" />
</head>
<body>
test icon in link
</body>
</html>

Firefox Nightly (Gecko)

127.0.0.1 - - [13/Dec/2021:10:39:37 +0900] "GET /2021/12/13/moz/ HTTP/1.1" 200 386 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:96.0) Gecko/20100101 Firefox/96.0"
127.0.0.1 - - [13/Dec/2021:10:39:37 +0900] "GET /2021/12/13/moz/1x1-green.png HTTP/1.1" 200 135 "http://la-grange.test/2021/12/13/moz/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:96.0) Gecko/20100101 Firefox/96.0"
127.0.0.1 - - [13/Dec/2021:10:39:37 +0900] "GET /2021/12/13/moz/1x1-red.png HTTP/1.1" 200 135 "http://la-grange.test/2021/12/13/moz/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:96.0) Gecko/20100101 Firefox/96.0"

Safari Tech Preview (WebKit)

127.0.0.1 - - [13/Dec/2021:10:42:29 +0900] "GET /2021/12/13/moz/ HTTP/1.1" 200 386 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15"
127.0.0.1 - - [13/Dec/2021:10:42:29 +0900] "GET /2021/12/13/moz/1x1-red.png HTTP/1.1" 200 135 "http://la-grange.test/2021/12/13/moz/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15"

Edge Canary (Blink)

127.0.0.1 - - [13/Dec/2021:10:43:06 +0900] "GET /2021/12/13/moz/ HTTP/1.1" 200 386 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4741.0 Safari/537.36 Edg/98.0.1100.0"
127.0.0.1 - - [13/Dec/2021:10:43:06 +0900] "GET /2021/12/13/moz/1x1-red.png HTTP/1.1" 200 135 "http://la-grange.test/2021/12/13/moz/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4741.0 Safari/537.36 Edg/98.0.1100.0"

On Desktop

Case 1. Both apple-touch-icon and icon available (order doesn't matter in the source)

  • Both Safari and Edge are downloading only <link rel="icon" href="1x1-red.png" />, they ignore apple-touch-icon
  • Firefox download both icons
  • The three browsers ignore the /favicon.ico

Case 2. If the file only contains <link rel="apple-touch-icon" href="1x1-green.png" />,

  • both Safari and Edge ignore apple-touch-icon
  • Firefox download apple-touch-icon
  • The three browsers try to download the root /favicon.ico too

Test done because of this note by Nicolas Hoizey
https://nicolas-hoizey.com/notes/2021/12/10/2/

Thanks Karl 🙏

Severity: -- → S3

I want to better understand what the spec says here, if it says anything.
Trying to read the code of WebKit for understanding what Safari was doing I found a bug in their code.
https://bugs.webkit.org/show_bug.cgi?id=234234

So maybe the Safari behavior could change. I need to dig a bit more.

The behavior for tabs/bookmarks icons is already different, maybe intentionally Bug 1401894

In Bug 1480319, the code was split
https://hg.mozilla.org/mozreview/gecko/rev/70c01d8b9c7d3649a71764c80394b04ba6bbed5b#index_header

And there are additional issues such as Bug 1186324

See Also: → 1186324, 1401894, 1480319

I just ran into this. It's minor, but it does mean that pages are loading unnecessary resources.

You need to log in before you can comment on or make changes to this bug.