Tests to explore positioning of rel="preload" links
URL | Description |
---|---|
/test-rel-preload/tests/electro/index.html | Initial templace with no changes except performance mark for fonts loaded |
/test-rel-preload/tests/electro/index-base.html | Base page with no preload and scripts in head |
/test-rel-preload/tests/electro/index-link-preload-start-head.html | Declarative preload at start of head |
/test-rel-preload/tests/electro/index-link-preload-end-head.html | Declarative preload at end of head element |
/test-rel-preload/tests/electro/index-js-inserted-link-preload.html | Script inserted preloads with snippet after blocking scripts in head |
/test-rel-preload/tests/electro/index-js-inserted-link-preload-v2.html | Script inserted preloads with snippet before blocking scripts in head |
/test-rel-preload/tests/electro/index-link-preload-in-body.html | Declarative preload in body element |
/test-rel-preload/tests/electro/index-link-preload-priority-hints.html | Declarative preload with low importance priority hints |
Each of the variations is available on github, CloudFront and a test server running h2o
(there's no guarantee the h2o version will remain functioning as it's one of my playgrouds but I'll try to leave it alone for a while!)
https://andydavies.github.io/test-rel-preload/tests/electro/index.html
https://andydavies.github.io/test-rel-preload/tests/electro/index-base.html
https://andydavies.github.io/test-rel-preload/tests/electro/index-link-preload-start-head.html
https://andydavies.github.io/test-rel-preload/tests/electro/index-link-preload-end-head.html
https://andydavies.github.io/test-rel-preload/tests/electro/index-js-inserted-link-preload.html
https://andydavies.github.io/test-rel-preload/tests/electro/index-js-inserted-link-preload-v2.html
https://andydavies.github.io/test-rel-preload/tests/electro/index-link-preload-in-body.html
https://andydavies.github.io/test-rel-preload/tests/electro/index-link-preload-priority-hints.html
https://test.andydavies.me/test-rel-preload/tests/electro/index.html
https://test.andydavies.me/test-rel-preload/tests/electro/index-base.html
https://test.andydavies.me/test-rel-preload/tests/electro/index-link-preload-start-head.html
https://test.andydavies.me/test-rel-preload/tests/electro/index-link-preload-end-head.html
https://test.andydavies.me/test-rel-preload/tests/electro/index-js-inserted-link-preload.html
https://test.andydavies.me/test-rel-preload/tests/electro/index-js-inserted-link-preload-v2.html
https://test.andydavies.me/test-rel-preload/tests/electro/index-link-preload-in-body.html
https://test.andydavies.me/test-rel-preload/tests/electro/index-link-preload-priority-hints.html
https://d1mqs4cikzff9z.cloudfront.net/test-rel-preload/tests/electro/index-base.html
https://d1mqs4cikzff9z.cloudfront.net/test-rel-preload/tests/electro/index-link-preload-start-head.html
https://d1mqs4cikzff9z.cloudfront.net/test-rel-preload/tests/electro/index-link-preload-end-head.html
https://d1mqs4cikzff9z.cloudfront.net/test-rel-preload/tests/electro/index-js-inserted-link-preload.html
https://d1mqs4cikzff9z.cloudfront.net/test-rel-preload/tests/electro/index-js-inserted-link-preload-v2.html
https://d1mqs4cikzff9z.cloudfront.net/test-rel-preload/tests/electro/index-link-preload-in-body.html
https://d1mqs4cikzff9z.cloudfront.net/test-rel-preload/tests/electro/index-link-preload-priority-hints.html
Not every variation is in these results, for example CloudFront's HTTP/2 prioritisation isn't great so testing on it was abandoned quickly and Chrome's prioritisation of preloads meant there was little point tesing declarative preloads in the body.