Facades voor code van derden
Silktide laadt je pagina's in een echte browser en zoekt naar ingesloten services van derden, zoals videospelers en chatwidgets, die volledig worden geladen, ook al gebruikt een bezoeker ze misschien nooit. Je kunt deze vervangen door een facade: een lichtgewicht plaatshouder die de echte service alleen laadt wanneer iemand ermee interacteert.
Waarom dit belangrijk is
Ingesloten elementen behoren tot de zwaarste onderdelen die een pagina kan bevatten. Eén ingesloten videospeler of chatwidget kan meer code downloaden dan de rest van je pagina bij elkaar, en dat gebeurt voor elke bezoeker — ook voor de meerderheid die nooit op afspelen drukt of de chat opent. Die kosten worden gemaakt tijdens het laden van de pagina, precies op het moment dat snelheid het belangrijkst is.
Een facade draait de situatie om: bezoekers zien iets dat eruitziet als het ingesloten element (een miniatuur met een afspeelknop, een chatballon), en de echte service wordt pas geladen na een klik. De meeste bezoekers betalen die kosten helemaal niet.
Zo los je het op
- Controleer voor elk gerapporteerd ingesloten element of er een facade bestaat. Populaire videospelers en chatwidgets hebben goed onderhouden open source-facades, en door de naam van de service plus "facade" te zoeken, vind je er meestal een.
- Vervang de insluitcode door de facade. Het zichtbare resultaat is vrijwel identiek; het verschil is dat de zware code pas bij interactie wordt geladen.
- Als er geen kant-en-klare facade bestaat, pas je hetzelfde idee toe: toon een statische voorbeeldafbeelding en voeg het echte ingesloten element bij een klik toe via .
Zo test Silktide dit
- Laad de pagina in een echte browser en identificeer ingesloten elementen van derden waarvan bekend is dat ze een facade-alternatief hebben, met behulp van een openbare catalogus van zulke services.
- Meet wat elk ingesloten element kost: de tijd waarin de code ervan de van de browser bezet en hoelang deze voorkomt dat de pagina reageert.
- Rapporteer elk ingesloten element met de bijbehorende bestanden en tijden, zodat je kunt beoordelen of een facade de moeite waard is.
Problemen oplossen
Bezoekers gebruiken het ingesloten element meteen
Een facade zorgt voor een korte vertraging wanneer de bezoeker voor het eerst interactie heeft, terwijl de echte service wordt geladen. Voor een ingesloten element dat de meeste bezoekers direct gebruiken, is die afweging misschien niet de moeite waard — deze controle markeert kandidaten en jij beslist. Facades kunnen ook vooraf worden geladen op basis van subtielere signalen, zoals wanneer de aanwijzer in de buurt zweeft, waardoor de meeste vertraging wordt verborgen.