想象一个网站有四个不同的页面,三个页面上的图像,主页没有图像。
当用户导航到主页时,是否会立即下载三个页面上的图像,或者仅显示主页所需的资源?
上下文 这个问题的背景如下。我想知道它是否会改善加载时间以获得轻量级主页,如果用户不需要/想要在其他页面上查看内容,则可以避免不必要的资源下载。 (如果所有内容都组织到一个页面应用程序中,那么当用户导航到主页时,所有资产显然都会下载)。这是选择多页设计的潜在原因
答案 0 :(得分:1)
当用户导航到主页时,是否会立即下载三个页面上的图像,或者仅显示主页所需的资源?
如果这不是单页应用程序,那么浏览器不知道网站其他页面上的资产,直到您导航到这些页面。
如果所有内容都被组织到单页应用中,那么当用户导航到主页时,所有资产显然都会下载。
不一定 - 这取决于您的单页应用程序的编码方式。如果您的资产在加载时未暴露给DOM,则它们将无法下载。例如,如果在单击元素后创建一个带有图像的新<div>
,并且该图像未在其他任何地方使用,则该图像将在此时下载(而不是在页面加载时)。
但是,如果您只是在谈论拥有一个长主页并将其称为单页应用程序,那么是的,除非您实现某种类型的lazy loading,否则所有内容都会在加载时下载。