Facader til tredjepartsindhold

Silktide indlæser dine sider i en rigtig browser og leder efter indlejrede tredjepartstjenester, f.eks. videoafspillere og chatwidgets, som indlæses fuldt ud, selv om en besøgende måske aldrig bruger dem. De kan erstattes med en facade, en letvægtspladsholder, der kun indlæser den rigtige tjeneste, når nogen interagerer med den.

Hvorfor det er vigtigt

Indlejringer er blandt de tungeste ting, en side kan indeholde. En enkelt indlejret videoafspiller eller chatwidget kan downloade mere kode end resten af din side tilsammen, og det gør den for hver besøgende – også de fleste, der aldrig trykker på afspil eller åbner chatten. Denne omkostning opstår under sideindlæsning, netop når hastighed betyder mest.

En facade ændrer aftalen: Besøgende ser noget, der ligner indlejringen (et miniaturebillede med en afspilningsknap, en chatboble), og den rigtige tjeneste indlæses kun ved klik. De fleste besøgende betaler slet ikke omkostningen.

Sådan løser du det

1. Kontrollér for hver rapporteret indlejring, om der findes en facade. Populære videoafspillere og chatwidgets har velvedligeholdte open source-facader, og en søgning på tjenestens navn plus "facade" finder normalt en.
2. Erstat indlejringskoden med facaden. Det synlige resultat er næsten identisk; forskellen er, at den tunge kode indlæses ved interaktion.
3. Hvis der ikke findes en færdig facade, kan du anvende samme idé: Vis et statisk forhåndsvisningsbillede, og indsæt den rigtige indlejring ved klik via udsat indlæsning.

Sådan tester Silktide dette

1. Indlæs siden i en rigtig browser, og identificér tredjepartsindlejringer, der vides at have et facadealternativ, ved hjælp af et offentligt katalog over sådanne tjenester.
2. Mål, hvad hver indlejring koster: den tid, dens kode optager browserens hovedtråd, og hvor længe den forhindrer siden i at reagere.
3. Rapportér hver indlejring med dens filer og tidsmålinger, så du kan vurdere, om en facade er umagen værd.

Fejlfinding

Besøgende interagerer med indlejringen med det samme

En facade tilføjer en kort forsinkelse, når den besøgende først interagerer, mens den rigtige tjeneste indlæses. For en indlejring, som de fleste besøgende bruger med det samme, er denne afvejning måske ikke det værd – dette tjek markerer kandidater, og du træffer beslutningen. Facader kan også forudindlæses på mere diskrete signaler, f.eks. når markøren svæver i nærheden, hvilket skjuler det meste af forsinkelsen.

Få mere at vide

• Indlæs tredjepartsressourcer med facader ved behov (web.dev)
• Tredjepartskode