有没有办法覆盖浏览器呈现页面的方式？

Question

我大致知道浏览器如何解析网站，以及如何完成所有工作，从我输入stackoverflow.com到我在浏览器中显示该页面。

这里的问题是我如何覆盖或操纵其行为，以便按照我想要的顺序强制执行一组特定的任务。

我的意思是这样的：

1. 仅下载网站折叠部分上方的HTML代码。
2. 下载并解析网站折叠部分上方的样式表。
3. 在首屏上方呈现
4. 下载首屏图片
5. 下载上面的JS
6. 解析JS时，请下载网站的另一部分
7. 重复......

在我的例子中，我只想尽快在首页上渲染，然后渲染页面的其余部分。

显然，这是一个非常简单的例子，我想知道是否可能，而且我想知道是否有一些库实现了这个功能（或类似的东西）。 / p>

Answer 1

浏览器如何知道您的哪个网站的来源只涉及首屏区域？

嗯，你需要照顾它。明确。

• 在您网站的初始样式表中，仅包含＆＃34;以及＃34;的样式。
• 在您网站的初始JavaScript中，仅包含＆＃34;以及＆＃34;以及＃34;和动态获取其余内容的行为（jspm允许您这样做，例如）。
• 呈现初始视口后，请下载JavaScript并插入其余的样式/脚本并将其插入到DOM中。
• 您还可以将网站划分为用户滚动后动态加载的块（例如，请参阅延迟加载图片/视频，YouTube的评论部分等）。

小心：什么是＆＃34;首屏？＆＃34;？你能说出屏幕尺寸较小的设备（如手机甚至是智能手表）的优势吗？

大多数情况下，它会破坏网站性能，这是不必要的脚本和媒体。没有理由预先取这些。

您应该采用更简单的方法（例如延迟加载用户首先需要滚动到的大块数据），而不是过度设计这个方法。