EN When including images from another domain, the rel=preconnect attribute can be used on a <link> element to give browsers an opportunity to initiate DNS connections before they are needed
EN When including images from another domain, the rel=preconnect attribute can be used on a <link> element to give browsers an opportunity to initiate DNS connections before they are needed
NL Bij het opnemen van afbeeldingen van een ander domein, kan het rel=preconnect-attribuut worden gebruikt op een <link>-element om browsers de mogelijkheid te geven DNS-verbindingen te initiëren voordat ze nodig zijn
Ingliż | Olandiż |
---|---|
images | afbeeldingen |
domain | domein |
rel | rel |
attribute | attribuut |
link | link |
gt | gt |
element | element |
browsers | browsers |
dns | dns |
connections | verbindingen |
lt | lt |
used | gebruikt |
on | op |
the | de |
needed | nodig |
can | kan |
to | om |
opportunity | mogelijkheid |
including | te |
another | van |
be | worden |
give | geven |
they | ze |
EN The other settings give a lot more bang for the buck, with preconnect being a sweet spot for ease of use, flexibility, and performance improvement
NL De andere instellingen geven veel meer waar voor uw geld, waarbij preconnect een goede plek is voor gebruiksgemak, flexibiliteit en prestatieverbetering
Ingliż | Olandiż |
---|---|
settings | instellingen |
flexibility | flexibiliteit |
ease of use | gebruiksgemak |
the | de |
other | andere |
with | waarbij |
spot | is |
and | en |
a | een |
for | geld |
more | meer |
EN The use of preconnect has grown considerably since last year, now at 8% from 2%, but there?s a lot more potential performance still left on the table
NL Het gebruik van preconnect is aanzienlijk gegroeid sinds vorig jaar, nu 8% van 2%, maar er ligt nog veel meer potentiële prestatie op tafel
Ingliż | Olandiż |
---|---|
grown | gegroeid |
considerably | aanzienlijk |
potential | potentiële |
table | tafel |
use | gebruik |
year | jaar |
now | nu |
on | op |
but | |
more | meer |
there | er |
has | is |
performance | prestatie |
EN Even so, services such as Google Fonts are highly optimized, and best practices such as use of swap and preconnect mitigate much of the impact of the additional HTTP connection.
NL Desalniettemin zijn services zoals Google Fonts in hoge mate geoptimaliseerd, en beste praktijken zoals het gebruik van swap en preconnect verzachten veel van de impact van de extra HTTP-verbinding.
Ingliż | Olandiż |
---|---|
fonts | fonts |
impact | impact |
http | http |
connection | verbinding |
optimized | geoptimaliseerd |
best | beste |
the | de |
practices | praktijken |
use | gebruik |
additional | extra |
services | services |
much | veel |
as | zoals |
and | en |
of | van |
are | zijn |
EN Ironmongerydirect.co.uk used preconnect to improve product image loading by 400ms at the median and greater than 1s at the 95th percentile.
NL Ironmongerydirect.co.uk gebruikte preconnect om het laden van productafbeeldingen te verbeteren met 400 ms bij de mediaan en meer dan 1 seconde bij het 95e percentiel.
Ingliż | Olandiż |
---|---|
co | co |
loading | laden |
uk | uk |
the | de |
to | om |
improve | verbeteren |
and | en |
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.
Ingliż | Olandiż |
---|---|
let | laten |
resource | - |
supported | ondersteund |
browsers | browsers |
today | tegenwoordig |
native | native |
by | door |
a | eens |
most | de |
and | en |
EN As the oldest resource hint available, it uses minimal CPU and network resources compared to preconnect, and helps the browser to avoid experiencing the ?worst-case? delay for DNS resolution, which can be over 1 second.
NL Als de oudste beschikbare bronhint, gebruikt het minimale CPU- en netwerkbronnen in vergelijking met preconnect, en helpt de browser om de ?worst-case? vertraging voor DNS-resolutie te vermijden, diemeer dan 1 seconde kan zijn.
Ingliż | Olandiż |
---|---|
oldest | oudste |
resource | - |
minimal | minimale |
cpu | cpu |
compared | vergelijking |
helps | helpt |
browser | browser |
delay | vertraging |
dns | dns |
resolution | resolutie |
second | seconde |
the | de |
to | om |
experiencing | zijn |
avoid | vermijden |
for | voor |
as | als |
uses | met |
and | en |
over | in |
EN preconnect helps resolve the IP address and open a TCP/TLS connection for a given domain ahead of time
NL preconnect helpt het IP-adres op te lossen en van tevoren een TCP/TLS-verbinding voor een bepaald domein te openen
Ingliż | Olandiż |
---|---|
helps | helpt |
address | adres |
tcp | tcp |
tls | tls |
connection | verbinding |
domain | domein |
and | en |
the | openen |
ahead | voor |
a | een |
of | van |
EN Be mindful when you use preconnect:
NL Let op wanneer u preconnect gebruikt:
Ingliż | Olandiż |
---|---|
use | gebruikt |
when | wanneer |
you | u |
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.
Ingliż | Olandiż |
---|---|
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 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
Ingliż | Olandiż |
---|---|
desktop | desktop |
resource | - |
use | gebruikt |
the | de |
and | en |
for | voor |
pages | pagina |
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).
Ingliż | Olandiż |
---|---|
mobile | mobiel |
except | behalve |
usage | gebruik |
higher | hoger |
is | is |
similar | vergelijkbaar |
that | dat |
and | en |
EN We saw a similar increase for preconnect as well
NL We zagen ook een vergelijkbare toename voor preconnect
Ingliż | Olandiż |
---|---|
saw | zagen |
similar | vergelijkbare |
increase | toename |
we | we |
for | voor |
a | een |
as well | ook |
EN preconnect increased 5%, from 4% to 9%
NL preconnect is met 5% gestegen, van 4% naar 9%
Ingliż | Olandiż |
---|---|
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
Ingliż | Olandiż |
---|---|
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.
Ingliż | Olandiż |
---|---|
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 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
Ingliż | Olandiż |
---|---|
developers | ontwikkelaars |
resource | - |
better | beter |
the | de |
we | we |
improved | verbeterd |
use | gebruiken |
and | leren |
of | van |
EN For expensive operations like preload and preconnect the median usage on desktop decreased from 2 to 1
NL Voor dure bewerkingen zoals preload en pre-connect daalde het mediaan gebruik op desktop van 2 naar 1
Ingliż | Olandiż |
---|---|
usage | gebruik |
desktop | desktop |
on | op |
and | en |
for | voor |
like | zoals |
EN preconnect has (median) one hint per page on desktop, and (median) two hints per page on mobile.
NL preconnect heeft (mediaan) één hint per pagina op desktop en (mediaan) twee hints per pagina op mobiel.
Ingliż | Olandiż |
---|---|
hint | hint |
page | pagina |
desktop | desktop |
mobile | mobiel |
hints | hints |
on | op |
per | per |
two | twee |
and | en |
one | één |
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
NL Met preload en preconnect bronnen die CORS hebben ingeschakeld, zoals fonts, is het belangrijk om het crossorigin attribuut op te nemen, zodat de bron correct kan worden gebruikt
Ingliż | Olandiż |
---|---|
enabled | ingeschakeld |
fonts | fonts |
important | belangrijk |
attribute | attribuut |
properly | correct |
the | de |
resources | bronnen |
used | gebruikt |
to | zodat |
as | zoals |
be | worden |
with | op |
resource | bron |
and | en |
have | hebben |
that | die |
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.
Ingliż | Olandiż |
---|---|
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
Ingliż | Olandiż |
---|---|
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.
Ingliż | Olandiż |
---|---|
in | in |
the | de |
resource | - |
of | bijna |
pages | pagina |
EN Figure 21.7. The percent of pages that pass the preconnect Lighthouse audit.
NL Figuur 21.7. Het percentage pagina?s dat de preconnect Lighthouse-audit heeft doorstaan.
Ingliż | Olandiż |
---|---|
figure | figuur |
pages | pagina |
audit | audit |
the | de |
that | dat |
of | het |
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
Ingliż | Olandiż |
---|---|
desktop | desktop |
resource | - |
use | gebruikt |
the | de |
and | en |
for | voor |
pages | pagina |
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).
Ingliż | Olandiż |
---|---|
mobile | mobiel |
except | behalve |
usage | gebruik |
higher | hoger |
lower | lager |
is | is |
similar | vergelijkbaar |
that | dat |
and | en |
Li turi 26 minn 26 traduzzjonijiet