有什么更有效的？ （网页设计）

Question

不知道如何措辞问题，但我可以举个例子。

我想，从速度和整体“正确执行”的角度来看，这样做会更有效率；

http://www.dlolpics.com/images/troll.jpg

要么

images / troll.jpg

我通常会离开域名URL，而不是images / troll.jpg，但这真的是一个很大的区别吗？

任何信息都很棒，谢谢。

Answer 1

显然，网页中的内容较少，因此下载量较小，但这仅是不足以证明较短的内容的充分理由。

使用相对URL（简称URL）的主要原因是使网站更具可移植性。 例如，如果您重命名层次结构中较高的目录或更改域名，则不会遍历整个站点来修复所有URL。

底线：这样做是为了易于维护，除非页面中有成千上万个链接，或者您获得的网络流量以Twitter之类的数字表示，否则不会产生明显的性能差异。 老实说，这听起来似乎是您在过早地优化应用程序，并且可能专注于错误的事情，除非您已经对网站进行了概要分析并注意到与HTML大小有关的性能问题。

Answer 2

在速度方面没有区别，除了发送了一些额外的字节外，因为前一个URL比后者更长。

我会使用后一种形式/images/troll.jpg （记住第一个/ ）。 否则，如果有一天您决定移至另一个域或开始使用HTTPS，则必须修改所有链接。 解决此问题的一种方法是使用//www.dlolpics.com/images/troll.jpg 。 这将链接到您当前正在使用的任何协议。 HTTP或HTTPS。

我能想到的/images/troll.jpg唯一的缺点是，是否可以从多个URL访问同一站点，例如，是否可以同时在http://dlolpics.com/和http：// www上访问您的站点。 dlolpis.com/ ，在这种情况下，访问两个站点的用户可以两次下载文件，首先从http://dlolpics.com/images/troll.jpg下载，然后从http://www.dlolpis.com/images/下载。 troll.jpg 。 如果使用完整的URL方法，浏览器将意识到它已经缓存了图像。 但是，应仅允许访问上述URL之一（并将另一个URL重定向到该URL）来解决此问题，以避免链接混乱和cookie /缓存问题。

Answer 3

以下是一些需要考虑的不同指标：

• 下载速度：相对URL更快，因为它们更短。
• URL解析速度：取决于浏览器的差异可能微不足道
• 代码可维护性：相对URL更好； 如果您的站点更改了域或开始使用HTTPS，则无需更新链接。

基于这些，坚持使用相对URL是更好的选择。

Answer 4

这实际上不是效率/速度的问题，而是更多关于便携性的问题。 如果您的媒体与网页位于同一服务器上，则相对URL比绝对路径更可取，因为如果您将目录甚至站点移至另一个域，该图像位置仍将始终相对于从其请求的页面。

Answer 5

如果您要构建一个将获得许多成功的网站，则您可能希望使用CDN来分发您的媒体，但是如果没有，那么两种方式的速度都差不多。 遵守以下规则：

Rules of Optimization: 
Rule 1: Don’t do it.
Rule 2 (for experts only): Don’t do it yet.

Answer 6

除了URL中保存的几个字节外没有其他区别。

Answer 7

实际上，有很大的不同。

http://www.dlolpics.com/images/troll.jpg是绝对路径，而images / troll.jpg是相对路径。

假设你从dlolpics.com改变你的网站域名，如果你正在使用绝对路径的图像也不会装入whatever.com是 。