Med denne skrivning viser browserstatistik, at en betydelig andel af webtrafik kommer fra Google Chrome, da den er steget til at være den næstmest populære browser - bare byg bag Firefox. Med den slags vækst og popularitet, vil du sikre dig, at dit websted er konfigureret med Chrome-specifikke funktioner. Fokus i denne artikel vil være på Google Instant Pages, hvilket minimerer sideindlæsningstiden ved at fortælle Chrome-browseren om et link på din webside, som sandsynligvis vil blive besøgt fra den aktuelle side. At prerendering af indhold i søgemaskinen viser siden i et split sekund, hvilket gør det til en god tilføjelse til hver hjemmeside. Tilføjelse til dit WordPress-websted er nemt og hurtigt, så lad os komme i gang.

Hvordan fungerer instant sider?

Instant Pages bygger på funktionaliteten af ​​Google Instant, der barberer mellem 2 til 5 sekunder ud fra en søgeforespørgsel ved at bruge en algoritme på omkring 200 faktorer kombineret med Googles søgehistorik for at bestemme hvilket link en bruger sandsynligvis vil klikke på. Det begynder at kontakte serveren for at indlæse siden i baggrunden, så snart søgeresultaterne vises. Tjek denne hurtige video for at give dig en bedre ide, hvor meget hurtigere Instant Pages er!

Hvordan kan jeg bruge direkte sider til min fordel?

Google har lavet denne teknologi virker både for udviklere og brugere. Ved at følge vejledningen til prerendering i Chrome kan udgivere vælge hvilke sider på deres websted de vil prerender, når brugerne allerede er på siden. Det er dog vigtigt, at du begrænser antallet af prerenderede sider, fordi det kan resultere i øget brug af båndbredde, langsom indlæsning af andre links og forældet indhold.

Før du starter

Selv om processen med at implementere Instant Pages er let, er det meget vigtigt at sikre dig, at du ved, hvor du skal placere koden korrekt. Tag det fra mig, hvis du ikke er bekendt med PHP-kodeplacering, kan du måske læse om de mest almindelige fejl, begyndere gør, når du prøver at kopiere og indsætte uddrag til deres websted. Hvis du sætter det på det forkerte sted, vil du ødelægge dit websted. Gør altid en sikkerhedskopi af dit websted, før du foretager nogen ændringer, og hvis du har foretaget ændringer til dit tema, er det bedst at foretage ændringer og test ved hjælp af et barnemne.

Tilføjelse af koden

Du skal tilføje nogle få linjer kode til dit temas PHP-indstillinger. Gå til din Filhåndtering og åbn header.php filen under dit tema ved at klikke på knappen Rediger.

Siden med kode, der er indstillet som standard, åbnes med de nuværende PHP-kodeindstillinger. Her er hvor du tilføjer koden Instant Pages for at gøre den kompatibel med dit websted, og hvor du skal være mest forsigtig! Før afslutningen tag, skal du indeholde følgende kode:

Det skal se sådan ud, når det placeres i kodefilen:

Gem dine ændringer og test dem på dit websted. Her kan du se Bombax-temaet begynde at foreslå artikelsemner, når du begynder at skrive bogstaver i søgefeltet. Dette giver ikke bare en foreslået artikel; det er også i kø for at åbne meget hurtigt, hvis det er valgt.

Afslutningsvis vil de besøgende, der er involveret på dit websted, tilføje Google Instant Pages som et baggrundsværktøj til dit websted. Med foreslåede artikler og hurtig sideindlæsning bliver dit websted mere brugervenligt og opmuntrer mange tilbagevendende besøgende, hvilket giver en lav afvisningsrate. Tjek det ud og se selv, hvis din afvisningshastighed forbedres og komme tilbage for at fortælle os!