Last active
December 21, 2015 15:39
-
-
Save kfly8/6327648 to your computer and use it in GitHub Desktop.
dataURIだと、リクエストを二回しているように見えるのだけど、これは何でだろうか・・？
http://gyazo.com/14be7c5edfeec270a8303be41fa251fe
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <head> | |
| <meta charset="utf-8"> | |
| </head> | |
| <body> | |
| <img id="hoge" /> | |
| <script> | |
| var img = new Image(); | |
| var src = "https://1.gravatar.com/avatar/918b601dbd1297d58105508fb880b598?d=https%3A%2F%2Fidenticons.github.com%2Fe553551532c5b2c4074cc6c188f1d49< | |
| //var src = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD//gA7Q1JFQVRPUjogZ2QtanBlZyB2MS4wICh1c2luZyBJSkcgSlBFRyB2NjIpLCBxdWFsaXR5ID0gOTAK/< | |
| var hoge = document.getElementById("hoge"); | |
| console.log('before onload'); | |
| console.log(window.performance.getEntries()); | |
| img.onload = function() { | |
| console.log('img onload'); | |
| console.log(window.performance.getEntries()); | |
| hoge.src = img.src; // DataUriの時は、ここでもDevTools > Networkに表示されるが、画像パスの時は表示されない | |
| } | |
| hoge.onload = function() { | |
| console.log('hoge onload'); | |
| console.log(window.performance.getEntries()); | |
| alert('hoge loaded'); // DataUriでも画像パスを指定したときでも、これは呼ばれる | |
| } | |
| img.src = src; | |
| </script> | |
| </body> | |
| </html> |
Author
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
http://www.w3.org/TR/resource-timing/#resources-included
標準の挙動じゃないってところに、ばっちり、
「同じUserAgentで同じパスだったら、２回目のHTML要素では、再びリクエストすることはない。」ってあった。