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.
Traduzir "preload en preconnect" para inglês
Mostrando 50 de 50 traduções da frase "preload en preconnect" de holandês para inglês
Tradução de holandês para inglês de preload en preconnect
holandês
inglês
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 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 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 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 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 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
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 De andere instellingen geven veel meer waar voor uw geld, waarbij preconnect een goede plek is voor gebruiksgemak, flexibiliteit en prestatieverbetering
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 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
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 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.
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 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.
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 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.
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 preconnect helpt het IP-adres op te lossen en van tevoren een TCP/TLS-verbinding voor een bepaald domein te openen
EN preconnect helps resolve the IP address and open a TCP/TLS connection for a given domain ahead of time
NL Let op wanneer u preconnect gebruikt:
EN Be mindful when you use preconnect:
NL Ten slotte is preconnect niet beschikbaar voor Internet Explorer of Firefox, en het gebruik van dns-prefetch als een terugval is sterk geadviseerd.
EN Lastly, preconnect is not available for Internet Explorer or Firefox, and using dns-prefetch as a fallback is highly advised.
NL Mobiel is vergelijkbaar, behalve dat dns-prefetch 34% gebruik heeft (1% hoger) en preconnect 9% (1% hoger).
EN Mobile is similar, except that dns-prefetch has 34% usage (1% higher), and preconnect has 9% (1% higher).
NL We zagen ook een vergelijkbare toename voor preconnect
EN We saw a similar increase for preconnect as well
NL preconnect is met 5% gestegen, van 4% naar 9%
EN preconnect increased 5%, from 4% to 9%
NL preconnect heeft (mediaan) één hint per pagina op desktop en (mediaan) twee hints per pagina op mobiel.
EN preconnect has (median) one hint per page on desktop, and (median) two hints per page on mobile.
NL Om dns-prefetch en preconnect veilig te implementeren, moet u ervoor zorgen dat ze in aparte link-tags staan.
EN To safely implement dns-prefetch and preconnect make sure to have them in separate links tags.
NL Het implementeren van een dns-prefetch fallback in dezelfde <link>-tag veroorzaakt een bug in Safari die het preconnect-verzoek annuleert
EN Implementing a dns-prefetch fallback in the same <link> tag causes a bug in Safari that cancels the preconnect request
NL Bijna 2% van de pagina?s (~ 40k) meldde het probleem van zowel preconnect als dns-prefetch in een enkele bron.
EN Close to 2% of pages (~40k) reported the issue of both preconnect & dns-prefetch in a single resource.
NL Figuur 21.7. Het percentage pagina?s dat de preconnect Lighthouse-audit heeft doorstaan.
EN Figure 21.7. The percent of pages that pass the preconnect Lighthouse audit.
NL Mobiel is vergelijkbaar, behalve dat dns-prefetch 30% gebruik heeft (1% hoger) en preconnect 34% (13% lager).
EN Mobile is similar, except that dns-prefetch has 30% usage (1% higher), and preconnect has 34% (13% lower).
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 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 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 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 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
Mostrando 50 de 50 traduções
Traduções semelhantes
preload en preconnect preconnect swap en preconnect slotte is preconnect gebruikt preconnect preload preload en prefetch preload als prefetch preload op desktop preload en prerender none als preload gebruikt preloadTraduzir preload en preconnect para outro idioma
Tcheco 
alemão 
chinês 
coreano 
espanhol 
finlandês 
francês 
húngaro 
inglês 
italiano 
japonês 
norueguês 
polonês 
português 
russo 
sueco 
turco 
árabe