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.
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 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)
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 We kunnen zien dat 4,81% van de pagina?s <video>-elementen heeft, en 45,37% hiervan heeft het preload-attribuut
EN We can see that 4.81% of pages have <video> elements, and 45.37% of these have 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.
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 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.
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 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.
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 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.
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 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.
EN Also, when used on Chrome, it tends to over-prioritize preload resources and potentially dispatches preloads before other critical 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.
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 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
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 preload is met 2% gestegen, van 16% naar 18%
EN preload increased 2%, from 16% to 18%
NL Het gebruik van preload heeft een langzamere groei doorgemaakt met slechts een stijging van 2% ten opzichte van 2019
EN preload usage has had a slower growth with only a 2% increase from 2019
NL Hoewel u alleen het domein nodig hebt om dns-prefetch en preconnect te gebruiken, moet u de bron specificeren om preload te gebruiken
EN While you only need the domain to use dns-prefetch and preconnect, you must specify the resource to use preload
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.
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 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
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 Voor dure bewerkingen zoals preload en pre-connect daalde het mediaan gebruik op desktop van 2 naar 1
EN For expensive operations like preload and preconnect the median usage on desktop decreased from 2 to 1
NL preload en prerender hebben beide (mediaan) één hint per pagina op zowel mobiel als desktop
EN preload and prerender both have (median) one hint per page on both mobile and desktop
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.
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 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!
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 Met preload en prefetch is het cruciaal om het as-attribuut te gebruiken om de browser te helpen de bron nauwkeuriger te prioriteren
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 kunnen veel verschillende content-types worden voorgeladen en de complete lijst volgt de aanbevelingen die in de Fetch spec staan
EN With preload many different content-types can be preloaded and the full list follows the recommendations made in the Fetch spec
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.
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 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
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 Als het attribuut crossorigin ontbreekt, volgt het verzoek het single-origin-beleid, waardoor het gebruik van preload nutteloos is.
EN If the crossorigin attribute is absent, the request will follow the single-origin policy thereby making the use of preload useless.
NL Figuur 21.6. Het percentage elementen met preload dat crossorigin gebruikt.
EN Figure 21.6. The percent of elements with preload that use crossorigin.
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.
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 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
EN Lastly, running Lighthouse?s ?Preload key requests? audit resulted in 84.6% of pages passing the test
NL Als u preload voor de eerste keer wilt gebruiken, onthoud dan dat lettertypen en kritieke scripts een goede plek zijn om te beginnen.
EN If you are looking to use preload for the first time, remember, fonts and critical scripts are a good place to start.
NL Figuur 21.9. Het percentage HTTP / 2-push-pagina?s dat gebruikmaakt van preload/nopush.
EN Figure 21.9. The percent of HTTP/2 Push pages using preload/nopush.
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.
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 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
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 Voor zowel preload als prefetch is de acceptatie toegenomen wanneer de pagina wordt beheerd door een Service Worker
EN For both preload and prefetch we?ve had an increase in adoption when the page is controlled by a Service Worker
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
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 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.
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 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.
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.
Es mostren 35 de 35 traduccions
Alemany 
Anglès 
Coreà 
Espanyol 
Finès 
Francès 
Hongarès 
Italià 
Japonès 
Noruec 
Polonès 
Portuguès 
Rus 
Suec 
Turc 
Txec 
Xinès 
Àrab