Ittejjeb is-Sinjali tal-Vital Qalba u l-Esperjenza tal-Paġna tal-websajt tiegħek Ma 'Semalt

Tabella tal-Kontenut

  1. Introduzzjoni
  2. X'inhuma l-Vitals tal-Web Ewlenin?
  3. X'inhuma s-Sinjali tal-Esperjenza tal-Paġna?
  4. Kif Ittejjeb is-Sinjali tal-Qofol Vital u l-Esperjenza tal-Paġna tal-Websajt tiegħek
    1. Caching HTTP
    2. Nimminimizzaw ir-Reflow tal-Browser
    3. Tnaqqis tad-Daqs tal-Fajl ta 'Dokumenti HTML
    4. Ikkompressa Stampi
  5. Konklużjoni

Introduzzjoni

Il-prestazzjoni tal-esperjenza tal-paġna tal-web mill-perspettiva tat-telespettatur/qarrej titkejjel bħala l-ħin tat-tagħbija tal-paġna. Dan huwa l-ħin bejn il-mument li t-telespettatur jitlob għal paġna ġdida u l-mument li l-paġna hija kompletament disponibbli għall-wiri għat-telespettatur. Websajts li jitgħabbew malajr jintwerew kontinwament. Dan ifisser li juru l-kontenut fuq il-paġna tal-web gradwalment hekk kif il-browser jgħabbih.

Paġna tal-web li turi l-kontenut tagħha progressivament tipprovdi feedback viżiv lit-telespettatur li l-paġna qed tgħabbi u tagħti lill-utent l-informazzjoni li talbu hekk kif tkun disponibbli.

Hemm diversi strateġiji li individwu jista 'juża biex itejjeb l-għoti progressiv għall-paġni tal-web.
  • Paġna mgħaġġla għandha turi l-kontenut viżibbli lit-telespettatur l-ewwel, qabel ma turi l-kontenut barra l-iskrin (il-kontenut li mhux disponibbli għat-telespettatur).
  • Paġna mgħaġġla għandha tgħabbi u turi r-riżorsi li mhumiex tqal. Riżorsi bħal test qabel ma tgħabbi u turi riżorsi tqal bħal stampi u vidjows.
Sadanittant, xi metodi huma magħrufa li jipprevjenu l-wiri progressiv u veloċi ta 'paġni tal-web, u jnaqqsu l-prestazzjoni tal-paġna tal-web tagħhom. L-użu ta 'tabelli kbar, anke għat-tqassim, jiskonnettja l-wiri mgħaġġel f'xi browsers. L-użu ta 'folji ta' l-istil tard fid-dokument, anke jekk dawk il-folji ta 'l-istil mhumiex meħtieġa għat-tagħbija inizjali tal-paġna, jista' wkoll jipprevjeni rendering progressiv.

Kulħadd jiddispjaċih li jaħli l-ħin meta jiftaħ websajt. U bl-iktar magna tat-tiftix użata, Google juża l-veloċità tat-tagħbija ta 'paġna tal-web bħala fattur biex jiddeċiedi l-grad ta' websajt, huwa essenzjali għall-programmaturi li jsiru serji dwar l-ottimizzazzjoni tal-websajts tagħhom għal aċċess mgħaġġel.

Diversi fatturi jaffettwaw il-vitali tal-web tal-qalba u l-prestazzjoni tas-sinjal tal-esperjenza tal-paġna tal-web. Uħud minn dawn il-fatturi jinkludu d-daqs tad-dejta tat-talba u tar-rispons, il-veloċità tal-mistoqsijiet fid-database, in-numru ta ’talbiet li s-server jista’ jagħmel fil-kju u kemm jista ’jservihom fi żmien partikolari, u l-effiċjenza ta’ individwu jista 'jkun qed juża.

Il-post iħares lejn kif ittejjeb is-sinjali vitali tal-websajt u l-esperjenza tal-paġna.

2. X'inhuma l-Core Web Vitals?

Il-vitali ewlenin ta 'websajt huma sett ta' fatturi partikolari li Google tikkunsidra fl-esperjenza ġenerali tal-utent ta 'paġna tal-web.

Dawn il-fatturi huma magħmula minn kejl ta 'interazzjoni ta' tliet paġni; huma:

  1. L-Ikbar Paġna Kontenutiva (LIP): Din hija definita kemm iddum paġna biex titgħabba mil-lat ta 'utent reali. Huwa l-ħin minn meta tikklikkja fuq link biex tara l-maġġoranza tal-kontenut fuq l-iskrin tal-apparat (pc jew mobile).
  2. L-Ewwel Input Dewmien (FID): Huwa definit bħala l-ħin li jieħdu l-utenti biex jinteraġixxu ma 'paġna tal-web. Hawn taħt hawn eżempji ta 'wħud mill-interazzjonijiet:
    • Tagħżel għażla mill-menu ta 'fuq jew primarju
    • Meta tikklikkja fuq link fil-menu tan-navigazzjoni tas-sit
    • Iddaħħal indirizz tal-email tal-utent/telespettatur f'kaxxa tal-kummenti
  3. Cumulative Layout Shift (CLS): Dan huwa kemm paġna stabbli hija kif tgħabbi. Fi kliem ieħor, hija l-istabbiltà viżwali. Ifisser ukoll jekk elementi fuq paġna tal-web jiċċaqalqu hekk kif il-paġna titgħabba, allura dik il-paġna tal-web għandha CLS għolja, li tista 'titqies ħażina.

3. X'inhuma s-Sinjali tal-Esperjenza tal-Paġna?

Is-sinjali tal-esperjenza tal-paġna jkejlu kif l-utenti jaraw u jiġġudikaw l-esperjenza tal-interazzjoni ma 'paġna tal-web lil hinn mill-valur tal-kontenut veru tagħha. Jinkludi Core Web Vitals, sistema ta ’kejl li tkejjel l-esperjenza tal-utent ideali għat-tagħbija tal-prestazzjoni, ġrajjiet, u l-istabbiltà viżiva tal-paġna tal-web.

Jinkludi wkoll bosta sinjali ta 'tfittxija eżistenti, bħal ambjent tal-web li jiffavorixxi l-mowbajl, browsing sikur, linji gwida interstizjali intrużivi, u HTTPS.

4. Kif Ittejjeb il-Qofol tal-Websajt tiegħek u Sinjali tal-Esperjenza tal-Paġna

L-esperjenza tal-paġna ta 'websajt tiddependi fuq diversi fatturi, bħal:
  1. Il-kontenut fuq paġna tal-web partikolari
  2. Il-browser
  3. Il-lok ġeografiku tat-telespettatur/utent
  4. Il-wisa 'tal-banda tal-websajt, eċċ.

Huwa possibbli u importanti li tagħmel il-kontenut ta 'paġna tal-web eħfef u tieħu inqas bytes mingħajr ma tbiddel id-dehra, il-funzjoni u l-mudell tagħha. L-użu ta 'din l-istrateġija jippermetti lill-utent/telespettatur li jesperjenza tagħbija mgħaġġla tal-paġna.

Hawn huma modi oħra li l-vitals tal-websajt u s-sinjali tal-esperjenza tal-paġna jistgħu jittejbu. Barra minn hekk, kiri ta 'aġenzija ta' żvilupp tal-web u SEO bħal Semalt jista 'jgħinek ittejjeb il-fatturi elenkati hawn taħt.

  1. CACHING HTTP: Huwa rrakkomandat għal webmaster li jistabbilixxi l-intestaturi caching HTTP korretti. Ikun ta 'vantaġġ doppju għax kull meta terġa' żżur (meta telespettatur/utent iżur paġna tal-web aktar minn darba) iseħħ fuq paġna tal-web, din titgħabba aktar malajr, u jkun hemm inqas tagħbija fuq il-webserver.

    Il-cache, ġabra ta 'kopji lokali tar-riżorsi, jaħdem għax dawn ir-riżorsi ma jinbidlux ħafna drabi. Meta browser jista 'jerġa' juża kopja lokali, jiffranka l-ħin biex jistabbilixxi konnessjoni u jgħabbi dik il-paġna tal-web partikolari.

    Il-trick biex il-cache jaħdem b'mod effettiv huwa l-intestaturi tal-caching HTTP, li jintbagħtu mill-webserver biex jispeċifikaw kemm idum riżorsa valida u meta nbidlet l-aħħar. Il-protokoll HTTP jagħti modi kif tkun taf kemm hi valida riżorsa. Waħda minnhom hija l-intestatura li tiskadi. L-intestatura li tiskadi tagħti data partikolari li warajha riżorsa mhix valida. Malli jilħaq dan il-punt, il-browser jerġa 'jitlob ir-riżorsa.

    Mod ieħor biex tkun taf kemm hi valida riżorsa huwa Max-Age. L-età massima taħdem bl-istess mod kif l-intestatura tiskadi, sempliċement li tispeċifika kemm iddum riżorsa wara li titniżżel minflok ma tagħti data speċifika.

    Madankollu, li sservi kontenut li jeħtieġ interazzjoni mill-utent fuq konnessjoni HTTP mhux sigura jesponi lill-utent għar-riskju ta 'serq ta' dejta. Huwa importanti li tkun taf fejn u meta l-utenti jdaħħlu kwalunkwe informazzjoni personali, bħal checkouts fejn qed tinqasam informazzjoni dwar il-ħlas.

    Biex tippermetti lit-telespettaturi jibbrawżjaw b'mod sikur, blogger jeħtieġ li jiżgura li l-websajt għandha ċertifikat SSL aġġornat u jemigra kwalunkwe URLs u riżorsi fuq il-paġna tiegħek għal HTTPS.

  2. TNAQQIS TAR-RIFLUŻJONI TAL-BROWSER Reflow huwa l-isem tal-proċedura tal-web browsing biex terġa 'tikkalkula l-pożizzjonijiet u l-ġeometriji tal-elementi fid-dokument biex terġa' tirrendi parti jew id-dokument kollu.

    Huwa importanti għall-iżviluppaturi li jkunu jafu kif iżidu l-valur tal-ħin tar-reflow u jifhmu l-effetti ta 'diversi proprjetajiet tad-dokument. Il-proprjetajiet tad-dokument jinkludu l-effiċjenza tar-regola CSS, bidliet fl-istil differenti, u l-fond tad-DOM fuq il-ħin tar-reflow.

    Ħafna drabi, rifużjoni ta 'element wieħed fid-dokument tista' teħtieġ rifużjoni tal-elementi ġenituri tiegħu u kwalunkwe element li jsegwih.

    L-iktar tekniki użati huma miġbura f'sitt kategoriji li jkopru
    aspetti differenti tal-ottimizzazzjoni tat-tagħbija tal-paġna:
    1. Wirja tal-brawżer l-iktar effiċjenti: It-titjib tat-tqassim tal-brawżer ta 'paġna.
    2. L-iktar cache effiċjenti: Inżommu d-dejta u l-loġika tal-applikazzjoni waħda barra min-netwerk għal kollox.
    3. Użu ottimali għal apparat mobbli: Irfinar ta 'sit għall-karatteristiċi ta' netwerks mobbli u apparat mobbli.
    4. Tnaqqis tan-numru ta 'vjaġġi bir-ritorn: Tnaqqis fin-numru ta' rotazzjoni ta 'rispons għal talbiet serjali.
    5. Tnaqqis tat-talba overhead: Tnaqqis tad-daqs tal-upload.

  3. IT-TNAQQIS TAD-DAQS TAL-FILE TA 'DOKUMENTI HTML: Teknika ovvja biex ittejjeb l-esperjenza tal-paġna tal-web tal-websajt hija li tnaqqas id-daqs tal-fajl tad-dokumenti HTML. Hemm diversi modi biex tagħmel dan; dawn jinkludu kompressjoni riġida, ID bħal acupuncture, u bidliet fl-isem tal-klassi.

    HTML, meta kkonsenjat bit-test tat-tip MIME/HTML - jippermetti lill-programmaturi jaqbżu xi tags.
    Ejja nieħdu, per eżempju, jekk programmatur ikollu lista ta 'oġġetti mmarkati bħala <Pp> Oġġett tal-Lista </Pp>, dak il-programmer jista' jikteb <Pp> Oġġett tal-Lista. Jew minflok paragrafu li hu/hi normalment jagħlaq miegħu </q>, hu/hi jista 'biss juża <q> Il-paragrafu tiegħi.

    Dan il-metodu ġie ttestjat u fdat, u jaħdem ma 'HTML, ras, u korp, li mhumiex meħtieġa f'HTML. It-tneħħija tat-tikketti fakultattivi żżomm l-HTML wieħed formalment validu filwaqt li tnaqqas id-daqs tal-fajl u tagħmel il-kodiċi jidher iżgħar. F'dokument medju, dan ifisser li madwar għaxra sa 20 fil-mija ta 'l-ispazju ġew salvati b'suċċess.

  4. IMMAĠNI KOMPRESSI: Il-fajls tal-immaġini huma maħluqa l-aktar b’informazzjoni żejda inkorporata fil-fajl. Pereżempju, it-tip ta 'fajl JPEG huwa miktub minn diversi programmi ta' immaġni, inkluż l-isem tal-programm li kitebhom. Sadanittant, l-immaġini PNG spiss jistgħu jsiru iżgħar billi tbiddel il-mod kif l-immaġni hija kkodifikata.

    Dawn it-trasformazzjonijiet ma jikkawżawx telf ta 'dejta. Dan ifisser li l-immaġni kkompressata tidher identika għall-immaġni mhux ikkompressata iżda tuża inqas bytes u tieħu inqas spazju.

5. Konklużjoni

Fl-aħħar ftit snin, id-daqs medju tal-paġna tal-web żdied drastikament, u n-numru ta 'oġġetti esterni żdied ukoll fi proporzjon simili. B'dan, l-utenti tal-broadband biss esperjenzaw ħinijiet ta 'wiri ta' tagħbija aktar mgħaġġla. Utenti tal-banda dejqa, min-naħa l-oħra, esperjenzaw ħinijiet ta 'wiri ta' tagħbija aktar bil-mod.

Ma 'kull ħamsin minn mitt paġna tal-web li għandhom aktar minn ħamsin oġġett estern, l-overhead tal-oġġett jikkawża dewmien fit-tagħbija tal-paġna tal-web. It-tnaqqis ta ’talbiet HTTP billi tuża CSS, tingħaqad fajls JavaScript jew CSS, tnaqqas in-numru ta’ EOs, u tbiddel impressjonijiet grafiċi għal CSS wera li sar l-iktar ħila importanti għal ottimizzaturi tal-prestazzjoni tal-web.

Billi juża dawn il-metodi u jadotta innovazzjonijiet ta 'ottimizzazzjoni tal-esperjenza tal-paġna f'paġna tal-web, programmatur/awtur jista' jtejjeb is-sinjali tal-esperjenza tal-paġna tal-web tiegħu/tagħha. Dan jaffettwa b'mod pożittiv kemm il-ġirjiet fuq medda qasira kif ukoll fuq medda twila ta 'żmien, li huwa l-iktar għan importanti u l-ikbar li nistgħu nidħlu fih.

mass gmail