Preconnect er en ressursantydningsteknikk som etablerer tidlige forbindelser til eksterne ressurser, for eksempel bilder, skript eller stilark, på en nettside. Ved å starte disse tilkoblingene på forhånd, kan nettlesere hente de nødvendige ressursene mer effektivt når de trengs, noe som resulterer i raskere sideinnlastingstid og forbedret brukeropplevelse.
I WordPress kan du bruke `wp_resource_hints()`-funksjonen for å legge til forhåndskoblingstips til nettstedet ditt. Denne funksjonen tar en rekke ressurstyper og URL-er som argumenter og genererer riktig HTML-kode.
For eksempel, for å forhåndskoble til bildene og stilarkene på nettstedet ditt, legger du til følgende kode i temaets `header.php`-fil:
``` php
wp_resource_hints([
'preconnect' => [
[
'href' => 'https://example.com/wp-content/themes/ditt-tema/bilder',
],
[
'href' => 'https://example.com/wp-content/themes/ditt-tema/stilark',
],
],
]);
?>
```
Du kan også bruke `wp_resource_hints()`-funksjonen for å forhåndskoble til eksterne ressurser som ikke er plassert på din egen server. For eksempel, for å forhåndskoble til Google Fonts API, legger du til følgende kode i `header.php`-filen din:
``` php
wp_resource_hints([
'preconnect' => [
[
'href' => 'https://fonts.googleapis.com',
],
],
]);
?>
```
Preconnect er et kraftig verktøy som kan hjelpe deg med å forbedre nettstedets ytelse. Ved å forhåndskoble til viktige ressurser kan du redusere tiden det tar for sidene å laste inn og forbedre den generelle brukeropplevelsen.
Her er noen tips for bruk av preconnect i WordPress:
* Kun forhåndskoble til ressurser som er avgjørende for nettstedets funksjonalitet.
* Unngå å forhåndskoble til ressurser som allerede er bufret av nettleseren.
* Test nettstedets ytelse med og uten forhåndstilkobling for å sikre at det faktisk forbedrer sidens lastetid.
Preconnect er en støttet funksjon i moderne nettlesere, inkludert Google Chrome, Mozilla Firefox og Microsoft Edge. Det støttes imidlertid ikke i eldre nettlesere, for eksempel Internet Explorer 11.
