The Most Active and Friendliest
Affiliate Marketing Community Online!

“Propeller”/  Direct Affiliate

Which is faster on html landing page?

../files/image.png, files/image.png, or the full URL indicates only the location of the file.

If the file isn't hosted on the same domain as your site, such as if you're using an image that's on another site, you'll have to use the full URL. Using only "/files/image.png or "../" only works if the file is located on the same server / same location.

Technically speaking, the speed the image loads will depend on the server that's hosting it. If you have a really slow server, it may load faster if the image is on another server, but that has nothing to do with the way you reference the image location...

Hope that helps.
 
Technically speaking, the speed the image loads will depend on the server that's hosting it. If you have a really slow server, it may load faster if the image is on another server, but that has nothing to do with the way you reference the image location...

Hope that helps.

Latency will be a bigger factor and reducing it gives page delivery/rendering the biggest bang for your buck.
 
Neither. It'll be the same.
../files/image.png, files/image.png, or the full URL indicates only the location of the file.

If the file isn't hosted on the same domain as your site, such as if you're using an image that's on another site, you'll have to use the full URL. Using only "/files/image.png or "../" only works if the file is located on the same server / same location.

Technically speaking, the speed the image loads will depend on the server that's hosting it. If you have a really slow server, it may load faster if the image is on another server, but that has nothing to do with the way you reference the image location...

Hope that helps.
Latency will be a bigger factor and reducing it gives page delivery/rendering the biggest bang for your buck.

Thanks so much for the replies!
I was just wondering if there was a difference, thanks for letting me know it's now :)
 
There is a slight difference, the text "files/image.png" would be quicker to download, than "../files/images.png". If you have like 1,000 images this can increase the size of the page by 3kb. However if its only one or two images on the page there is really no difference between the two.

Ideally you want to remove any white space from your html and CSS (particularly if you are using spaces to indent your tags), as this will speed up the delivery of the webpage. This can be a factor on mobiles where the speed of the internet connection will impact the speed of the site.
 
Same. More depends on where its being hosted, size of file, and other image/scripts that need to be downloaded for the page to load.
 
there is no such difference in both links use any one you like. but there are several ways to optimise your image with smaller file size. i use photoshop for the same.
 
In my opinion, all three of the above results in the same speed of page load.
Want faster, you have to optimize the image size by compressing the image and using image resizing code
 
MI
Back