是一次获取的多页面网站的所有页面的资产

时间:2017-08-23 19:30:21

标签: html html5 image browser

想象一个网站有四个不同的页面,三个页面上的图像,主页没有图像。

当用户导航到主页时,是否会立即下载三个页面上的图像,或者仅显示主页所需的资源?

上下文 这个问题的背景如下。我想知道它是否会改善加载时间以获得轻量级主页,如果用户不需要/想要在其他页面上查看内容,则可以避免不必要的资源下载。 (如果所有内容都组织到一个页面应用程序中,那么当用户导航到主页时,所有资产显然都会下载)。这是选择多页设计的潜在原因

1 个答案:

答案 0 :(得分:1)

  

当用户导航到主页时,是否会立即下载三个页面上的图像,或者仅显示主页所需的资源?

如果这不是单页应用程序,那么浏览器不知道网站其他页面上的资产,直到您导航到这些页面。

  

如果所有内容都被组织到单页应用中,那么当用户导航到主页时,所有资产显然都会下载。

不一定 - 这取决于您的单页应用程序的编码方式。如果您的资产在加载时未暴露给DOM,则它们将无法下载。例如,如果在单击元素后创建一个带有图像的新<div>,并且该图像未在其他任何地方使用,则该图像将在此时下载(而不是在页面加载时)。

但是,如果您只是在谈论拥有一个长主页并将其称为单页应用程序,那么是的,除非您实现某种类型的lazy loading,否则所有内容都会在加载时下载。