EN To that end, preload web fonts to improve the loading speed.
EN To that end, preload web fonts to improve the loading speed.
NL Laad daartoe webfonts vooraf om de laadsnelheid te verbeteren.
Англиски | холандски |
---|---|
to | om |
the | de |
loading speed | laadsnelheid |
improve | verbeteren |
EN Handy little online tool to generate preload images (spinners).
NL Ultieme tool om harddisk ruimte terug te winnen - XSlimmer maakt bestaande applicaties kleiner door niet gebruikte zaken te verwijderen. Aanrader!
Англиски | холандски |
---|---|
tool | tool |
to | om |
EN Mobile operators preload Keeper on their subscribers' mobile phones and tablets to protect against cyber theft.
NL Mobiele providers installeren Keeper vooraf op de mobiele telefoons en tablets van hun klanten om ze te beschermen tegen cyberdiefstal.
Англиски | холандски |
---|---|
subscribers | klanten |
tablets | tablets |
keeper | keeper |
mobile | mobiele |
phones | telefoons |
to | om |
on | op |
protect | beschermen |
against | van |
and | en |
their | hun |
EN Mobile operators preload Keeper on their subscribers' mobile phones and tablets to protect against cyber theft.
NL Mobiele providers installeren Keeper vooraf op de mobiele telefoons en tablets van hun klanten om ze te beschermen tegen cyberdiefstal.
Англиски | холандски |
---|---|
subscribers | klanten |
tablets | tablets |
keeper | keeper |
mobile | mobiele |
phones | telefoons |
to | om |
on | op |
protect | beschermen |
against | van |
and | en |
their | hun |
EN Handy little online tool to generate preload images (spinners).
NL ViMediaManager is een media manager voor Mac OS X, welke het mogelijk maakt om informatie, afbeeldingen, trailers, en andere extra te downloaden voor films en TV Series, voor gebruik met b.v. XBMC.
Англиски | холандски |
---|---|
online | media |
images | afbeeldingen |
little | een |
to | om |
EN To that end, preload web fonts to improve the loading speed.
NL Laad daartoe webfonts vooraf om de laadsnelheid te verbeteren.
Англиски | холандски |
---|---|
to | om |
the | de |
loading speed | laadsnelheid |
improve | verbeteren |
EN How To Preload Links And Key Requests In WordPress?
NL Hoe links en sleutelaanvragen vooraf laden in WordPress?
Англиски | холандски |
---|---|
links | links |
wordpress | wordpress |
and | en |
in | in |
EN Bar chart showing 33% of desktop and mobile pages with video have preload of none, 36% of desktop and 27% of mobile pages with video have auto, 24% and 33% respectively have metadata, and 4% and 5% respectively do not have this set.
NL Staafdiagram dat laat zien dat 33% van de desktop- en mobiele pagina?s met video heeft none als preload, 36% van de desktop- en 27% van de mobiele pagina?s met video heeft auto, respectievelijk 24% en 33% heeft metadata en 4% en 5% hebben deze set niet.
Англиски | холандски |
---|---|
desktop | desktop |
mobile | mobiele |
metadata | metadata |
video | video |
do | laat |
showing | met |
auto | de |
pages | pagina |
have | hebben |
this | deze |
EN The preload attribute indicates whether a video should be downloaded, and it can have three values: none, metadata, auto (note that if left empty, the auto value is assumed)
NL Het preload-attribuut geeft aan of een video moet worden gedownload en het kan drie waarden hebben: none, metadata, auto (merk op dat als het leeg wordt gelaten, de auto-waarde wordt aangenomen)
Англиски | холандски |
---|---|
attribute | attribuut |
indicates | geeft aan |
video | video |
downloaded | gedownload |
metadata | metadata |
empty | leeg |
value | waarde |
the | de |
whether | of |
should | moet |
can | kan |
three | drie |
values | waarden |
if | als |
is | wordt |
that | dat |
have | hebben |
EN We can see that 4.81% of pages have <video> elements, and 45.37% of these have the preload attribute
NL We kunnen zien dat 4,81% van de pagina?s <video>-elementen heeft, en 45,37% hiervan heeft het preload-attribuut
Англиски | холандски |
---|---|
gt | gt |
elements | elementen |
attribute | attribuut |
lt | lt |
video | video |
we | we |
the | de |
can | kunnen |
and | en |
that | dat |
see | zien |
pages | pagina |
EN The numbers on mobile are slightly different, with only 3.59% of the pages having <video> elements and 43.38% of these having the preload attribute.
NL De cijfers op mobiel zijn iets anders, met slechts 3,59% van de pagina?s met <video>-elementen en 43,38% van deze met het preload-attribuut.
Англиски | холандски |
---|---|
mobile | mobiel |
video | video |
gt | gt |
elements | elementen |
attribute | attribuut |
lt | lt |
the | de |
on | op |
and | en |
pages | pagina |
are | zijn |
EN To preload a resource, you have to know exactly what resource to load, and the best resource for the task may depend on information not readily available at HTML authoring time.
NL Om een bron vooraf te laden, moet u precies weten welke bron u moet laden, en de beste bron voor de taak kan afhangen van informatie die niet direct beschikbaar is op het moment van HTML-schrijven.
Англиски | холандски |
---|---|
depend | afhangen |
html | html |
to | om |
exactly | precies |
task | taak |
information | informatie |
the | de |
load | laden |
readily | direct |
available | beschikbaar |
resource | - |
best | beste |
on | op |
for | voor |
a | een |
and | en |
what | welke |
EN It is encouraging to see that the adoption of the other attributes is growing compared to last year: includeSubdomains is now at 32.14% and preload at 16.56% of HSTS policies.
NL Het is bemoedigend om te zien dat de acceptatie van de andere attributen toeneemt in vergelijking met vorig jaar: includeSubdomains staat nu op 32,14% en preload op 16,56% van de HSTS-polissen.
Англиски | холандски |
---|---|
attributes | attributen |
compared | vergelijking |
year | jaar |
now | nu |
the | de |
is | is |
to | om |
that | dat |
other | andere |
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.
Англиски | холандски |
---|---|
let | laten |
resource | - |
supported | ondersteund |
browsers | browsers |
today | tegenwoordig |
native | native |
by | door |
a | eens |
most | de |
and | en |
EN The preload hint initiates an early request. This is useful for loading important resources that would otherwise be discovered late by the parser.
NL De preload hint initieert een vroeg verzoek. Dit is handig voor het laden van belangrijke bronnen die anders laat door de parser zouden worden ontdekt.
Англиски | холандски |
---|---|
hint | hint |
request | verzoek |
useful | handig |
loading | laden |
important | belangrijke |
resources | bronnen |
discovered | ontdekt |
late | laat |
is | is |
the | de |
otherwise | anders |
be | worden |
by | door |
this | dit |
would | zouden |
that | die |
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)
NL Houd rekening met wat u gaat preloaden, omdat het het downloaden van andere bronnen kan vertragen, dus gebruik het alleen voor wat het meest kritisch is om u te helpen de Largest Contentful Paint te verbeteren (LCP)
Англиски | холандски |
---|---|
download | downloaden |
critical | kritisch |
lcp | lcp |
resources | bronnen |
use | gebruik |
is | is |
improve | verbeteren |
the | de |
to | om |
so | dus |
what | wat |
can | kan |
help | helpen |
for | voor |
other | andere |
you | u |
because | omdat |
EN Also, when used on Chrome, it tends to over-prioritize preload resources and potentially dispatches preloads before other critical resources.
NL Wanneer het in Chrome wordt gebruikt, heeft het ook de neiging om te hoge prioriteit te geven aan preload-bronnen en mogelijk preloads eerder te verzenden dan andere kritieke bronnen.
Англиски | холандски |
---|---|
chrome | chrome |
resources | bronnen |
potentially | mogelijk |
critical | kritieke |
used | gebruikt |
to | om |
other | andere |
when | wanneer |
and | en |
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.
NL Ten slotte, indien gebruikt in een HTTP-antwoordheader, zullen sommige CDN?s ook automatisch een preload omzetten in een HTTP/2-push die in het cachegeheugen opgeslagen bronnen te veel kan pushen.
Англиски | холандски |
---|---|
used | gebruikt |
http | http |
cdn | cdn |
s | s |
automatically | automatisch |
push | pushen |
resources | bronnen |
if | indien |
in | in |
can | kan |
will | zullen |
response | het |
lastly | ten slotte |
a | een |
some | sommige |
also | ook |
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 preload increased 2%, from 16% to 18%
NL preload is met 2% gestegen, van 16% naar 18%
Англиски | холандски |
---|---|
increased | gestegen |
EN preload usage has had a slower growth with only a 2% increase from 2019
NL Het gebruik van preload heeft een langzamere groei doorgemaakt met slechts een stijging van 2% ten opzichte van 2019
Англиски | холандски |
---|---|
growth | groei |
with | met |
usage | gebruik |
increase | stijging |
has | heeft |
a | slechts |
only | van |
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 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 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
Англиски | холандски |
---|---|
usage | gebruik |
desktop | desktop |
on | op |
and | en |
for | voor |
like | zoals |
EN preload and prerender both have (median) one hint per page on both mobile and desktop
NL preload en prerender hebben beide (mediaan) één hint per pagina op zowel mobiel als desktop
Англиски | холандски |
---|---|
hint | hint |
page | pagina |
mobile | mobiel |
desktop | desktop |
on | op |
and | en |
per | per |
both | zowel |
have | hebben |
one | één |
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.
NL Dit heeft echter niet het misbruik van de preload-hint gestopt, aangezien we in één geval een pagina ontdekten die dynamisch de hint toevoegde en een oneindige lus veroorzaakte die meer dan 20k nieuwe preloads creëerde.
Англиски | холандски |
---|---|
stopped | gestopt |
misuse | misbruik |
hint | hint |
dynamically | dynamisch |
infinite | oneindige |
loop | lus |
new | nieuwe |
in | in |
we | we |
the | de |
this | dit |
page | pagina |
and | en |
of | van |
that | die |
EN Figure 21.4. The most preload hints on a single page.
NL Figuur 21.4. De meest vooraf geladen hints op één pagina.
Англиски | холандски |
---|---|
figure | figuur |
on | op |
page | pagina |
hints | hints |
the | de |
a | vooraf |
EN As we create more and more automation with resource hints, be cautious when dynamically injecting preload hints - or any elements for that matter!
NL Aangezien we steeds meer automatisering creëren met bronhints, moet u voorzichtig zijn bij het dynamisch injecteren van preload hints - of welke elementen dan ook!
Англиски | холандски |
---|---|
automation | automatisering |
dynamically | dynamisch |
elements | elementen |
hints | hints |
create | creëren |
or | of |
we | we |
with | bij |
more | meer |
as | aangezien |
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 With preload many different content-types can be preloaded and the full list follows the recommendations made in the Fetch spec
NL Met preload kunnen veel verschillende content-types worden voorgeladen en de complete lijst volgt de aanbevelingen die in de Fetch spec staan
Англиски | холандски |
---|---|
full | complete |
follows | volgt |
recommendations | aanbevelingen |
spec | spec |
in | in |
different | verschillende |
the | de |
many | veel |
with | met |
can | kunnen |
be | worden |
and | en |
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).
NL Dit heeft waarschijnlijk te maken met het feit dat ontwikkelaars de prioriteit van kritieke CSS verhogen en ook preload-lettertypen combineren met display:optional om de Cumulative Layout Shift (CLS) te verbeteren.
Англиски | холандски |
---|---|
likely | waarschijnlijk |
developers | ontwikkelaars |
priority | prioriteit |
critical | kritieke |
css | css |
combining | combineren |
display | display |
layout | layout |
fonts | lettertypen |
the | de |
to | om |
improve | verbeteren |
this | dit |
with | met |
and | en |
of | van |
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
Англиски | холандски |
---|---|
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 If the crossorigin attribute is absent, the request will follow the single-origin policy thereby making the use of preload useless.
NL Als het attribuut crossorigin ontbreekt, volgt het verzoek het single-origin-beleid, waardoor het gebruik van preload nutteloos is.
Англиски | холандски |
---|---|
attribute | attribuut |
follow | volgt |
policy | beleid |
is | is |
use | gebruik |
request | verzoek |
if | als |
EN Figure 21.6. The percent of elements with preload that use crossorigin.
NL Figuur 21.6. Het percentage elementen met preload dat crossorigin gebruikt.
Англиски | холандски |
---|---|
figure | figuur |
elements | elementen |
use | gebruikt |
with | met |
that | dat |
the | het |
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
NL De laatste trends laten zien dat 16,96% van de elementen die vooraf laden, ook crossorigin instellen en laden in anonieme (of gelijkwaardige) modi, en slechts 0,02% gebruikt het geval van use-credentials
Англиски | холандски |
---|---|
trends | trends |
elements | elementen |
load | laden |
modes | modi |
in | in |
or | of |
use | gebruikt |
set | instellen |
the | de |
latest | laatste |
show | laten zien |
and | en |
that | dat |
of | van |
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.
NL Wanneer het tijd is om een bron te kiezen voor gebruik met verschillende schermformaten, grijp dan naar het media-attribuut met preload om uw mediaquery?s te optimaliseren.
Англиски | холандски |
---|---|
s | s |
media | media |
attribute | attribuut |
optimize | optimaliseren |
time | tijd |
to | om |
choose | kiezen |
use | gebruik |
resource | - |
your | uw |
when | wanneer |
for | voor |
with | met |
EN Lastly, running Lighthouse?s ?Preload key requests? audit resulted in 84.6% of pages passing the test
NL Ten slotte resulteerde het uitvoeren van de ?Preload key requests? audit van Lighthouse in dat 84,6% van de pagina?s voor de test slaagde
Англиски | холандски |
---|---|
s | s |
key | key |
audit | audit |
lighthouse | lighthouse |
the | de |
in | in |
test | test |
lastly | ten slotte |
pages | pagina |
EN If you are looking to use preload for the first time, remember, fonts and critical scripts are a good place to start.
NL Als u preload voor de eerste keer wilt gebruiken, onthoud dan dat lettertypen en kritieke scripts een goede plek zijn om te beginnen.
Англиски | холандски |
---|---|
fonts | lettertypen |
critical | kritieke |
scripts | scripts |
good | goede |
the | de |
to | om |
use | gebruiken |
place | plek |
and | en |
for | voor |
if | als |
you | u |
EN Figure 21.9. The percent of HTTP/2 Push pages using preload/nopush.
NL Figuur 21.9. Het percentage HTTP / 2-push-pagina?s dat gebruikmaakt van preload/nopush.
Англиски | холандски |
---|---|
figure | figuur |
http | http |
pages | pagina |
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
NL In de 2020-dataset hebben we 1% van de mobiele pagina?s gezien die HTTP/2 Push gebruiken, en van die 75% van de vooraf geladen headerlinks gebruikt de optie nopush in het paginaverzoek
Англиски | холандски |
---|---|
seen | gezien |
mobile | mobiele |
http | http |
option | optie |
in | in |
the | de |
we | we |
use | gebruiken |
and | en |
page | pagina |
have | hebben |
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.
NL Dit betekent dat, hoewel een website de bronhint preload gebruikt, de meerderheid er de voorkeur aan geeft om alleen dit te gebruiken en HTTP/2-pushing van die bron uit te schakelen.
Англиски | холандски |
---|---|
website | website |
prefer | voorkeur |
http | http |
the | de |
use | gebruiken |
disable | uit |
resource | - |
means | betekent |
majority | meerderheid |
and | en |
a | een |
of | van |
this | dit |
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
NL Een oplossing hiervoor is om het PRPL-patroon te gebruiken dat staat voor Push (of preload) de kritieke bronnen, Render de initiële route zo snel mogelijk, Pre-cache resterende activa, en Lazy-load andere routes en niet-kritieke activa
Англиски | холандски |
---|---|
pattern | patroon |
critical | kritieke |
resources | bronnen |
soon | snel |
possible | mogelijk |
remaining | resterende |
assets | activa |
solution | oplossing |
or | of |
routes | routes |
the | de |
to | om |
is | is |
use | gebruiken |
other | andere |
route | route |
and | en |
initial | een |
for | voor |
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 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 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 |
EN Implementations instead reused the preload HTTP link header to indicate this
NL Implementaties hebben in plaats daarvan de vooraf geladen HTTP-link-header hergebruikt om dit aan te geven
Англиски | холандски |
---|---|
implementations | implementaties |
instead | in plaats daarvan |
reused | hergebruikt |
http | http |
link | link |
header | header |
the | de |
to | om |
indicate | geven |
this | dit |
Се прикажуваат 48 од 48 преводи