代码之家 › 专栏 › 技术社区 › leonheess

应该预装哪些内容以及如何预装?[关闭]

preload pagespeed html5 html javascript

leonheess · 技术社区 · 7 年前

我刚知道 rel="preload" 我想知道什么时候该用。我发现不同类型的预载 preloading with javascript etc. 也。谷歌最近 announced 它将排名更快加载页面更高(至少在移动)使页面速度更重要的每个人。

如果您已经使用了http/2(http/2.0)、https、gzip、cdns等,并且希望尽快加载站点: 你应该 (另外) 使用预加载 数量是多少 是吗?

你应该加上 HTML5 rel="preload" 每一个链接、脚本、字体等等,或者只是其中的一部分?也许只有外部的?

还是依赖javascript及其库来预加载资源更好?

1 回复 | 直到 7 年前

Deano 7 年前

我建议在当前页面中使用您有很高信心的预加载资源。preload是浏览器请求页面所需资源的早期获取指令,值得获取关键脚本、web字体和英雄图像(可能会阻止浏览器呈现的内容)。

本文很好地解释了预加载和预取的内部和外部,以及何时应该使用它们:

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

6 月前

Jamie · 在CSS链接的文件名中添加Jinja占位符

6 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

6 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

6 月前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

6 月前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

6 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

6 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

6 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

6 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

6 月前