预加载LCP图像以获得高优先级时，是否应删除link标记中的as属性？

文章/答案/技术大牛

发布

1回答

google-chrome、core-web-vitals

当预加载LCP图像时，是否应该删除as="image"属性以强制Google Chrome的优先级为高？据我所知，优先级默认为low。而不是这个- <link rel="preload" as="image" href="cool-lcp-image.a

浏览 61提问于2021-09-01得票数 0

回答已采纳

2回答

链接rel=subresource的用途是什么？

javascript、html

链接rel=“子资源”的用途是什么？如果我使用链接rel=“子资源”而不是链接rel=来包含.JS文件，那会有什么不同呢？

浏览 3提问于2015-04-06得票数 11

3回答

在一个android应用程序中，我有一组缩略图要下载。当用户使用应用程序时，这组缩略图可能会获得多达100个或更多项目。缩略图需要显示在一个图库中，现在，当该图库显示时，我启动一个线程来下载从0到集合末尾的所有缩略图。这在某些方面是不好的--每个图片都会被下载，即使它不是必需的，而且如果图库将第30个元素居中，那么用户在下载前20个图片之前将看不到任何图片。理想情况下，我希望图像下载和显示所需-因此，如果第三十个元素居中时，画廊显示，

浏览 1提问于2011-01-06得票数 0

回答已采纳

1回答

如何抢先加载网页或资源？

javascript、html、loading、preload、prefetch

我正在开发一个非常耗费资源的web应用程序。用户在第一个页面上工作，并在进入第二个阶段之前提交一些数据。问题是，第二阶段的网页加载时间太长，这打破了整个流程，特别是因为web应用程序针对的是那些互联网连接速度不是最快的国家。有没有办法在用户访问第一个网页时，在后台抢先加载第二阶段的网页(或该网页使用的资源)？

浏览 3提问于2018-03-26得票数 0

5回答

在任何事情之前加载特定的图像

javascript、jquery、html、css

我是一个为我正在制作的网站创建一个加载屏幕。该网站加载了许多图片、脚本等。HTML和CSS部分很棒，但我需要一种方法来保证“加载.”图像将在其他任何内容之前加载。我正在使用jQuery，一切都是在$(function () { ... });中启动的。我设想这方面的代码需要在该块之前/外部调用，删除加载屏幕的代码将在该块的末尾调用。这两种方法都很好，而且答案都很好，但问题

浏览 4提问于2011-09-22得票数 15

回答已采纳

1回答

反应头盔动态等级相互覆盖

javascript、reactjs、react-helmet

这本身就是一个小问题，而不是一个问题，但是当有条件地同时写入body标记的类属性的多个组件时，它们就开始相互覆盖。只有其中一个保持活跃，而其他则被忽略。'hidden' : ''} /> // ...在本例中，侧栏必须通过在body标记上设置一个类来禁用滚动(并为设计目的模糊页面)。加载程序需要在活动时

浏览 2提问于2019-11-30得票数 0

回答已采纳

3回答

如何在反应性JS组件中预加载图像？

javascript、reactjs、preload

当发生signInError时，我目前正在呈现一个子组件。signInError存储在父组件中，如果它不是null，它将呈现<SignInError/>组件，如下所示： // Some code...(上面的链接)告诉我如何在img方法中创建componentDidMount()对象，以强制浏览器加载它。我就这么做了，从上面的代码中可以看到。但是现在，当我试图将它作为一个支柱传递给我的r

浏览 6提问于2019-01-08得票数 8

回答已采纳

4回答

html预加载和预取有什么不同？

html、preload、prefetch

预加载和预热都用于提前请求资源，以便以后快速加载资源。看起来我可以把这两者互换一下。<link rel="preload" href="foo.js" as="script">而没有注意到任何不同。它们的区别是什么？

浏览 3提问于2018-10-12得票数 36

1回答

使用Javascript和知道HTTP状态代码加载和缓存图像

javascript、jquery、html、angularjs、caching

我正在尝试预加载图像，以删除使用404或500HTTP状态代码响应的图像。我需要知道HTTP状态代码和是什么，我需要缓存的映像。我的问题是：如果使用Image或虚拟<img/>标记，图像将被缓存，但无法知道onerror回调中的HTTP代码。如果我使用XHR ($.get表示jQuery或$http.get表示角)，我将获得</

浏览 2提问于2016-10-13得票数 4

1回答

您需要在<head>中预加载字体并在CSS中声明它们为字体吗？

css、wordpress、font-face、preload、lighthouse

我的问题来自试图优化灯塔测试的预压关键资产。<link rel=”preload” href=”/wp-content/themes/mytheme/assets/font/Roboto/Roboto-Regular.ttf” as=”font” crossorig

浏览 0提问于2021-01-20得票数 2

回答已采纳

2回答

javascript预加载映像-检查图像是否被缓存/加载，以防止预加载

javascript、image-manipulation

如果这是一个重复的问题，请给我链接，以便我将删除这个问题，并将参考提供的链接。我需要预装几张图片。如果浏览器缓存中已经存在，我不想预加载它们，如果我们正在预加载，则使用javascript代码预加载，这将发送请求。另外，我们在html文档中有一个img，用于相同的图像。浏览器会请求图像两次吗？一个是预加载，另一个是当它看到im

浏览 2提问于2010-10-14得票数 5

回答已采纳

4回答

防止src更改时大图像闪烁

javascript、jquery、html、drag、src

我对大图像的图像闪烁有问题。在我的body中，我有5张图片：<img id="img2" src="img2.png" width="250"但我需要使用大图像(2000x2000px)，因为所有的图像都可以点击，然后他们将动画到视口的</

浏览 1提问于2013-05-24得票数 6

回答已采纳

2回答

用javascript/jQuery中的外部事件取消函数

javascript、jquery

检查是否缓存了较大或较高的res照片，如果是这样的话，只需首先显示缓存的版本和完成。一切都运行得很好。但是，在高分辨率下载期间，如果用户单击转到下一个映像，所有

浏览 6提问于2012-12-18得票数 3

回答已采纳

2回答

ie7 + jquery切换图像与检测尺寸

jquery、internet-explorer-7

是否有方法检测IE7中图像的实际宽度。我想要避免完全删除img标签，重新创建一个没有高度标签，但有没有其他方法来获得这一点？问题不在于存储加载的高度，而

浏览 1提问于2010-08-04得票数 2

回答已采纳

2回答

IE 11上两页之间的空白屏幕

javascript、performance、internet-explorer-11

我正在开发一个在MVC、JQuery上开发的企业应用程序，在页面之间移动时，我们经常会看到一个空白屏幕--即HTML需要时间来呈现，但是在Chrome浏览器上却看不到同样的情况。在沉重的页面上，空白屏幕出现4到5秒，然后实际页面出现。同样，在chrome上也看不到相同的行为，即使这些沉重的页面在没有断断续续的空白屏幕显示的情况下也会快速加载。请让我知道，如果有一个设置在IE或代码应该包括在内，以确保更快的</

浏览 1提问于2019-04-10得票数 1

9回答

如何在没有Javascript的情况下预加载图像？

html、image-preloader、link-prefetch

在我的一个HTML页面上，当鼠标悬停在某些链接上时，会显示一些较大的图像，加载这些图像需要时间。我不想使用JavaScript预加载图像。有什么好办法吗？

浏览 6提问于2009-05-04得票数 41

回答已采纳

1回答

Application.js脚本处于“排队”状态，直到图像加载

javascript、asynchronous、browser、google-chrome-devtools、domcontentloaded

，(1)是异步加载的，(2)依次创建一个异步<script>标记，其中调用一个更大的脚本。举个例子，其中一个第三方脚本是 (您可以快速了解它是如何工作的)。我们的问题是，当所有第三方脚本按预期异步加载时，application.js one在“队列”状态下获得堆栈时间超过4秒。我试图更改脚本并使其像第三方脚本一样加载:创建一个<script>元素，设置"src“属性</em

浏览 6提问于2016-05-05得票数 0

5回答

预压所有资产

javascript、jquery、html、preload

在使用所有资产之前是否有一种通用的加载方法？我想在我的应用程序启动之前加载一些图像、音频文件和一些.swf文件。目前，我通过创建新的<img>元素并将src设置为图像路径来加载图像，对于音频文件，我在<audio>标记中添加了preload="auto"属性，然后执行一个ajax请求来加载.swf。有什

浏览 9提问于2013-12-24得票数 28

回答已采纳

2回答

如何停止预加载？

jquery、image、preloading

我使用下面的函数在我的ajax页面上预加载图像。我的页面包含图片库。但我需要停止预加载当前画廊时，我点击另一个画廊链接。有什么帮助吗？谢谢..。已经解决了..。以下是一个示例的工作代码...

浏览 2提问于2011-12-21得票数 3

回答已采纳

6回答

Google PageSpeed -消除由Google字体引起的折叠上的呈现阻塞资源

css、optimization、pagespeed

我试图优化这个网站:电子竞技--当我试图在Google PageSpeed上分析它的时候，平台上说有一种谷歌字体挡住了页面呈现：字体最初是通过php加载的，但随后我将它直接插入到html代码中，试图用以下代码加载它：<link rel=stylesheet id=avia-google-webfont href='//fonts.googleapis.com/css?family=Lato:300,400,700' ty

浏览 15提问于2017-08-31得票数 41

点击加载更多