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.
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.
NL Laten we eens kijken naar de meest voorkomende bronhints die tegenwoordig door de meeste browsers worden ondersteund: dns-prefetch, preconnect, preload, prefetch, en native lazy loading.
Англійська | Голландська |
---|---|
let | laten |
resource | - |
supported | ondersteund |
browsers | browsers |
today | tegenwoordig |
native | native |
by | door |
a | eens |
most | de |
and | en |
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
NL Voor desktop gebruikt 33% van de pagina?s de dns-prefetch bronhint, 18% gebruikt preload, 8% gebruikt preconnect, 3% gebruikt prefetch en minder dan 1% gebruikt prerender
Англійська | Голландська |
---|---|
desktop | desktop |
resource | - |
use | gebruikt |
the | de |
and | en |
for | voor |
pages | pagina |
EN prefetch and dns-prefetch both have (median) two hints per page on both mobile and desktop
NL prefetch en dns-prefetch hebben beide (mediaan) twee hints per pagina op zowel mobiel als desktop
Англійська | Голландська |
---|---|
page | pagina |
mobile | mobiel |
desktop | desktop |
hints | hints |
on | op |
and | en |
per | per |
two | twee |
both | zowel |
have | hebben |
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
NL Voor desktop gebruikt 29% van de pagina?s de dns-prefetch bronhint, 47% gebruikt preload, 34% gebruikt preconnect, 10% gebruikt prefetch en minder dan 1% gebruikt prerender
Англійська | Голландська |
---|---|
desktop | desktop |
resource | - |
use | gebruikt |
the | de |
and | en |
for | voor |
pages | pagina |
EN The most common (at about 32% of web pages) is dns-prefetch, even though in most cases there are better choices.
NL De meest voorkomende (bij ongeveer 32% van de webpagina?s) is dns-prefetch, hoewel er in de meeste gevallen betere keuzes zijn.
Англійська | Голландська |
---|---|
cases | gevallen |
choices | keuzes |
is | is |
better | betere |
the | de |
pages | van |
about | ongeveer |
in | in |
though | hoewel |
there | er |
are | zijn |
EN Analysis of this data suggests that the dns-prefetch setting, while the most popular, doesn?t improve performance much, if at all
NL Analyse van deze gegevens suggereert dat de dns-prefetch-instelling, hoewel de meest populaire, de prestaties niet veel of helemaal niet verbetert
Англійська | Голландська |
---|---|
suggests | suggereert |
setting | instelling |
improve | verbetert |
performance | prestaties |
popular | populaire |
the | de |
much | veel |
analysis | analyse |
data | gegevens |
that | dat |
of | van |
this | deze |
if | niet |
EN dns-prefetch helps resolve the IP address for a given domain ahead of time
NL dns-prefetch helpt het IP-adres voor een bepaald domein van tevoren op te lossen
Англійська | Голландська |
---|---|
helps | helpt |
address | adres |
domain | domein |
ahead | voor |
a | een |
EN Similar to dns-prefetch it is used for any cross-origin domain and helps the browser to warm up any resources used during the initial page load.
NL Vergelijkbaar met dns-prefetch wordt het gebruikt voor elk cross-origin-domein en helpt het de browser om alle bronnen op te warmen die worden gebruikt tijdens het laden van de eerste pagina.
Англійська | Голландська |
---|---|
domain | domein |
helps | helpt |
browser | browser |
resources | bronnen |
load | laden |
the | de |
to | om |
used | gebruikt |
is | wordt |
page | pagina |
during | tijdens |
and | en |
EN Lastly, preconnect is not available for Internet Explorer or Firefox, and using dns-prefetch as a fallback is highly advised.
NL Ten slotte is preconnect niet beschikbaar voor Internet Explorer of Firefox, en het gebruik van dns-prefetch als een terugval is sterk geadviseerd.
Англійська | Голландська |
---|---|
internet | internet |
explorer | explorer |
firefox | firefox |
highly | sterk |
advised | geadviseerd |
is | is |
or | of |
using | gebruik |
available | beschikbaar |
and | en |
as | als |
a | een |
for | voor |
not | niet |
lastly | ten slotte |
EN The prefetch hint allows us to initiate low-priority requests we expect to be used on the next navigation
NL De prefetch hint stelt ons in staat om verzoeken met lage prioriteit te initiëren waarvan we verwachten dat ze gebruikt zullen worden bij de volgende navigatie
Англійська | Голландська |
---|---|
hint | hint |
requests | verzoeken |
expect | verwachten |
navigation | navigatie |
low | lage |
priority | prioriteit |
the | de |
we | we |
us | ons |
to | om |
used | gebruikt |
be | worden |
to be | staat |
next | volgende |
EN Important to notice, prefetch will not execute or otherwise process the resource, and to execute it the page will still need to call the resource by the <script> tag.
NL Belangrijk om op te merken, prefetch zal de bron niet uitvoeren of anderszins verwerken, en om het uit te voeren, zal de pagina de bron nog steeds moeten aanroepen met de <script> tag.
Англійська | Голландська |
---|---|
important | belangrijk |
resource | bron |
script | script |
gt | gt |
lt | lt |
or | of |
process | verwerken |
page | pagina |
the | de |
execute | uitvoeren |
will | zal |
to | om |
tag | tag |
and | en |
EN Mobile is similar, except that dns-prefetch has 34% usage (1% higher), and preconnect has 9% (1% higher).
NL Mobiel is vergelijkbaar, behalve dat dns-prefetch 34% gebruik heeft (1% hoger) en preconnect 9% (1% hoger).
Англійська | Голландська |
---|---|
mobile | mobiel |
except | behalve |
usage | gebruik |
higher | hoger |
is | is |
similar | vergelijkbaar |
that | dat |
and | en |
EN The relative popularity of dns-prefetch with 33% adoption compared with other resource hints is unsurprising as it first appeared in 2009, and has the widest support out of all major resource hints.
NL De relatieve populariteit van dns-prefetch met een acceptatie van 33% vergeleken met andere bronhints is niet verrassend aangezien het voor het eerst verscheen in 2009, en heeft de breedste ondersteuning van alle belangrijke bronhints.
Англійська | Голландська |
---|---|
popularity | populariteit |
resource | - |
appeared | verscheen |
support | ondersteuning |
major | belangrijke |
is | is |
in | in |
the | de |
relative | relatieve |
compared | vergeleken |
with | met |
as | aangezien |
other | andere |
and | en |
EN Compared to 2019 the dns-prefetch had a 4% increase in Desktop adoption
NL Vergeleken met 2019 had de dns-prefetch een toename van 4% in Desktop-acceptatie
Англійська | Голландська |
---|---|
increase | toename |
desktop | desktop |
in | in |
the | de |
a | een |
EN dns-prefetch increased 5%, from 29% to 34%
NL dns-prefetch is met 5% gestegen, van 29% naar 34%
Англійська | Голландська |
---|---|
increased | gestegen |
EN While you only need the domain to use dns-prefetch and preconnect, you must specify the resource to use preload
NL Hoewel u alleen het domein nodig hebt om dns-prefetch en preconnect te gebruiken, moet u de bron specificeren om preload te gebruiken
Англійська | Голландська |
---|---|
domain | domein |
specify | specificeren |
the | de |
to | om |
use | gebruiken |
need | nodig |
must | moet |
resource | - |
and | en |
you | u |
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.
NL Hoewel dns-prefetch en preconnect een redelijk laag risico vormen, maar nog steeds kunnen worden misbruikt, heeft preload een veel groter potentieel om de prestaties daadwerkelijk te schaden als het onjuist wordt gebruikt.
Англійська | Голландська |
---|---|
reasonably | redelijk |
low | laag |
risk | risico |
actually | daadwerkelijk |
used | gebruikt |
potential | potentieel |
to | om |
performance | prestaties |
much | te |
if | als |
and | en |
can | kunnen |
a | een |
though | maar |
still | de |
be | worden |
EN prefetch is used by 3% of sites on Desktop, making it the least widely used resource hint
NL prefetch wordt gebruikt door 3% van de sites op Desktop, waardoor het de minst gebruikte bronhint is
Англійська | Голландська |
---|---|
desktop | desktop |
least | minst |
is | is |
on | op |
the | de |
used | gebruikt |
by | door |
sites | sites |
EN This low usage may be explained by the fact that prefetch is useful for improving subsequent, rather than current, page loads
NL Dit lage gebruik kan worden verklaard door het feit dat prefetch nuttig is om volgende, in plaats van huidige, paginaladingen te verbeteren
Англійська | Голландська |
---|---|
low | lage |
usage | gebruik |
fact | feit |
useful | nuttig |
improving | verbeteren |
is | is |
current | huidige |
page | plaats |
be | worden |
by | door |
that | dat |
subsequent | volgende |
rather | in |
this | dit |
EN In the coming years with a more clear definition on what to measure for improving subsequent page experience, it could help teams prioritize prefetch adoption with clear performance quality goals to reach.
NL In de komende jaren met een duidelijkere definitie van wat moet worden gemeten om de volgende pagina-ervaring te verbeteren, kan het teams helpen prioriteit te geven aan prefetch-acceptatie met duidelijke prestatiekwaliteitsdoelen om te bereiken.
Англійська | Голландська |
---|---|
clear | duidelijke |
definition | definitie |
experience | ervaring |
teams | teams |
in | in |
page | pagina |
help | helpen |
the | de |
to | om |
what | wat |
coming | van |
performance | kan |
with | met |
it | het |
could | worden |
a | volgende |
improving | verbeteren |
reach | bereiken |
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
NL Over de hele linie leren ontwikkelaars hoe ze resource-hints beter kunnen gebruiken, en vergeleken met 2019 hebben we een verbeterd gebruik van preload, prefetch en preconnect
Англійська | Голландська |
---|---|
developers | ontwikkelaars |
resource | - |
better | beter |
the | de |
we | we |
improved | verbeterd |
use | gebruiken |
and | leren |
of | van |
EN We have seen the opposite for loading future resources with a lower priority with prefetch, with an increase from 1 to 2 in median per page.
NL We hebben het tegenovergestelde gezien bij het laden van toekomstige bronnen met een lagere prioriteit met prefetch, met een toename van 1 naar 2 in mediaan per pagina.
Англійська | Голландська |
---|---|
seen | gezien |
loading | laden |
future | toekomstige |
resources | bronnen |
priority | prioriteit |
increase | toename |
page | pagina |
we | we |
lower | lagere |
have | hebben |
in | in |
with | bij |
a | een |
EN With preload and prefetch, it?s crucial to use the as attribute to help the browser prioritize the resource more accurately
NL Met preload en prefetch is het cruciaal om het as-attribuut te gebruiken om de browser te helpen de bron nauwkeuriger te prioriteren
Англійська | Голландська |
---|---|
crucial | cruciaal |
attribute | attribuut |
browser | browser |
prioritize | prioriteren |
accurately | nauwkeuriger |
the | de |
to | om |
use | gebruiken |
help | helpen |
resource | - |
with | met |
and | en |
EN To safely implement dns-prefetch and preconnect make sure to have them in separate links tags.
NL Om dns-prefetch en preconnect veilig te implementeren, moet u ervoor zorgen dat ze in aparte link-tags staan.
Англійська | Голландська |
---|---|
separate | aparte |
links | link |
tags | tags |
implement | implementeren |
in | in |
to | om |
safely | veilig |
and | en |
sure | dat |
them | ze |
EN Implementing a dns-prefetch fallback in the same <link> tag causes a bug in Safari that cancels the preconnect request
NL Het implementeren van een dns-prefetch fallback in dezelfde <link>-tag veroorzaakt een bug in Safari die het preconnect-verzoek annuleert
Англійська | Голландська |
---|---|
implementing | implementeren |
link | link |
gt | gt |
tag | tag |
causes | veroorzaakt |
safari | safari |
request | verzoek |
lt | lt |
in | in |
a | een |
the | dezelfde |
EN Close to 2% of pages (~40k) reported the issue of both preconnect & dns-prefetch in a single resource.
NL Bijna 2% van de pagina?s (~ 40k) meldde het probleem van zowel preconnect als dns-prefetch in een enkele bron.
Англійська | Голландська |
---|---|
in | in |
the | de |
resource | - |
of | bijna |
pages | pagina |
EN Combining prefetch with machine learning can help improve the performance of subsequent page(s)
NL Door prefetch te combineren met machine learning, kunnen de prestaties van volgende pagina(?s) worden verbeterd
Англійська | Голландська |
---|---|
combining | combineren |
machine | machine |
learning | learning |
subsequent | volgende |
s | s |
improve | verbeterd |
page | pagina |
the | de |
performance | prestaties |
can | kunnen |
with | met |
of | van |
EN For both preload and prefetch we?ve had an increase in adoption when the page is controlled by a Service Worker
NL Voor zowel preload als prefetch is de acceptatie toegenomen wanneer de pagina wordt beheerd door een Service Worker
Англійська | Голландська |
---|---|
controlled | beheerd |
service | service |
page | pagina |
is | is |
the | de |
by | door |
when | wanneer |
for | voor |
a | een |
both | zowel |
EN Mobile is similar, except that dns-prefetch has 30% usage (1% higher), and preconnect has 34% (13% lower).
NL Mobiel is vergelijkbaar, behalve dat dns-prefetch 30% gebruik heeft (1% hoger) en preconnect 34% (13% lager).
Англійська | Голландська |
---|---|
mobile | mobiel |
except | behalve |
usage | gebruik |
higher | hoger |
lower | lager |
is | is |
similar | vergelijkbaar |
that | dat |
and | en |
EN For preload on desktop we have an outstanding 47% rate of adoption and prefetch a 10% rate of adoption. In both cases the data is much higher compared to average adoption without a Service Worker.
NL Voor preload op desktop hebben we een uitstekende acceptatiegraad van 47% en prefetch een acceptatiegraad van 10%. In beide gevallen zijn de gegevens veel hoger in vergelijking met de gemiddelde acceptatie zonder service worker.
Англійська | Голландська |
---|---|
desktop | desktop |
outstanding | uitstekende |
cases | gevallen |
compared | vergelijking |
average | gemiddelde |
service | service |
on | op |
in | in |
the | de |
we | we |
data | gegevens |
without | zonder |
and | en |
have | hebben |
of | van |
a | beide |
higher | hoger |
for | voor |
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.
NL Met preload en prefetch wordt de prioriteit bepaald door de browser, afhankelijk van het brontype. Door Priority Hints te gebruiken kunnen we de browser dwingen de standaardoptie te wijzigen.
Англійська | Голландська |
---|---|
priority | prioriteit |
browser | browser |
hints | hints |
the | de |
we | we |
is | wordt |
change | wijzigen |
and | en |
force | dwingen |
by | door |
depending | afhankelijk |
of | van |
using | te |
with | met |
Показано 31 з 31 перекладів