Preconnect html vs header: Which is faster?Question about serving one line only minified HTML pagesHTTP expire date and IIS 7.0 enabled, but not workingconfiguring Tomcat for leveraging browser caching?ASP.NET, Pagespeed and the content-encoding headerExpires header for Facebook JS SDK and Google AnalyticsSetting an expiry date or a maximum age in the HTTP headers (Zope infrastructure)How does the % count in the “final above-the-fold content” - Prioritize visible contentLoading external javascript via async script tag at the end of a webpageBEM HTML Byte Size… does it matter?
Realizing cohomology classes by submanifolds
What does this symbol on the box of power supply mean?
Why did the Dothraki not follow Jon?
What was the idiom for something that we take without a doubt?
Should one buy new hardware after a system compromise?
Count Even Digits In Number
Should I disclose a colleague's illness (that I should not know) when others badmouth him
Pirate democracy at its finest
Apache redirect to https:/www only partially working
Which melee weapons have the Two-Handed property, but lack Heavy and Special?
Boss wants me to falsify a report. How should I document this unethical demand?
Installed Tankless Water Heater - Internet loss when active
How should I introduce map drawing to my players?
Which European Languages are not Indo-European?
C++ forcing function parameter evalution order
USPS Back Room - Trespassing?
Why does Mjolnir fall down in Age of Ultron but not in Endgame?
Is Jon Snow the last of his House?
What is Theresa May waiting for?
Is "cool" appropriate or offensive to use in IMs?
Did 20% of US soldiers in Vietnam use heroin, 95% of whom quit afterwards?
Can the Levitate spell be used to cause damage by slamming a creature?
Is there an online tool which supports shared writing?
How strong are Wi-Fi signals?
Preconnect html vs header: Which is faster?
Question about serving one line only minified HTML pagesHTTP expire date and IIS 7.0 enabled, but not workingconfiguring Tomcat for leveraging browser caching?ASP.NET, Pagespeed and the content-encoding headerExpires header for Facebook JS SDK and Google AnalyticsSetting an expiry date or a maximum age in the HTTP headers (Zope infrastructure)How does the % count in the “final above-the-fold content” - Prioritize visible contentLoading external javascript via async script tag at the end of a webpageBEM HTML Byte Size… does it matter?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
Preconnect can be done using the http header:
or via the html:
<link href='https://fonts.gstatic.com' rel='preconnect' crossorigin>
Is there a speed advantage in using the header as the response is made available before the response content is parsed?
pagespeed preconnect
asked Mar 20 at 23:35
DD.DD.
9,26444131222
add a comment |
Preconnect can be done using the http header:
or via the html:
<link href='https://fonts.gstatic.com' rel='preconnect' crossorigin>
Is there a speed advantage in using the header as the response is made available before the response content is parsed?
pagespeed preconnect
asked Mar 20 at 23:35
DD.DD.
9,26444131222
add a comment |
Preconnect can be done using the http header:
or via the html:
<link href='https://fonts.gstatic.com' rel='preconnect' crossorigin>
Is there a speed advantage in using the header as the response is made available before the response content is parsed?
pagespeed preconnect
asked Mar 20 at 23:35
DD.DD.
9,26444131222
Preconnect can be done using the http header:
or via the html:
<link href='https://fonts.gstatic.com' rel='preconnect' crossorigin>
Is there a speed advantage in using the header as the response is made available before the response content is parsed?
pagespeed preconnect
pagespeed preconnect
asked Mar 20 at 23:35
DD.DD.
9,26444131222
asked Mar 20 at 23:35
DD.DD.
9,26444131222
asked Mar 20 at 23:35
DD.DD.
9,26444131222
asked Mar 20 at 23:35
DD.DD.
9,26444131222
asked Mar 20 at 23:35
DD.DD.
9,26444131222
9,26444131222
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
The purpose of preconect is to allow the browser to setup early connections before an HTTP request is actually sent to the server. This includes DNS lookups, TLS negotiations, TCP handshakes. This in turn eliminates roundtrip latency and saves time for users.
Even in html you add the preconnect value in head tag. It won't make any sense if you add it in body tag as this will just act as render blocking element.
answered Mar 24 at 3:16
James MascarenhasJames Mascarenhas
7916
The question was about using an http header. Nothing to do with html body.
– DD.
Mar 24 at 16:58
Also preconnect links are not render blocking regardless of where they are placed.
– DD.
Mar 24 at 16:59
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55271667%2fpreconnect-html-vs-header-which-is-faster%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
The purpose of preconect is to allow the browser to setup early connections before an HTTP request is actually sent to the server. This includes DNS lookups, TLS negotiations, TCP handshakes. This in turn eliminates roundtrip latency and saves time for users.
Even in html you add the preconnect value in head tag. It won't make any sense if you add it in body tag as this will just act as render blocking element.
answered Mar 24 at 3:16
James MascarenhasJames Mascarenhas
7916
The question was about using an http header. Nothing to do with html body.
– DD.
Mar 24 at 16:58
Also preconnect links are not render blocking regardless of where they are placed.
– DD.
Mar 24 at 16:59
add a comment |
The purpose of preconect is to allow the browser to setup early connections before an HTTP request is actually sent to the server. This includes DNS lookups, TLS negotiations, TCP handshakes. This in turn eliminates roundtrip latency and saves time for users.
Even in html you add the preconnect value in head tag. It won't make any sense if you add it in body tag as this will just act as render blocking element.
answered Mar 24 at 3:16
James MascarenhasJames Mascarenhas
7916
The question was about using an http header. Nothing to do with html body.
– DD.
Mar 24 at 16:58
Also preconnect links are not render blocking regardless of where they are placed.
– DD.
Mar 24 at 16:59
add a comment |
The purpose of preconect is to allow the browser to setup early connections before an HTTP request is actually sent to the server. This includes DNS lookups, TLS negotiations, TCP handshakes. This in turn eliminates roundtrip latency and saves time for users.
Even in html you add the preconnect value in head tag. It won't make any sense if you add it in body tag as this will just act as render blocking element.
answered Mar 24 at 3:16
James MascarenhasJames Mascarenhas
7916
The purpose of preconect is to allow the browser to setup early connections before an HTTP request is actually sent to the server. This includes DNS lookups, TLS negotiations, TCP handshakes. This in turn eliminates roundtrip latency and saves time for users.
Even in html you add the preconnect value in head tag. It won't make any sense if you add it in body tag as this will just act as render blocking element.
answered Mar 24 at 3:16
James MascarenhasJames Mascarenhas
7916
answered Mar 24 at 3:16
James MascarenhasJames Mascarenhas
7916
answered Mar 24 at 3:16
James MascarenhasJames Mascarenhas
7916
answered Mar 24 at 3:16
James MascarenhasJames Mascarenhas
7916
7916
The question was about using an http header. Nothing to do with html body.
– DD.
Mar 24 at 16:58
Also preconnect links are not render blocking regardless of where they are placed.
– DD.
Mar 24 at 16:59
add a comment |
The question was about using an http header. Nothing to do with html body.
– DD.
Mar 24 at 16:58
Also preconnect links are not render blocking regardless of where they are placed.
– DD.
Mar 24 at 16:59
The question was about using an http header. Nothing to do with html body.
– DD.
Mar 24 at 16:58
The question was about using an http header. Nothing to do with html body.
– DD.
Mar 24 at 16:58
Also preconnect links are not render blocking regardless of where they are placed.
– DD.
Mar 24 at 16:59
Also preconnect links are not render blocking regardless of where they are placed.
– DD.
Mar 24 at 16:59
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55271667%2fpreconnect-html-vs-header-which-is-faster%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
