Hvordan kan du sikre, at dine besøgende kan indlæse dine links med det samme? Du har brug for en teknologi kaldet linkindlæsning. Den forudindlæser automatisk dine links, så dine besøgende kan se indholdet, så snart de klikker på dem. Formålet med dette indlæg er at give instruktioner om, hvordan man tilføjer forudindlæste links til WordPress-blogs.
Formålet med dette indlæg er at give en detaljeret forklaring på, hvordan man forudindlæser links i WordPress.
Hvorfor forudindlæse links i WordPress?
Det er muligt at indstille browseren til at forudindlæse linket i baggrunden for at fremskynde indlæsningstiden. Den besøgende finder linket allerede indlæst, når de klikker på linket. Når en besøgende hurtigt finder alt på din hjemmeside, er det sandsynligt, at de bliver på den. Derfor vil du opnå betydelige fordele med hensyn til SEO som følge af dette.
Hvis dine interne sider er forudindlæst, er der større sandsynlighed for, at besøgende bliver på dit websted i længere tid og ser flere sider, da dit websted er hurtigere. Derfor kan du forbedre din WordPress SEO ved at øge dit websteds hastighed.
Selvom der er mange ting, du kan gøre for at gøre dit WordPress-websted hurtigere, er forhåndsindlæsning af links en af de nemmeste ting, du kan gøre, og det kan være en stor hjælp for dit websteds hastighed.
Men hvis du vil konfigurere forudindlæsning på den rigtige måde, skal du sørge for at undgå nogle almindelige fejl. For eksempel kan for aggressive indstillinger og forudindlæsning af alle dine interne links have den modsatte effekt og endda få din server til at gå ned.
Sådan forudindlæser du links i WordPress: Brug af Flying Pages-pluginet
Det første du skal gøre er at downloade pluginnet Flying Pages og installere det i dit WordPress-dashboard.
Fra dit WordPress-dashboard skal du nu navigere til Indstillinger -> Flying Pages og vælge indstillingen Flying Pages. Kontroller plugin-konfigurationen under fanen Indstillinger, og hvis der skal foretages ændringer, skal du gøre det.
Den første mulighed, du får, er 'Forsinkelse af start af forudindlæsning'. Som standard har denne mulighed en værdi på 0, men du har mulighed for at ændre den, men vi foreslår, at du beholder den, som den er. Hvis du øger tallet, vil det forsinke processens start, hvis du øger det.
Derfor skal du vælge det maksimale antal anmodninger pr. sekund, da jo lavere tallet er, desto mindre indflydelse har det på din server. Standardværdien er acceptabel, så længe du ikke har et omfattende websted med et stort antal besøgende på én gang.
Det er op til dig, om du vil beholde de andre indstillinger, som de er, eller om du vil ændre dem efter dine behov. Glem ikke at trykke på knappen Gem ændringer i slutningen af processen, så dine ændringer gemmes.
Sådan forudindlæser du nøgleforespørgsler: Skrifttyper, JS og CSS
Forudindlæsning af ressourcer er en teknik, der kan bruges til at forbedre din websides ydeevne. Ved at forudindlæse nøgleforespørgsler kan du sikre, at de nødvendige ressourcer er tilgængelige, når brugeren har brug for dem. CSS, JS og skrifttyper er alle eksempler på ressourcer, der kan forudindlæses. For at forudindlæse CSS kan du bruge @font-face-reglen. Til JavaScript kan du bruge PreloadJS-biblioteket. Og til skrifttyper kan du bruge Font Awesome eller Google Fonts.
Sådan forudlæser duenCSS
Her er en syntaks til at forudindlæse nøgleforespørgsler fra CSS-filer:
<link rel=”preload” href=”style.css” as=”style”>
Forudindlæs JS
Dette er en syntaks til at forudindlæse nøgleforespørgsler fra JavaScript-filer:
<link rel=”preload” href=”main.js” as=”script”>
Forudindlæs skrifttyper
Syntaksen til at forudindlæse nøgleforespørgsler fra fontfiler vil være sådan her:
<link rel=”preload” href=”font.woff2″ as=”font” type=”font/woff2″ crossorigin>
Google-skrifttyper
Nedenfor er en syntaks til forudindlæsning af nøgleforespørgsler fra Google-skrifttyper:
<link rel=”preload” href=”https://fonts.googleapis.com/css2?family=Roboto&display=swap” as=”style” crossorigin>
Fantastisk skrifttype
Dette er en syntaks til at forudindlæse nøgleforespørgsler fra Font Awesome:
<link rel=”preload” href=”/wp-content/theme/fonts/fontawesome-Webfont.woff2” as=”font” crossorigin>
Dette er de mest almindelige filtyper, som du vil bemærke i advarslen om forhåndsindlæsningsnøgleanmodninger i Google PageSpeed Insights.
Ovenstående metoder kan hjælpe med at løse advarslen om forhåndsindlæsningsnøgleforespørgsler i Google PageSpeed Insights. Du kan anvende disse metoder på ethvert websted.
Oversigt: Forindlæsning af skrifttyper
<link rel=’preload’ href=’/image.png’ as=’image’>
<link rel=’preload’ href=’/style.css’ as=’style’>
<link rel=’preload’ href=’/script.js’ as=’script’>
<link rel=’preload’ href=’/font.woff2′ as=’font’ crossorigin>
Forudindlæs nøgleanmodninger ved hjælp af WordPress-plugins
Du kan forudindlæse nøgleanmodninger i WordPress ved at bruge WordPress-plugins til forudindlæste nøgleanmodninger, såsom Pre* Party Resource Hints, Autoptimize, WP Rocket og Asset CleanUp osv. Disse plugins vil hjælpe med at rette WordPress-advarslen om forudindlæste nøgleanmodninger.
Her er de mest populære plugins med funktionen til forudindlæsning af nøgleanmodninger.
Tips til ressourcer før festen*
Pre* Party Resource Hints er et af de bedste plugins, der giver dig masser af kontrol og muligheden for at tilføje kritiske ressourcer, som du ønsker forudindlæst visuelt.
Installer og aktiver dette plugin på dit WordPress-websted, og gå derefter til Pre* Party-menuen fra dit WordPress-dashboard. Der finder du følgende skærm.
Du vil se feltet Tilføj nyt ressourcehint i plugin-indstillingerne under fanen Indsæt hints. For at forudindlæse et aktiv skal du gå til PageSpeed Insights-rapporten for at finde advarslen om forhåndsindlæsning af nøgleanmodninger.
WP Rocket
Forindlæsning af nøgleforespørgsler er en fantastisk måde at forbedre ydeevnen på dit WordPress-websted. WP Rocket er et populært plugin, der kan hjælpe dig med dette. Det er nemt at bruge og har mange funktioner, der kan hjælpe dig med at forbedre dit websteds ydeevne.
Gå til Indstillinger > WP Rocket > Forudindlæs fra dit WordPress-dashboard for at forudindlæse nøgleforespørgsler i WordPress ved hjælp af WP Rocket-pluginnet. Rul derefter ned til bunden af siden, hvor du vil se afsnittet Forudindlæs skrifttyper.
Autooptimer
Hvis du ønsker at forbedre ydeevnen af dit WordPress-websted, er en af de første ting, du bør gøre, at installere Autoptimize-pluginnet. Autoptimize fremskynder dit websted ved at optimere dine CSS- og JavaScript-filer. Det minimerer også HTML og cacher dine sider, hvilket indlæser dem hurtigere for tilbagevendende besøgende. En af de mest populære funktioner er dens mulighed for forudindlæsning af nøgleanmodninger til WordPress-websteder.
Fra dit WordPress-dashboard skal du gå til Indstillinger > Autoptimize > Ekstra for at forudindlæse nøgleanmodninger ved hjælp af Autoptimiz. Alt du skal gøre er at indtaste linkene i det felt, du fik fra advarslen om forudindlæste nøgleanmodninger i PageSpeed Insights. Sørg for at adskille flere links med kommaer.
Perfektionsspørgsmål
Dette premium-plugin giver muligheder for preload, preconnect og prefetch. Du kan tjekke disse i Perfmatters-indstillinger→Ekstra→Forudindlæsning.
Forhåndsindlæsning af links og anmodninger på dit websted er nu aktiveret.
Du kan finde flere artikler som denne på Seahawk Media.
