[BUSINESS] double "//" in urls?

[alina]

Some what confused why are some sits using "//" in the url or is that a typo error?

[tacnet]

ok thats because they leave out the protocol (https or http). This is usually done when pulling in CSS style sheets or javascript files

If your page is on https then it will use https to pull up that resource. If not, it will use http

Its a way of avoiding blocked resource errors (ie your page is https but you are tying to pull in an http resource)

Hope that makes sense

[alina]

Now I get it thanks can I ask another url question here.
Is it best to call images like this /images/image1.jpg or use the full url
Thank you for the explanation.

[tacnet]

Its better to use relative urls ie /images/image1.jpg if the images are on the same domain as the page

Using the full url will open up another http port for each image which slows the page down

If the images are on another domain then, of course you must use the full URL but you can still speed things up by adding

Code: Select all

<link rel="preconnect" href="https://otherdomain.com">

in your <head> tag. This tells the browser to establish a connection with that domain as soon as the page is loaded. It will then use that connection to fetch any images rather than opening a new port for each image.

[AlexO]

TAC I know about open ports but do they close once the image is loaded and the page closed?

[tacnet]

TAC I know about open ports but do they close once the image is loaded and the page closed?

Hi AlexO

Yes once once the page is closed then any open ports will be closed too

hope that answers your question

[blingman]

TAC I know about open ports but do they close once the image is loaded and the page closed?

Hi AlexO

Yes once once the page is closed then any open ports will be closed too

hope that answers your question

What I always thought was how it worked

[JamesNet]

Its better to use relative urls ie /images/image1.jpg if the images are on the same domain as the page

Using the full url will open up another http port for each image which slows the page down

If the images are on another domain then, of course you must use the full URL but you can still speed things up by adding

Code: Select all

<link rel="preconnect" href="https://otherdomain.com">

in your <head> tag. This tells the browser to establish a connection with that domain as soon as the page is loaded. It will then use that connection to fetch any images rather than opening a new port for each image.

Hmm never knew about the header part I'll start using it, thanks for that, I have my images on one domain call them from other domains on my server, instead of uploading the same images to multiple domains and taking up disk space.

[tacnet]

Its better to use relative urls ie /images/image1.jpg if the images are on the same domain as the page

Using the full url will open up another http port for each image which slows the page down

If the images are on another domain then, of course you must use the full URL but you can still speed things up by adding

Code: Select all

<link rel="preconnect" href="https://otherdomain.com">

in your <head> tag. This tells the browser to establish a connection with that domain as soon as the page is loaded. It will then use that connection to fetch any images rather than opening a new port for each image.

Hmm never knew about the header part I'll start using it, thanks for that, I have my images on one domain call them from other domains on my server, instead of uploading the same images to multiple domains and taking up disk space.

Glad it helped. Thats exactly the kind of situation its used for

Also for people with CDNs. Usually a CDN will be setup as a seperate subdomain (so in our case all our pages are on https://www.tacamateurs.com but all our images are on our CDN https://cdn-w.tacamateurs.com so we use the preconnect statement in all our <head> tags to open up a port for all the images )

[tacnet]

Its better to use relative urls ie /images/image1.jpg if the images are on the same domain as the page

Using the full url will open up another http port for each image which slows the page down

If the images are on another domain then, of course you must use the full URL but you can still speed things up by adding

Code: Select all

<link rel="preconnect" href="https://otherdomain.com">

in your <head> tag. This tells the browser to establish a connection with that domain as soon as the page is loaded. It will then use that connection to fetch any images rather than opening a new port for each image.

Hmm never knew about the header part I'll start using it, thanks for that, I have my images on one domain call them from other domains on my server, instead of uploading the same images to multiple domains and taking up disk space.

Glad it helped. Thats exactly the kind of situation its used for

Also for people with CDNs. Usually a CDN will be setup as a seperate subdomain (so in our case all our pages are on https://www.tacamateurs.com but all our images are on our CDN https://cdn-w.tacamateurs.com so we use the preconnect statement in all our <head> tags to open up a port for all the images. Thats one of the reasons why our pages load so fast)

[Terry]

Hmm never knew about the header part I'll start using it, thanks for that, I have my images on one domain call them from other domains on my server, instead of uploading the same images to multiple domains and taking up disk space.

Glad it helped. Thats exactly the kind of situation its used for

Also for people with CDNs. Usually a CDN will be setup as a seperate subdomain (so in our case all our pages are on https://www.tacamateurs.com but all our images are on our CDN https://cdn-w.tacamateurs.com so we use the preconnect statement in all our <head> tags to open up a port for all the images. Thats one of the reasons why our pages load so fast)

Live and learn I honestly did not know about the

Code: Select all

<link rel="preconnect" href="https://otherdomain.com">

and I will add it to my headers after i get done here.

Thanks tacnet

[calista]

It must be a habit I always use the url to images

[gotonudecom]

Do you know how wordpress handles all this/ by default?

[tacnet]

I would imagine the pre-connect link is something you have to add to your template

I dont use Wordpress much but I guess it wouldn't know what other domains you need to link to so you would have to manually add it

[badkitty]

Do you know how wordpress handles all this/ by default?

yeppers they got that part coded right