EN Of those, nearly all of the usage is coming from preload. While 16.6% of mobile pages use at least one preload hint to load JavaScript, only 0.4% of mobile pages use at least one prefetch hint.
"preload a resource" yn Ingelsk kin oerset wurde yn de folgjende Italiaansk wurden/frases:
EN Of those, nearly all of the usage is coming from preload. While 16.6% of mobile pages use at least one preload hint to load JavaScript, only 0.4% of mobile pages use at least one prefetch hint.
IT Di questi, quasi tutto l?utilizzo proviene da preload. Mentre il 16.6% delle pagine mobile utilizza almeno un hint preload per caricare JavaScript, solo lo 0.4% delle pagine mobile usa almeno un hint prefetch.
Ingelsk | Italiaansk |
---|---|
mobile | mobile |
javascript | javascript |
pages | pagine |
load | caricare |
the | lo |
least | almeno |
only | solo |
from | da |
one | un |
of | di |
use | utilizzo |
EN Bar chart showing the distribution of preload hints per page with any preload hints
IT Grafico a barre che mostra la distribuzione dei preload hint per pagina con eventuali preload hint
Ingelsk | Italiaansk |
---|---|
bar | barre |
showing | mostra |
distribution | distribuzione |
chart | grafico |
page | pagina |
the | la |
of | dei |
any | a |
with | con |
EN Figure 2.15. Distribution of the number preload hints per page with any preload hints.
IT Figura 2.15. Distribuzione del numero di hint preload per pagina con qualsiasi hint preload.
Ingelsk | Italiaansk |
---|---|
distribution | distribuzione |
figure | figura |
any | qualsiasi |
page | pagina |
with | con |
of | di |
EN Lastly, running Lighthouse?s ?Preload key requests? audit resulted in 84.6% of pages passing the test. If you are looking to use preload for the first time, remember, fonts and critical scripts are a good place to start.
IT Infine, l?esecuzione dell?audit ?Preload key requests? di Lighthouse ha portato l?84,6% delle pagine a superare il test. Se stai cercando di usare preload per la prima volta, ricorda che i fonts e gli script critici sono un buon punto di partenza.
Ingelsk | Italiaansk |
---|---|
lastly | infine |
key | key |
audit | audit |
remember | ricorda |
fonts | fonts |
critical | critici |
scripts | script |
good | buon |
lighthouse | lighthouse |
pages | pagine |
test | test |
if | se |
a | un |
to use | usare |
looking | cercando |
the | i |
of | di |
are | sono |
time | volta |
and | e |
EN This means that even though a website is using the preload resource hint, the majority prefer to use just this and disable HTTP/2 pushing of that resource.
IT Ciò significa che anche se un sito web utilizza la resource hint preload, la maggioranza preferisce usare solo questo e disabilitare il push HTTP/2 di quella risorsa.
Ingelsk | Italiaansk |
---|---|
prefer | preferisce |
disable | disabilitare |
http | http |
a | un |
resource | risorsa |
to use | usare |
majority | maggioranza |
website | sito |
of | di |
just | solo |
and | e |
this | questo |
the | il |
EN Another tool we have at our disposal for offsetting some of the network costs of loading JavaScript are resource hints, specifically, prefetch and preload.
IT Un altro strumento che abbiamo a nostra disposizione per compensare alcuni dei costi di rete per il caricamento di JavaScript sono le resource hints, in particolare prefetch e preload.
Ingelsk | Italiaansk |
---|---|
tool | strumento |
disposal | disposizione |
costs | costi |
loading | caricamento |
javascript | javascript |
resource | resource |
network | rete |
another | un altro |
are | sono |
specifically | in particolare |
our | nostra |
the | le |
we | abbiamo |
and | e |
EN The preload hint signifies that a resource will be used on the current page and that the browser should download it right away at a higher priority.
IT L?hint preload significa che una risorsa verrà utilizzata nella pagina corrente e che il browser dovrebbe scaricarla subito con una priorità più alta.
Ingelsk | Italiaansk |
---|---|
signifies | significa |
resource | risorsa |
current | corrente |
page | pagina |
browser | browser |
priority | priorità |
and | e |
on | alta |
a | una |
used | utilizzata |
EN Let?s take a look at most predominant resource hints supported by most browsers today: dns-prefetch, preconnect, preload, prefetch, and native lazy loading.
IT Diamo un?occhiata alle resource hints più predominanti supportati ultimamente dalla maggior parte dei browser: dns-prefetch, preconnect, preload, prefetch, e native lazy loading.
Ingelsk | Italiaansk |
---|---|
resource | resource |
supported | supportati |
browsers | browser |
native | native |
lazy | lazy |
a | un |
look at | occhiata |
and | e |
most | maggior |
by | dalla |
EN For desktop, 33% of pages use the dns-prefetch resource hint, 18% use preload, 8% use preconnect, 3% use prefetch, and less than 1% use prerender
IT Per desktop, il 33% delle pagine usa la resource hint dns-prefetch, il 18% usa preload, l?8% usa preconnect, il 3% usa prefetch e meno dell?1% usa prerender
Ingelsk | Italiaansk |
---|---|
desktop | desktop |
resource | resource |
less | meno |
pages | pagine |
and | e |
for | per |
the | il |
of | delle |
EN While you only need the domain to use dns-prefetch and preconnect, you must specify the resource to use preload
IT Anche se hai solo bisogno del dominio per usare dns-prefetch e preconnect, devi specificare la risorsa per usare preload
Ingelsk | Italiaansk |
---|---|
domain | dominio |
specify | specificare |
resource | risorsa |
need | bisogno |
the | la |
to use | usare |
only | solo |
and | e |
must | devi |
EN Across the board developers are learning how to better use resource hints, and compared to 2019 we?ve seen an improved use of preload, prefetch, and preconnect
IT Gli sviluppatori stanno imparando a usare meglio le resource hints e rispetto al 2019 abbiamo visto un uso migliorato di preload, prefetch e preconnect
Ingelsk | Italiaansk |
---|---|
developers | sviluppatori |
resource | resource |
seen | visto |
better | meglio |
improved | migliorato |
an | un |
the | le |
are | stanno |
to | a |
we | abbiamo |
compared | di |
use | uso |
and | e |
EN As we create more and more automation with resource hints, be cautious when dynamically injecting preload hints - or any elements for that matter!
IT Man mano che creiamo sempre più automazione con le resource hints, sii cauto quando si inseriscono dinamicamente le hint di preload o qualsiasi elemento per quella materia!
Ingelsk | Italiaansk |
---|---|
automation | automazione |
resource | resource |
dynamically | dinamicamente |
elements | elemento |
we create | creiamo |
or | o |
be | sii |
when | quando |
with | con |
any | qualsiasi |
matter | che |
that | quella |
EN With preload and prefetch, it?s crucial to use the as attribute to help the browser prioritize the resource more accurately
IT Con preload e prefetch, è fondamentale usare l?attributo as per aiutare il browser a dare la priorità alla resource in modo più accurato
Ingelsk | Italiaansk |
---|---|
crucial | fondamentale |
attribute | attributo |
browser | browser |
resource | resource |
accurately | accurato |
prioritize | priorità |
as | as |
to help | aiutare |
and | è |
to | a |
to use | usare |
the | il |
more | più |
EN With preload and preconnect resources that have CORS enabled, such as fonts, it?s important to include the crossorigin attribute, in order for the resource to be properly used
IT Con le risorse preload e preconnect che hanno CORS abilitato, come i fonts, è importante includere l?attributo crossorigin, in modo che la risorsa venga utilizzata correttamente
Ingelsk | Italiaansk |
---|---|
enabled | abilitato |
fonts | fonts |
important | importante |
attribute | attributo |
properly | correttamente |
resources | risorse |
and | è |
resource | risorsa |
in | in |
with | con |
include | includere |
used | utilizzata |
the | i |
that | che |
EN When it?s time to choose a resource for use with different screen sizes, reach for the media attribute with preload to optimize your media queries.
IT Quando è il momento di scegliere una risorsa da usare con schermi di dimensioni diverse, cerca l?attributo media con preload per ottimizzare le tue query multimediali.
Ingelsk | Italiaansk |
---|---|
resource | risorsa |
screen | schermi |
sizes | dimensioni |
attribute | attributo |
optimize | ottimizzare |
queries | query |
different | diverse |
your | tue |
choose | scegliere |
a | una |
the | le |
media | media |
when | quando |
for | da |
EN For desktop, 29% of pages use the dns-prefetch resource hint, 47% use preload, 34% use preconnect, 10% use prefetch, and less than 1% use prerender
IT Per desktop, il 29% delle pagine usa la resource hint dns-prefetch, il 47% usa preload, il 34% usa preconnect, il 10% usa prefetch e meno dell?1% usa prerender
Ingelsk | Italiaansk |
---|---|
desktop | desktop |
resource | resource |
less | meno |
pages | pagine |
and | e |
for | per |
the | il |
of | delle |
EN With preload and prefetch, the priority is set by the browser depending on the type of resource. By using Priority Hints we can force the browser to change the default option.
IT Con preload e prefetch, la priorità è impostata dal browser a seconda del tipo di risorsa. Utilizzando le Priority Hints possiamo forzare il browser a modificare l?opzione predefinita.
Ingelsk | Italiaansk |
---|---|
browser | browser |
type | tipo |
resource | risorsa |
force | forzare |
default | predefinita |
option | opzione |
we can | possiamo |
change | modificare |
depending | seconda |
to | a |
of | di |
the | le |
priority | priorità |
is | è |
EN resource block/month | billed annually Minimum 1 resource block required 1 resource block can run 1 concurrent Prep flow at a time.
IT Resource Block/mese | con fatturazione annuale È richiesto un minimo di 1 Resource Block 1 Resource Block può eseguire 1 flusso di Tableau Prep simultaneo alla volta.
Ingelsk | Italiaansk |
---|---|
resource | resource |
billed | fatturazione |
annually | annuale |
minimum | minimo |
required | richiesto |
prep | prep |
flow | flusso |
block | block |
month | mese |
a | un |
can | può |
time | volta |
at | alla |
run | di |
EN The most powerful features for web performanceCaching, LazyLoad, Preload, Delay JS, Remove Unused CSS, just to name a few
IT Le funzionalità più potenti per la web performanceCaching, LazyLoad, precaricamento, esecuzione JS differita, rimozione del CSS inutilizzato, solo per citarne alcune
Ingelsk | Italiaansk |
---|---|
powerful | potenti |
js | js |
unused | inutilizzato |
css | css |
web | web |
features | funzionalità |
name | citarne |
the | le |
to | più |
for | per |
EN To that end, preload web fonts to improve the loading speed.
IT A tal fine, precaricate i web font per migliorare la velocità di caricamento.
Ingelsk | Italiaansk |
---|---|
web | web |
fonts | font |
loading | caricamento |
speed | velocità |
improve | migliorare |
to | a |
the | i |
that | tal |
end | per |
EN Mobile operators preload Keeper on their subscribers' mobile phones and tablets to protect against cyber theft.
IT Gli operatori di telefonia mobile precaricano Keeper sui telefoni e sui tablet dei loro abbonati per proteggerli contro i furti cibernetici.
Ingelsk | Italiaansk |
---|---|
operators | operatori |
subscribers | abbonati |
tablets | tablet |
theft | furti |
keeper | keeper |
mobile | mobile |
phones | telefoni |
cyber | e |
EN The most powerful features for web performanceCaching, LazyLoad, Preload, Delay JS, Remove Unused CSS, just to name a few
IT Le funzionalità più potenti per la web performanceCaching, LazyLoad, precaricamento, esecuzione JS differita, rimozione del CSS inutilizzato, solo per citarne alcune
Ingelsk | Italiaansk |
---|---|
powerful | potenti |
js | js |
unused | inutilizzato |
css | css |
web | web |
features | funzionalità |
name | citarne |
the | le |
to | più |
for | per |
EN Mobile operators preload Keeper on their subscribers' mobile phones and tablets to protect against cyber theft.
IT Gli operatori di telefonia mobile precaricano Keeper sui telefoni e sui tablet dei loro abbonati per proteggerli contro i furti cibernetici.
Ingelsk | Italiaansk |
---|---|
operators | operatori |
subscribers | abbonati |
tablets | tablet |
theft | furti |
keeper | keeper |
mobile | mobile |
phones | telefoni |
cyber | e |
EN There?s a risk, particularly with preload, of using too many hints and reducing their effectiveness, so it?s worth looking at the pages that do use these hints to see how many they?re using.
IT C?è il rischio, in particolare con preload, di usare troppe hint e di ridurne l?efficacia, quindi vale la pena guardare le pagine che usano questi suggerimenti per vedere quanti ne stanno usando.
Ingelsk | Italiaansk |
---|---|
risk | rischio |
hints | suggerimenti |
effectiveness | efficacia |
pages | pagine |
of | di |
and | è |
how | quanti |
a | particolare |
too many | troppe |
particularly | in |
the | le |
EN 75% of desktop and mobile pages that use preload hints use it exactly once
IT Il 75% delle pagine desktop e mobile che utilizzano i preload hint lo utilizza esattamente una volta
Ingelsk | Italiaansk |
---|---|
desktop | desktop |
mobile | mobile |
pages | pagine |
and | e |
use | utilizza |
exactly | esattamente |
it | il |
once | volta |
that | che |
EN The 90th percentile is 5 preload hints per page for desktop and 7 for mobile.
IT Il 90° percentile è di 5 preload hint per pagina per desktop e 7 per dispositivi mobile.
Ingelsk | Italiaansk |
---|---|
percentile | percentile |
desktop | desktop |
mobile | mobile |
the | il |
page | pagina |
is | è |
EN At the median, pages that use a prefetch hint to load JavaScript use three, while pages that use a preload hint only use one
IT In media, le pagine che usano un hint prefetch per caricare JavaScript ne usano tre, mentre le pagine che usano un hint preload ne usano solo uno
Ingelsk | Italiaansk |
---|---|
pages | pagine |
javascript | javascript |
a | un |
load | caricare |
the | le |
three | tre |
only | solo |
use | usano |
EN The long tail gets a bit more interesting, with 12 prefetch hints used at the 90th percentile and 7 preload hints used on the 90th as well
IT La coda lunga diventa un po? più interessante, con 12 hint prefetch usati al 90° percentile e 7 hint preload usati anche loro al 90° percentile
Ingelsk | Italiaansk |
---|---|
tail | coda |
interesting | interessante |
percentile | percentile |
long | lunga |
a | un |
and | e |
the | la |
more | più |
with | con |
on | loro |
as well | anche |
bit | un po |
EN To that end, preload web fonts to improve the loading speed.
IT A tal fine, precaricate i web font per migliorare la velocità di caricamento.
Ingelsk | Italiaansk |
---|---|
web | web |
fonts | font |
loading | caricamento |
speed | velocità |
improve | migliorare |
to | a |
the | i |
that | tal |
end | per |
EN How To Preload Links And Key Requests In WordPress?
IT Come precaricare i link e le richieste di chiavi in WordPress?
Ingelsk | Italiaansk |
---|---|
links | link |
key | chiavi |
wordpress | wordpress |
requests | richieste |
in | in |
and | e |
EN New build includes updated DLL Preload, ASLR, and DEP Mitigations.
IT La nuova build include precarimento DLL, ASLR e mitigazioni DEP aggiornati.
Ingelsk | Italiaansk |
---|---|
includes | include |
build | build |
new | nuova |
and | e |
updated | aggiornati |
EN The preload hint initiates an early request. This is useful for loading important resources that would otherwise be discovered late by the parser.
IT L?hint preload avvia una richiesta anticipata. Ciò è utile per caricare risorse importanti che altrimenti verrebbero scoperte in ritardo dal parser.
Ingelsk | Italiaansk |
---|---|
initiates | avvia |
request | richiesta |
useful | utile |
loading | caricare |
important | importanti |
resources | risorse |
otherwise | altrimenti |
is | è |
late | ritardo |
EN Be mindful of what you are going to preload, because it can delay the download of other resources, so use it only for what is most critical to help you improve the Largest Contentful Paint (LCP)
IT Sii consapevole quando andrai ad utilizzare preload, perché può ritardare il download di altre risorse, quindi usalo solo per ciò che è più critico per aiutarti a migliorare il Largest Contentful Paint (LCP)
Ingelsk | Italiaansk |
---|---|
delay | ritardare |
resources | risorse |
critical | critico |
lcp | lcp |
use it | usalo |
download | download |
use | utilizzare |
is | è |
the | il |
can | può |
other | altre |
be | sii |
improve | migliorare |
of | di |
to | a |
only | solo |
so | quindi |
help you | aiutarti |
EN Also, when used on Chrome, it tends to over-prioritize preload resources and potentially dispatches preloads before other critical resources.
IT Inoltre, se utilizzato su Chrome, tende a dare priorità alle risorse di ?preload? e potenzialmente invia preloads prima di altre risorse critiche.
Ingelsk | Italiaansk |
---|---|
chrome | chrome |
potentially | potenzialmente |
critical | critiche |
tends | tende |
prioritize | priorità |
used | utilizzato |
resources | risorse |
other | altre |
on | su |
before | di |
to | a |
and | e |
EN Lastly, if used in a HTTP response header, some CDN?s will also automatically turn a preload into a HTTP/2 push which can over-push cached resources.
IT Infine, se usati in un header di risposta HTTP, alcuni CDN trasformeranno automaticamente un ?preload? in un HTTP/2 push che può sovraccaricare le risorse memorizzate nella cache.
Ingelsk | Italiaansk |
---|---|
lastly | infine |
used | usati |
http | http |
cdn | cdn |
automatically | automaticamente |
header | header |
push | push |
if | se |
a | un |
response | risposta |
resources | risorse |
can | può |
in | in |
some | di |
EN preload increased 2%, from 16% to 18%
IT preload aumentato del 2%, dal 16% al 18%
Ingelsk | Italiaansk |
---|---|
increased | aumentato |
EN preload usage has had a slower growth with only a 2% increase from 2019
IT L?utilizzo di preload ha avuto una crescita più lenta con solo un aumento del 2% dal 2019
Ingelsk | Italiaansk |
---|---|
growth | crescita |
a | un |
increase | aumento |
has | ha |
only | solo |
from | dal |
with | con |
EN While dns-prefetch and preconnect are reasonably low risk, though still can be abused, preload has a much greater potential to actually damage performance if used incorrectly.
IT Mentre dns-prefetch e preconnect sono ragionevolmente a basso rischio, sebbene possano ancora essere abusati, preload ha un potenziale maggiore di danneggiare effettivamente le prestazioni se usato in modo errato.
Ingelsk | Italiaansk |
---|---|
reasonably | ragionevolmente |
risk | rischio |
actually | effettivamente |
damage | danneggiare |
used | usato |
a | un |
performance | prestazioni |
if | se |
are | sono |
potential | potenziale |
be | essere |
to | a |
has | ha |
and | e |
low | di |
incorrectly | errato |
EN preload and prerender both have (median) one hint per page on both mobile and desktop
IT preload e prerender hanno entrambi (mediano) un hint per pagina sia su dispositivo mobile che su desktop
Ingelsk | Italiaansk |
---|---|
median | mediano |
mobile | mobile |
desktop | desktop |
on | su |
and | e |
page | pagina |
both | sia |
one | un |
EN However, this hasn?t stopped some misuse of the preload hint, since in one instance we discovered a page dynamically adding the hint and causing an infinite loop that created over 20k new preloads.
IT Tuttavia, questo non ha impedito un uso improprio del hint preload, poiché in un caso abbiamo scoperto una pagina che aggiungeva dinamicamente l?hint e causava un ciclo infinito che ha creato oltre 20k nuovi precarichi.
Ingelsk | Italiaansk |
---|---|
misuse | uso improprio |
discovered | scoperto |
page | pagina |
dynamically | dinamicamente |
infinite | infinito |
loop | ciclo |
new | nuovi |
a | un |
created | creato |
we | abbiamo |
and | e |
the | caso |
in | in |
this | questo |
hasn | non |
however | tuttavia |
EN Figure 21.4. The most preload hints on a single page.
IT Figura 21.4. Le hints più precaricati su una singola pagina.
Ingelsk | Italiaansk |
---|---|
figure | figura |
page | pagina |
the | le |
on | su |
a | una |
EN With preload many different content-types can be preloaded and the full list follows the recommendations made in the Fetch spec
IT Con preload possono essere precaricati molti diversi tipi di contenuto e la lista completa segue i consigli fatti nelle specifiche Fetch
Ingelsk | Italiaansk |
---|---|
follows | segue |
recommendations | consigli |
made | fatti |
content | contenuto |
full | completa |
types | tipi |
many | molti |
different | diversi |
be | essere |
with | con |
the | i |
can | possono |
list | lista |
and | e |
EN This is likely related to developers increasing the priority of critical CSS and also combining preload fonts with display:optional to improve Cumulative Layout Shift (CLS).
IT Ciò è probabilmente correlato agli sviluppatori che aumentano la priorità dei CSS critici e combinano anche i font preload con display:optional per migliorare Cumulative Layout Shift (CLS).
Ingelsk | Italiaansk |
---|---|
likely | probabilmente |
related | correlato |
developers | sviluppatori |
critical | critici |
css | css |
fonts | font |
display | display |
layout | layout |
priority | priorità |
improve | migliorare |
the | i |
of | dei |
also | anche |
is | è |
with | con |
EN If the crossorigin attribute is absent, the request will follow the single-origin policy thereby making the use of preload useless.
IT Se l?attributo crossorigin è assente, la richiesta seguirà la politica della single-origin rendendo così inutile l?uso del preload.
Ingelsk | Italiaansk |
---|---|
attribute | attributo |
policy | politica |
making | rendendo |
will follow | seguirà |
if | se |
request | richiesta |
is | è |
the | la |
use | uso |
of | del |
EN Figure 21.6. The percent of elements with preload that use crossorigin.
IT Figura 21.6. La percentuale di elementi con preload che usano crossorigin.
Ingelsk | Italiaansk |
---|---|
figure | figura |
percent | percentuale |
the | la |
of | di |
elements | elementi |
with | con |
that | che |
EN The latest trends show that 16.96% of elements that preload also set crossorigin and load in anonymous (or equivalent) modes, and only 0.02% utilize the use-credentials case
IT Le ultime tendenze mostrano che il 16,96% degli elementi che preload imposta anche crossorigin e si caricano in modalità anonima (o equivalente), e solo lo 0,02% utilizza il caso use-credentials
Ingelsk | Italiaansk |
---|---|
trends | tendenze |
show | mostrano |
set | imposta |
anonymous | anonima |
load | caricano |
modes | modalità |
or | o |
equivalent | equivalente |
the | lo |
the latest | ultime |
use | utilizza |
in | in |
elements | elementi |
and | e |
only | solo |
also | anche |
that | che |
case | caso |
EN Figure 21.9. The percent of HTTP/2 Push pages using preload/nopush.
IT Figura 21.9. La percentuale di pagine HTTP/2 Push che utilizzano preload/nopush.
Ingelsk | Italiaansk |
---|---|
figure | figura |
percent | percentuale |
http | http |
pages | pagine |
push | push |
of | di |
the | la |
using | utilizzano |
EN HTTP/2 Push is often initiated through the preload link header
IT HTTP/2 Push viene spesso avviato tramite l?header del link preload
Ingelsk | Italiaansk |
---|---|
http | http |
often | spesso |
initiated | avviato |
link | link |
push | push |
header | header |
is | viene |
the | del |
through | tramite |
EN In the 2020 dataset we have seen 1% of mobile pages using HTTP/2 Push, and of those 75% of preload header links use the nopush option in the page request
IT Nel dataset del 2020 abbiamo visto l?1% delle pagine mobile utilizzare HTTP/2 Push, e di quel 75% dei links di header precaricati utilizzare l?opzione nopush nella richiesta della pagina
Ingelsk | Italiaansk |
---|---|
dataset | dataset |
seen | visto |
mobile | mobile |
http | http |
links | links |
option | opzione |
push | push |
header | header |
pages | pagine |
request | richiesta |
page | pagina |
use | utilizzare |
we | abbiamo |
the | nella |
and | e |
EN One solution to this, is to use the PRPL Pattern which stands for Push (or preload) the critical resources, Render the initial route as soon as possible, Pre-cache remaining assets, and Lazy-load other routes and non-critical assets
IT Una soluzione a questo problema è utilizzare il PRPL Pattern che sta per Push (o precarica) le risorse critiche, Render la route iniziale il prima possibile, pre-cache le risorse rimanenti e Lazy-load altre route e risorse non critiche
Ingelsk | Italiaansk |
---|---|
solution | soluzione |
pattern | pattern |
critical | critiche |
render | render |
possible | possibile |
remaining | rimanenti |
push | push |
route | route |
or | o |
resources | risorse |
initial | iniziale |
other | altre |
to | a |
the | le |
this | questo |
is | è |
Toant {einresultaat} fan 50 oersettings