Wéi optiméiert Dir Är Websäit fir Core Web Vitals (Adsense)

D'Course fir Core Web Vitals ze verbesseren ass net einfach. Et gëtt méi schwéier wann Dir op e Werbeprogramm wéi Google AdSense vertraut fir Är Websäit ze monetiséieren.

Websäite mat Google AdSense sinn 10 Mol méi wahrscheinlech de Core Web Vitals Test ze versoen wéi déiselwecht Websäit ouni Google AdSense drop. Dëst ass meeschtens wéinst der Unzuel vun Drëtt Partei Ufroen a Verméigen déi Google AdSense op Är Websäit bäidréit. Déi meescht vun dëse Verméigen sinn onoptimiséiert, grouss an net Benotzerfrëndlech.

Ausserhalb vun AdSense a Werbeplattformen, wann Dir vill onoptimiséiert Biller, JavaScript, an CSS besonnesch iwwer de Klapp hutt, da sidd Dir och ganz wahrscheinlech de Core Web Vitals Test ze versoen.

Wann Dir kämpft fir de Core Web Vitals Test ze passéieren an Är Sichmotor Ranking Potenzialer ze verbesseren, fannt Dir praktesch Léisungen an dësem Artikel.

Wat sinn Core Web Vitals?

Core Web Vitals sinn Metriken ugedriwwen vum Google Lighthouse déi bestëmmen wéi e Site eng gutt Säiterfahrung liwwert. Wärend et vill Metriken gëtt wann Dir en Test leeft, sinn déi wichtegst Metriken déi gréissten Inhalter Paint (LCP), Éischt Input Verzögerung (FID) a Kumulative Layout Shift (CLS).

Google huet ugekënnegt datt ab Mee 2021 dës Metriken en Deel vun hire Rankingsignaler ginn, déi benotzt gi fir Websäit Positiounen a Sichresultater ze bestëmmen.

Zesummegefaasst, kënnt Dir soen Core Web Vitals war net geduecht als Terror fir Webmasters ze sinn, awer e Mëttel fir d'Säiterfarung vu Websäiten ze verbesseren.

Gréissten zefridde Faarf (LCP): LCP moosst d'Zäit déi et brauch fir de gréisste sichtbare Bild oder Textblock op enger Websäit ze lueden. Wann de gréisste siichtbaren Text oder Bild séier lued, gëtt ugeholl datt de Rescht vun Äre Biller an Text séier lued. Déi néideg Laaschtzäit fir ze passéieren ass 2.5 Sekonnen.

Éischt Input Delay (FID): FID moosst Websäit Interaktivitéit. Dëst gëtt festgeluegt wéi laang et dauert fir de Browser unzefänken Event Handler ze veraarbecht nodeems e Benotzer op Äre Site geklickt huet. Dëst gëtt allgemeng den Éischten Androck vun Ärer Websäit genannt. Déi néideg Zäit fir ze passéieren ass 100 Millisekonnen.

Kumulative Layout Shift (CLS): CLS Mooss Layout Verréckelung déi op enger Websäit geschitt. Wann eng Websäit lued an dann op eemol eppes erschéngt oder verschwënnt an d'Säit muss upassen fir méi grouss oder méi kleng ze sinn, ass dës Verréckelung wat gemooss gëtt. Et ass schrecklech fir d'Benotzererfarung an ech averstanen. De Score deen Dir musst passéieren ass 0.1.

Wéi Dir Är Websäit fir Core Web Vitals optiméiert

Follegt dës Schrëtt fir Är Websäit ze optimiséieren:

1. Start mat engem schnelle Webhost

Wann Dir e Webhost mat enger schrecklecher Äntwertzäit hutt, da kënnt all aner Saach, déi ech hei opzielen, net gewënschte Resultater ginn. Wat méi séier Äre Server op Ufroe reagéiert, wat besser.

Firwat ass e Webhost mat engem schnelle Time to First Byte (TTFB) wichteg? E puer wäerten streiden datt TTFB egal ass, awer et mécht. Dat ass d'Basis vun alles anescht. Wann Dir Benotzer a Stied mat luesen Internet hutt, wéi séier Äre Webhost kann äntweren, bedeit alles. All Webhost ka gutt Leeschtung wann Dir Benotzer haaptsächlech aus Stied mat superschnell Internet hutt.

Probéiert ze testen wéi Äre Webhost op 3G oder 2G reagéiert anstatt 4G. Well wann Dir vill Benotzer iwwer 3G oder 2G verbënnt, bäidréit et op Äre Core Web Vitals Score. Also, all Millisekonnen zielt. Den Ënnerscheed tëscht 100ms an Ärer FID ze kréien an 101ms ze kréien ass datt mat 100ms passéiert Dir awer mat 101ms versoen. Also, wann een Iech seet datt 1 ms egal ass, da kéint dës Persoun einfach falsch sinn.

Wann Dir a wielt Websäiten, suergt ëmmer fir en Datacenter méi no bei der Majoritéit vun Äre Websäit Benotzer ze kréien. Dir kënnt hir Plazen fannen andeems Dir Är Analyse kuckt. Wou kommen déi meescht vun Äre Benotzer hier? Wielt en Datacenter méi no bei hinnen. Wat méi no, wat besser.

Ech hu perséinlech eng bedeitend Ännerung an enger Websäit Field Data of Core Web Vitals gemierkt nodeems ech de Webhost geännert hunn. Ech hunn näischt anescht gemaach.

Wann Dir no engem schnelle Webhost sicht, ginn et vill Empfehlungen dobaussen, déi reng vu Filialen ouni Oprecht gedriwwe ginn. Wann Dir WordPress leeft an Dir kënnt et leeschten, ech recommandéieren Kinsta. Si sinn déi Bescht fir WordPress. Wann Dir eppes méi bëlleg braucht oder Dir benotzt net WordPress dann Bléiwen ass och ganz effektiv.

2. Benotzt e liicht a Geschwindegkeet optimiséiert Thema

Dësen Tipp ass besonnesch ganz nëtzlech fir Net-Coderen a souguer fir Kodéierer mat manner Zäit. Besonnesch wann Dir WordPress benotzt wou et sou vill Optiounen gëtt, gitt sécher datt Dir e liicht a Geschwindegkeetsoptimiséiert Thema benotzt.

Well d'Thema ass wéi de Skelett vun Ärer Websäit, wann de Skelett gebrach ass, da gëtt de Kierper gebrach. Dat ass just et.

Et gëtt eng laang Lëscht vu beschten Praktiken déi Dir sollt an engem Thema sichen. E puer vun den heefegsten schlechte Praktiken sinn iwwerofhängeg vun JQuery, lued ze vill CSS / JS wann net néideg, grouss Thema Gréisst, a méi. Dir kënnt ëmmer en Tool benotzen wéi Giel Laboe, fir d'Demo ze testen.

Wann Dir WordPress benotzt, kënnt Dir d'Lëscht vun de schnellsten WordPress Themen.

3. Optiméiert Är Biller

Biller sinn cool. Si maachen Inhalt sou attraktiv. Awer si kënnen eng Belaaschtung sinn wa se onoptimiséiert sinn. Wann Dir grouss Biller wéi 3 MB hutt, beaflosst definitiv Är Geschwindegkeet. A wann dës Biller siichtbar sinn wann Äre Site besicht gëtt ier Dir scrollt, beaflossen se definitiv Är LCP Metrik.

D'Wourecht ass datt onoptimiséiert Biller der Gréisst vun Ärer Säit addéieren. Wat méi grouss d'Säitgréisst ass, wat méi laang et dauert fir ze lueden.

Ech perséinlech optimiséieren léiwer all Bild ier ech se eropluede. Ech benotzen keen externen Service fir Bildoptimiséierung. Wann Dir awer WordPress oder ähnlechen CMS benotzt, ginn et Plugins a Léisunge fir d'Biller automatesch ze optimiséieren. Et ginn och Cloud Léisungen onofhängeg vun deem wat Dir benotzt.

4. Ewechzehuelen oder Gréisst vun Hannergrond Biller reduzéieren

Hannergrond Biller sinn normalerweis ganz grouss. An et kann Är Laaschtzäit verlangsamen, well et muss als éischt geluede ginn ier e sënnvoll Inhalt ugewise gëtt.

Dir kënnt Hannergrondbild komplett ewechhuelen fir eng méi séier Websäit ze hunn. Wann se sou wichteg sinn, da betruecht se op déi klengst méiglech Gréisst ze optimiséieren oder Musteren anstatt Biller ze benotzen.

5. Benotzt Browser Cache

Wann Dir vill trei Lieser hutt, da sollt Dir de Browser Cache berücksichtegen. Wann e Benotzer Är Websäit fir d'éischte Kéier besicht, wäert de Browser dës Websäit Cache. Fir all aner Visite gëtt et an engem Moment gelueden. Dëst kann d'FID an d'LCP vun der zweeter Visite staark verbesseren.

Fir WordPress Benotzer kënnen déi meescht Caching Plugin Iech hëllefen dëst z'erreechen.

6. Verknüpft JavaScript an deposéiert onbenotzt JavaScript

Wärend JavaScript erstaunlech ass, ass et dacks Render-blocking. Dëst bedeit datt et Är Laaschtzäit kann beaflossen a schlussendlech Är FID.

Probéiert JavaScript ze minifizéieren andeems Dir d'Wäissflächen a Kommentarer ewechhuelt fir d'Dateigréisst ze reduzéieren. Gitt och sécher datt Dir net kritesch JavaScript aussetzt. Dëst sollt Är FID verbesseren.

Fir WordPress Benotzer ginn et Plugins wéi Autoptimize, WP Rocket, an anerer déi dëst fir Iech maache kënnen.

7. Set AdSense Gréisst Attribut

Wann Dir AdSense op Ärer Websäit leeft an Dir kämpft mat CLS, da kann dëst all Är Probleemer léisen. Et huet fir mech gemaach an et soll fir Iech.

Wann Dir eng Annonce Eenheet no beim Header hutt, deen siichtbar ass wann e Benotzer besicht, ass ee Problem datt d'Annonce net direkt lued. Et kann lueden nodeems d'Säit scho gelueden ass, a wann et geschitt, gëtt et eng Verréckelung am Layout. Dëst ass ganz heefeg fir reaktiounsfäeger Ad Unitéiten. Mat deem geschitt ass et onméiglech d'CLS Metrik ze passéieren.

De beschte Wee fir dëst ze handhaben ass Äre AdSense Code e bëssen z'änneren. Keng Suergen, et ass ganz legitim. Gitt just d'Gréisst Attribut fir d'Annonce un, besonnesch d'Héicht. Nodeems Dir dat gemaach hutt, mierkt Dir kee Layoutverschiebung méi wann d'Annonce lued.

Drënner ass e Beispill vun enger reaktiounsfäeger Annonce Eenheet déi ech op mengem Blog just ënner dem Header benotzt hunn. Ech hunn meng Publisher ID an Annonce Slot duerch XXXXXX ersat. Gemierkt datt ech d'Héicht Attribut bäigefüügt hunn (min Héicht: 300px). Dee Moment wou ech dat gemaach hunn, waren all CLS Themen fir ëmmer fort.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Header ad -->
<ins class="adsbygoogle"
     style="display:block; min-height: 300px"
     data-ad-client="ca-pub-xxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxx"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Wat dat mécht ass dës Gréisst op der Säit ze reservéieren. Also wann d'Annoncen opdauchen, gëtt et keng Layoutverschiebung, well Dir d'Gréisst scho gesat hutt.

8. Set Gréisst Attribut fir Är Biller an aner Medien

Just wéi mat Annoncen, Biller an aner Medien kënne Layoutverännerunge verursaachen wann se op Ärer Websäit gelueden sinn. Dir liest vläicht just eppes, da gëtt e Bild lued an op eemol gëtt et eng Layoutverschiebung, wat Dir gelies hutt ass aus der Sicht an alles wat Dir gesitt ass eppes anescht oder Dir klickt souguer op eppes anescht duerch Feeler.

Dir kënnt all dës vermeiden andeems Dir d'Gréisst Attribut op Är Mediendateien setzt. Är CLS Metrik wäert frou sinn datt Dir dat gemaach hutt.

9. Lazy Luet Biller.

Dir hutt vläicht d'Berodung iwwer PageSpeed ​​​​Insight gesinn Offscreen Biller ausstellen. Wat et einfach heescht ass faul Är Biller ze lueden.

Wat faul Luede mécht ass d'Säitgréisst ze reduzéieren an och d'Laaschtzäit vun Ärer Säit ze reduzéieren wann e Benotzer besicht. Wat gutt ass fir CWV Metriken.

Dëst wäert besonnesch hëllefen den LCP ze verbesseren.

10. Optimiséiert CSS andeems Dir kritesch CSS minifizéiert an generéiert

CSS ass wat eng Websäit cool mécht, awer eng grouss CSS-Datei kann e grousst Thema sinn, well et d'Rendering vun der Säit fir de Benotzer verspéit.

Wann e Benotzer Är Websäit besicht, wäert de Browser duerch normal Verhalen d'Rendering vun Ärer Websäit un de Benotzer verspéiten bis se all CSS gelueden, parséiert an ausféiert, déi an Ärer Websäit Header referenzéiert ass. Wann Dir eng grouss CSS Datei hutt, kann dëst e grousst Thema sinn. Et wäert Äre Site verlangsamen.

Kritesch CSS kann hëllefen andeems se nëmmen den CSS luede deen néideg ass fir d'Säit ze lueden. Wärend de Rescht vun der CSS kann asynchron geluede ginn.

Och d'Minifizéierung vun Ärem CSS andeems Dir Wäissflächen a Kommentarer erofhuelen fir d'Dateigréisst ze reduzéieren kann hëllefen.

Dir kënnt och ewechzehuelen onbenotzt CSS. Wann e Service deen Dir benotzt CSS dréckt déi net benotzt gëtt, ass et sécher se ze läschen.

Wann Dir WordPress benotzt, ginn et Plugins wéi WP Rocket, LiteSpeed ​​Cache, FlyingPress an anerer déi Iech hëllefe kënnen dëst z'erreechen.

11. Ëmsetzen AdSense Smart Luede

Dës Method kann bal all Erausfuerderunge eliminéieren wann AdSense verantwortlech ass fir Är Websäit ze verlangsamen.

Dëst ass iwwer d'Luede vu AdSense op eng intelligent Manéier. AdSense gëtt net gelueden bis e Benotzer eng Handlung mécht wéi Scrollen oder Klick. Dëst wäert d'Laaschtzäit staark verbesseren an all Core Web Vitalen beaflosst vu AdSense.

Et gi vill WordPress Plugins déi Iech hëllefen dat ze maachen, WP Rocket a Flying Scripts sinn e Beispill. Dës Method sou wäit wéi ech weess verletzt net Google AdSense Politik.

Opgepasst: Och wann dës Method hëllefe kann d'perceptéiert Geschwindegkeet an d'Säitscore verbesseren, et kann Äert AdSense Einnahmen beaflossen. Ech recommandéieren datt Dir en Experiment leeft fir sécher ze sinn ob et derwäert ass

12. Benotzen System Stack Schrëft wann Dir kënnt

Schrëften addéieren extra Laaschtzäit op all Websäit. A fir Websäiten ouni Biller kann Ären Textblock fir Är LCP Bewäertung verantwortlech sinn. An deem Fall gëtt Äre LCP Score direkt vun Ärer Schrëft beaflosst.

Wärend Google Font a Font Awesome weider verbesseren, bitt d'Benotzung vu Systemstack Schrëft eng bedeitend Verbesserung. Och wann net sou fantastesch ofhängeg vum Apparat.

13. Benotzt eng CDN

Wann Dir Benotzer aus verschiddenen Deeler vun der Welt hutt, da benotzt en CDN kann hëllefen Är Geschwindegkeet ze verbesseren an indirekt Är Core Web Vitals Metriken.

En CDN an einfacher Erklärung mécht vill Exemplare vun Ärer Websäit a späichert se a verschiddene Point of Presence (POPs) a verschiddenen Deeler vun der Welt. Wann iergendeen Är Websäit freet, servéiert se Är Websäit vun der nooste Plaz.

Zum Beispill, wann Äre Site an den USA gehost gëtt an Dir hutt e Besucher aus Groussbritannien, anstatt Äre Site aus den USA ze sichen, wäert d'CDN Äre Site aus Groussbritannien servéieren. Den Effet vun deem wäert séier Liwwerung ginn. Speed.

Dir kënnt d'Keesen beschte CDNs dobaussen.

14. Ariichten DNS Prefetching

Wann Dir op en externen Service wéi e CDN fir Är Websäit Liwwerung vertrauen, da musst Dir vläicht en DNS Prefetching opsetzen fir Verzögerung wéinst DNS Lookup ze minimiséieren.

DNS Prefetching prefetch d'DNS ier se genannt gëtt. Sou datt et an engem Moment lued wann et endlech genannt gëtt.

15. Optimiséieren Drëtt Partei Scripten

Iwwerpréift fir sécherzestellen datt e puer vun de Servicer, déi Dir op Ärem Site benotzt, keng Drëtt-Partei Scripte bäidroen, déi Är Siten verlangsamen.

Dir kënnt d'Léisung duerch Drëtt Partei Ufroen ersetzen, déi Äre Site verlangsamen mat enger besserer Léisung.

Wann et ëm Google AdSense kënnt, en anert Drëtt Partei Skript, ass et wéineg wat Dir maache kënnt. Déi bescht Praxis ass maximal 3 Annoncen op enger Säit ze benotzen. Vermeit Matched Inhalter well et niddereg Akommes bréngt awer d'Laaschtzäit bäidréit.

16. Ewechzehuelen AdSense vun uewen der ausklappen

Dëse Rot baséiert op Experimenter. Wann all Är Metriken am Sichkonsolebericht gutt sinn ausser LCP, gitt als éischt sécher datt Är Biller a Schrëften optimiséiert sinn. Wann se optimiséiert sinn an Dir nach ëmmer LCP feelt, da kéint AdSense verantwortlech sinn.

Wann Dir et leeschte kënnt, läscht AdSense vun uewen aus der Klapp fir e Mount a kuckt ob d'Thema fortgeet.

Wann Dir et net wëllt läschen, kënnt Dir et manuell oder mat Hëllef vun engem Plugin wéi Flying Scripts verzögeren.

17. Wiesselt op AMP

AMP heescht Accelerated Mobile Pages. D'Iddi vun AMP ass Websäiten ze optimiséieren fir méi séier op Handy ze lueden. An natierlech den AMP Open Source Projet gouf vu Google gestart.

Wärend AMP ursprénglech geduecht war fir mobil Säiten ze beschleunegen, kann et och Desktop Säiten beschleunegen.

AMP Säiten si konsequent méi séier wéi mobil oder Desktop Säiten, heiansdo mat iwwer 100% no eiser Observatioun.

Wann déi eenzeg Monetiséierungsstrategie vun Ärer Websäit Google AdSense ass, da kënnt Dir iwwerleeën all Är Websäit op AMP ze wiesselen. Ech hu perséinlech gemierkt datt op engem Blog deen ech besëtzen, AdSense op AMP Säiten heiansdo méi konvertéiert wéi op Handy an Desktop!

Conclusioun

D'Core Web Vitals kënnen Iech hëllefen Är Websäit fir Är Benotzer ze verbesseren net nëmme fir Google. Et ass ganz heefeg e gudde Labo Daten Test Score ze hunn awer schlecht Felddaten Score.

Dëst ass wéinst der Make-up vun Äre Benotzer. Wann déi meescht vun Äre Benotzer vu Plazen mat luesen Internet sinn, hutt Dir vläicht eng gutt Aarbecht gemaach fir ze optimiséieren, awer nach ëmmer an Felddaten feelen.