Stöd

Optimera din webbplats för grundläggande webbviktigheter

För att hjälpa dig att optimera din webbplats för Googles Core Web Vitals har vi identifierat flera potentiella problemområden och hur du uppdaterar dem för att förbättra dina Core Web Vital-resultat. För mer information om vad var och en av Core Web Vitals mäter, hur man mäter och idealiska poäng, se Google om Core Web Vitals.

Anpassade och tunga widgets

Både anpassade och tunga widgets kan vara långsamma eftersom de laddar innehåll från en tredjepartstjänst, vilket kräver att man anropar ett externt API för att hämta och sedan ladda innehållet.

Notera

Alla anpassade widgetar är inte långsamma att ladda. Det beror på hur den anpassade widgeten byggdes.

Tunga widgets: Karta, Twitter-flöde, Facebook-gilla, Facebook-flöde/sida, Facebook-kommentarer, Ljud (Soundcloud, Mixtape), Video (Custom, Youtube, Vimeo), Fotogalleri, Bildskjutare, Lottie-animationer, Multi-location, Google Calendar , och Disqus.

Hur man fixar

Så här förbättrar du dina Core Web Vitals-resultat:

Ta bort anpassade/tunga widgets från det övre området på din sida och flytta dem lägre. Detta förhindrar dem från att negativt påverka CLS och FID genom att ladda och sedan skjuta innehåll under dem längre ner på sidan. Undvik att lägga till flera anpassade/tunga widgets på samma sida. Varje widget har olika laddningstider, vilket kan minska LCP. Om en anpassad widget orsakar FID kan du be din utvecklare att förbättra hur innehållet renderas och hämtas genom att använda tekniker som asynkron laddning, hämta data från huvudtråden, och mer.

e-handel

Store laddas dynamiskt med JavaScript. Detta kan påverka CLS eftersom butiken tar längre tid att ladda än resten av innehållet på sidan. På grund av detta rekommenderar vi att flytta butiken lägre på sidan istället för överst.

Hur man fixar

Så här förbättrar du dina Core Web Vitals-resultat:

Lägg till innehåll ovanför butiken istället för att placera butiken högst upp på butikssidan. Detta säkerställer att butiken ligger under mitten. Bygg dina egna kategorisidor eller använd widgeten Store Product Gallery för att skapa kategorisidor. Både inbyggda bilder och fotogallerielement laddas snabbare än Store eftersom de har mindre innehåll och kod att rendera innan de visas.

Teckensnitt

Webbteckensnitt kan sakta ner din webbplats eftersom webbläsaren måste ladda ner och ladda hela teckensnittsfamiljen för varje teckensnitt och viktkombination. Teckensnitt laddas ned automatiskt och bäddas in i HTML, upp till 50KB. Detta snabbar upp hur snabbt din webbläsare renderar anpassade teckensnitt och hjälper till att förhindra CLS. Detta räcker dock inte alltid och det är därför vi rekommenderar att du som mest använder två olika teckensnittsfamiljer och bara några vikter från varje.

Hur man fixar

Så här förbättrar du dina Web Vital-resultat:

Om du har tillämpat fler än två teckensnitt, ta bort dem från specifika element eller widgets på din webbplats. Använd globala typsnitt för att bara använda de typsnitt och vikter du behöver. När detta har slutförts laddas bara ned de typsnitt som är nödvändiga för att texten ska visas korrekt.

Google Tag Manager

Google Tag Manager kan ladda ner extra bibliotek och kod som du inte behöver, vilket kan minska LCP.

Hur man fixar

Så här förbättrar du dina Web Vital-resultat:

Ta om möjligt bort Google Tag Manager. Om du bara har en eller två spårningstekniker är det kanske inte värt att implementera Google Tag Manager. Om du implementerar Google Tag Manager, följ vår spårningsguide för Google Tag Manager. Detta hjälper till att säkerställa att spårningskoden laddas korrekt och inte saktar ner webbplatsen. Placera inte Google Tag Manager i huvudet på webbplatsen. Detta gör att den laddas först, före andra viktiga webbplatselement.

Bilder och bakgrundsvideor

Bilder och bakgrundsvideor är vanligtvis den största tillgången som webbläsare laddar ner på din webbplats. När det finns för många bilder, en stor bild ovanför mitten eller en video, kan det orsaka en fördröjning i LCP och en ökning av CLS eftersom webbläsaren måste ladda ner elementen innan de kan renderas. Detta händer vanligtvis med stora bakgrundsbilder/videor, bildspel, bakgrundsbilder med en annan bild överst eller med flera stora bilder i rad överst på sidan.

Notera

Med "stor bild" menar vi en bild som tar upp en majoritet av sidbredden.

Hur man fixar

Så här förbättrar du dina Web Vital-resultat:

Använd bara en enda bild ovanför mitten. Om du behöver flera bilder ovanför mitten minskar du storleken på bilden till en ikon eller miniatyr. Flytta bakgrundsvideor och bildspel längre ner på sidan. Om du behöver ett bildspel, begränsa det till tre bilder eller färre.

Kundsupport öppettider

mån–fre, 9.00 till 21.00 (CT)

Lör, 9.00 till 18.00 (CT)

(Chatten är inte tillgänglig på lördagar)

iClassPros kontor kommer att vara stängda med anledning av följande helgdagar: nyår 2024 (1 januari 2024), långfredag (29 mars 2024), Memorial Day (27 maj 2024), självständighetsdagen (4 juli 2024) Labor Day (2 sep 2024), Thanksgiving (28–29 november 2024), jul (24–25 december 2024)

Besök kundsupportsidan