Frontend Lighthouse CI: Nuolatinė žiniatinklio programų našumo stebėsena

Šiuolaikiniame sparčiai besikeičiančiame skaitmeniniame pasaulyje svetainės našumas yra nepaprastai svarbus. Lėtai įsikelianti ar prastai optimizuota svetainė gali nuvilti vartotojus, sumažinti jų įsitraukimą ir galiausiai neigiamai paveikti jūsų verslą. Būtent čia ir pasitarnauja „Lighthouse CI“. Šis vadovas padės jums įdiegti „Lighthouse CI“ nuolatinei našumo stebėsenai, suteikdamas galimybę aktyviai nustatyti ir šalinti našumo problemas, kol jos dar nepaveikė jūsų vartotojų.

Kas yra „Lighthouse CI“?

„Lighthouse CI“ yra atvirojo kodo, automatizuotas našumo testavimo įrankis, kuris sklandžiai integruojasi į jūsų nuolatinės integracijos ir nuolatinio pristatymo (CI/CD) procesą. Jis naudoja „Google Lighthouse“ audito įrankį, kad pateiktų praktiškas įžvalgas apie jūsų svetainės našumą, prieinamumą, SEO ir geriausias praktikas. Įtraukę „Lighthouse CI“ į savo darbo eigą, galite nuolat stebėti svetainės našumą, sekti regresijas ir užtikrinti, kad kiekvienas kodo pakeitimas prisidėtų prie geresnės vartotojo patirties. „Lighthouse CI“ nėra susietas su vienu konkrečiu debesijos paslaugų teikėju ir gali būti naudojamas su įvairiomis sąrankomis. Pavyzdžiui, jis gali veikti „Docker“ konteineryje tokiose paslaugose kaip „Github Actions“, „Jenkins“, „CircleCI“ ir daugelyje kitų.

Kodėl verta naudoti „Lighthouse CI“?

„Lighthouse CI“ diegimas suteikia daugybę privalumų:

• Ankstyvas našumo regresijų aptikimas: Nustatykite našumo problemas, atsiradusias dėl naujų kodo pakeitimų, dar prieš joms pasiekiant produkcinę aplinką.
• Pagerintas svetainės našumas: Gaukite praktiškų įžvalgų, kaip optimizuoti svetainę greičiui, prieinamumui ir SEO.
• Geresnė vartotojo patirtis: Pateikite greitesnę ir patogesnę vartotojui svetainę, kuri išlaiko lankytojų įsitraukimą.
• Sumažintas atmetimo rodiklis: Optimizuokite įkėlimo laiką, kad sumažintumėte vartotojų nusivylimą ir neleistumėte jiems išeiti iš jūsų svetainės.
• Padidėję konversijų rodikliai: Greitesnė svetainė paprastai lemia didesnius konversijų rodiklius ir geresnius verslo rezultatus.
• Automatizuotas našumo testavimas: Integruokite našumo testavimą į savo CI/CD procesą nuolatinei stebėsenai.
• Duomenimis pagrįstų sprendimų priėmimas: Grindkite savo optimizavimo pastangas konkrečiais našumo rodikliais ir įžvalgomis.
• Ilgalaikis našumo sekimas: Stebėkite savo svetainės našumą laikui bėgant, kad nustatytumėte tendencijas ir įvertintumėte optimizavimo poveikį.

Pagrindinės „Lighthouse CI“ savybės

• Automatizuoti auditai: Automatiškai vykdo „Lighthouse“ auditus kaip CI/CD proceso dalį.
• Našumo biudžetai: Nustatykite našumo biudžetus, kad užtikrintumėte, jog jūsų svetainė neviršytų priimtinų našumo ribų.
• Regresijų sekimas: Seka našumo regresijas laikui bėgant, leidžiant nustatyti jas sukėlusius kodo pakeitimus.
• Praktiškos įžvalgos: Pateikia išsamias ataskaitas su praktiškomis rekomendacijomis, kaip pagerinti svetainės našumą.
• Pritaikoma konfigūracija: Konfigūruokite „Lighthouse CI“ pagal savo specifinius poreikius ir reikalavimus.
• Integracija su CI/CD įrankiais: Sklandžiai integruojasi su populiariais CI/CD įrankiais, tokiais kaip „Jenkins“, „CircleCI“, „GitHub Actions“ ir „GitLab CI“.
• Atvirasis kodas: „Lighthouse CI“ yra atvirojo kodo projektas, o tai reiškia, kad jį galima naudoti ir modifikuoti nemokamai.

„Lighthouse CI“ diegimas: žingsnis po žingsnio vadovas

Pateikiame išsamų vadovą, kaip įdiegti „Lighthouse CI“ savo projekte:

1. Įdiekite „Lighthouse CI“ CLI

Pirmiausia turite globaliai įdiegti „Lighthouse CI“ komandinės eilutės sąsają (CLI), naudodami npm arba yarn:

            npm install -g @lhci/cli
yarn global add @lhci/cli
            

              
                Copy
              
            
          

2. Konfigūruokite „Lighthouse CI“

Savo projekto pagrindiniame kataloge sukurkite lighthouserc.js failą, skirtą „Lighthouse CI“ konfigūravimui. Šiame faile apibrėžiami audituotini URL adresai, patvirtinimo taisyklės ir kitos konfigūracijos parinktys.

Štai pagrindinis lighthouserc.js failo pavyzdys:

            module.exports = {
  ci:
   {
    collect: {
      url: ['http://localhost:3000', 'http://localhost:3000/about']
    },
    assert: {
      preset: 'lighthouse:recommended'
    },
    upload: {
      target: 'temporary-public-storage'
    },
  },
};

            

              
                Copy
              
            
          

Paaiškinimas:

• collect.url: Nurodo URL adresus, kuriuos audituos „Lighthouse“. Šiame pavyzdyje audituojame pagrindinį puslapį ir „apie“ puslapį svetainės, veikiančios localhost:3000. Nepamirškite pakeisti šių adresų URL, susijusiais su *jūsų* projektu, kurie gali apimti ir testavimo (staging) aplinkas.
• assert.preset: Naudoja lighthouse:recommended išankstinį nustatymą, kuris taiko iš anksto apibrėžtų patvirtinimų rinkinį, pagrįstą „Lighthouse“ rekomendacijomis. Tai geras atspirties taškas, tačiau prireikus galite šiuos patvirtinimus pritaikyti.
• upload.target: Konfigūruoja, kur bus įkelti „Lighthouse CI“ rezultatai. temporary-public-storage yra naudingas testavimui ir vystymui, tačiau produkcinėms aplinkoms paprastai norėsite naudoti patvaresnį saugojimo sprendimą (aptariama vėliau).

3. Integruokite „Lighthouse CI“ į savo CI/CD procesą

Kitas žingsnis – integruoti „Lighthouse CI“ į savo CI/CD procesą. Tikslūs žingsniai priklausys nuo jūsų CI/CD teikėjo, tačiau bendras procesas apima scenarijaus pridėjimą į jūsų CI/CD konfigūraciją, kuris vykdo „Lighthouse CI“ komandas.

Pavyzdys naudojant „GitHub Actions“:

Savo repozitorijoje sukurkite failą pavadinimu .github/workflows/lighthouse-ci.yml su tokiu turiniu:

            name: Lighthouse CI

on:
  push:
    branches: [main]
  pull_request:

jobs:
  lighthouse:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - name: Use Node.js
        uses: actions/setup-node@v3
        with:
          node-version: '16.x'
      - name: Install dependencies
        run: npm ci
      - name: Run Lighthouse CI
        run: |
          npm install -g @lhci/cli@0.11.x
          lhci autorun

            

              
                Copy
              
            
          

Paaiškinimas:

• on.push.branches: Suaktyvina darbo eigą, kai atliekami pakeitimų įkėlimai (pushes) į main šaką.
• on.pull_request: Suaktyvina darbo eigą, kai sukuriamos pakeitimų užklausos (pull requests).
• jobs.lighthouse.runs-on: Nurodo operacinę sistemą, kurią reikia naudoti užduočiai (šiuo atveju – Ubuntu).
• steps: Apibrėžia žingsnius, kurie bus vykdomi užduotyje:
• actions/checkout@v3: Paima repozitorijos kodą.
• actions/setup-node@v3: Nustato Node.js aplinką.
• npm ci: Įdiegia priklausomybes.
• Run Lighthouse CI: Vykdo „Lighthouse CI“ komandas:
• npm install -g @lhci/cli@0.11.x: Globaliai įdiegia „Lighthouse CI“ CLI. *Svarbu*: Visada rekomenduojama nurodyti konkrečią versiją.
• lhci autorun: Vykdo „Lighthouse CI“ „autorun“ režimu, kuris automatiškai surenka auditus, patikrina našumo biudžetus ir įkelia rezultatus.

Svarbūs aspektai integruojant į CI/CD:

• Serverio paleidimas: Prieš vykdydami lhci autorun, įsitikinkite, kad jūsų žiniatinklio serveris veikia (pvz., npm start). Gali tekti pridėti žingsnį į savo CI/CD konfigūraciją, kad serveris būtų paleistas fone.
• Duomenų bazės migracijos: Jei jūsų programa priklauso nuo duomenų bazės, užtikrinkite, kad duomenų bazės migracijos būtų įvykdytos kaip CI/CD proceso dalis *prieš* paleidžiant „Lighthouse CI“.
• Aplinkos kintamieji: Jei jūsų programai reikalingi aplinkos kintamieji, užtikrinkite, kad jie būtų tinkamai sukonfigūruoti jūsų CI/CD aplinkoje.

4. Paleiskite „Lighthouse CI“

Dabar, kai tik įkelsite pakeitimus į main šaką arba sukursite pakeitimų užklausą, „Lighthouse CI“ darbo eiga bus paleista automatiškai. Rezultatai bus pasiekiami „GitHub Actions“ sąsajoje.

5. Peržiūrėkite „Lighthouse CI“ rezultatus

„Lighthouse CI“ rezultatai bus įkelti į vietą, nurodytą jūsų lighthouserc.js faile (pvz., temporary-public-storage). Šiuos rezultatus galite pasiekti paspaudę nuorodą, pateiktą CI/CD išvestyje. Šie rezultatai suteikia išsamią informaciją apie jūsų svetainės našumą, prieinamumą, SEO ir geriausias praktikas.

Patvirtinimų ir našumo biudžetų konfigūravimas

„Lighthouse CI“ leidžia konfigūruoti patvirtinimus (assertions) ir našumo biudžetus, kad užtikrintumėte, jog jūsų svetainė atitinka našumo tikslus. Patvirtinimai – tai taisyklės, kurios tikrina konkrečius našumo rodiklius (pvz., „First Contentful Paint“, „Largest Contentful Paint“) pagal iš anksto nustatytas ribas. Našumo biudžetai apibrėžia priimtinas ribas įvairiems našumo rodikliams.

Štai pavyzdys, kaip konfigūruoti patvirtinimus savo lighthouserc.js faile:

            module.exports = {
  ci: {
    collect: {
      url: ['http://localhost:3000']
    },
    assert: {
      assertions: {
        'first-contentful-paint': ['warn', { maxNumericValue: 2000 }],
        'largest-contentful-paint': ['warn', { maxNumericValue: 2500 }],
        'cumulative-layout-shift': ['warn', { maxNumericValue: 0.1 }],
        'total-blocking-time': ['warn', { maxNumericValue: 500 }],
        'categories:performance': ['warn', { minScore: 0.9 }],
        'categories:accessibility': ['error', { minScore: 0.8 }],
      }
    },
   upload: {
      target: 'temporary-public-storage'
    },
  }
};

            

              
                Copy
              
            
          

Paaiškinimas:

• first-contentful-paint: Nustato įspėjimo ribą „First Contentful Paint“ (FCP) rodikliui ties 2000 ms.
• largest-contentful-paint: Nustato įspėjimo ribą „Largest Contentful Paint“ (LCP) rodikliui ties 2500 ms.
• cumulative-layout-shift: Nustato įspėjimo ribą „Cumulative Layout Shift“ (CLS) rodikliui ties 0.1.
• total-blocking-time: Nustato įspėjimo ribą „Total Blocking Time“ (TBT) rodikliui ties 500 ms.
• categories:performance: Nustato įspėjimo ribą bendram našumo kategorijos įvertinimui ties 0.9.
• categories:accessibility: Nustato klaidos ribą bendram prieinamumo kategorijos įvertinimui ties 0.8.

Patvirtinimo lygiai:

• off: Išjungia patvirtinimą.
• warn: Rodo įspėjimą, jei patvirtinimas nepavyksta.
• error: Nutraukia „Lighthouse CI“ vykdymą, jei patvirtinimas nepavyksta.

Patvirtinimų pritaikymas:

Galite pritaikyti patvirtinimus pagal savo specifinius poreikius. Pavyzdžiui, galite nustatyti griežtesnes ribas svarbiausiems našumo rodikliams arba išjungti patvirtinimus, kurie nėra aktualūs jūsų programai.

„Lighthouse CI“ įkėlimo tikslo pasirinkimas

Parinktis upload.target jūsų lighthouserc.js faile nurodo, kur bus įkelti „Lighthouse CI“ rezultatai. temporary-public-storage tikslas yra patogus testavimui ir vystymui, tačiau jis netinka produkcinėms aplinkoms, nes duomenys nėra išsaugomi ilgam.

Štai keletas alternatyvių įkėlimo tikslų:

• „Lighthouse CI Server“: Rekomenduojamas būdas produkcinėms aplinkoms – naudoti „Lighthouse CI“ serverį. „Lighthouse CI“ serveris suteikia nuolatinį saugojimo sprendimą jūsų „Lighthouse CI“ rezultatams, taip pat vartotojo sąsają duomenims peržiūrėti ir analizuoti. Jį galima įdiegti pas įvairius debesijos paslaugų teikėjus arba talpinti savo infrastruktūroje.
• „Google Cloud Storage“: Galite įkelti savo „Lighthouse CI“ rezultatus į „Google Cloud Storage“ kaupyklą (bucket). Tai ekonomiškas ir mastelį keičiantis sprendimas jūsų duomenims saugoti.
• „Amazon S3“: Panašiai kaip ir „Google Cloud Storage“, galite įkelti savo „Lighthouse CI“ rezultatus į „Amazon S3“ kaupyklą.

„Lighthouse CI Server“ diegimas:

„Lighthouse CI“ serverio diegimas apima šiuos žingsnius:

1. Įdiekite „Lighthouse CI Server“: Galite įdiegti „Lighthouse CI“ serverį naudodami npm arba yarn:

            npm install -g @lhci/server
yarn global add @lhci/server
            

              
                Copy
              
            
          

2. Konfigūruokite duomenų bazę: „Lighthouse CI“ serveriui reikalinga duomenų bazė duomenims saugoti. Galite naudoti įvairias duomenų bazes, įskaitant „PostgreSQL“, „MySQL“ ir „SQLite“. Duomenų bazės prisijungimo nustatymus konfigūruokite .env faile.
3. Paleiskite „Lighthouse CI Server“: Paleiskite „Lighthouse CI“ serverį naudodami lhci server komandą.
4. Konfigūruokite „Lighthouse CI“ CLI, kad naudotų serverį: Atnaujinkite savo lighthouserc.js failą, kad jis naudotų „Lighthouse CI“ serverį kaip įkėlimo tikslą:

            module.exports = {
  ci: {
    collect: {
      url: ['http://localhost:3000']
    },
    assert: {
      preset: 'lighthouse:recommended'
    },
    upload: {
      target: 'lhci',
      serverBaseUrl: 'http://your-lhci-server.com',
      token: 'YOUR_LHCI_TOKEN'
    },
  }
};

            

              
                Copy
              
            
          

Pakeiskite http://your-lhci-server.com savo „Lighthouse CI“ serverio URL adresu, o YOUR_LHCI_TOKEN – savo projekto prieigos raktu (token).

Gerosios „Lighthouse CI“ naudojimo praktikos

Kad išnaudotumėte visas „Lighthouse CI“ galimybes, laikykitės šių geriausių praktikų:

• Vykdykite „Lighthouse CI“ po kiekvieno kodo pakeitimo: Integruokite „Lighthouse CI“ į savo CI/CD procesą, kad auditai būtų atliekami po kiekvieno kodo pakeitimo. Tai padės anksti pastebėti našumo regresijas.
• Nustatykite našumo biudžetus: Apibrėžkite našumo biudžetus, kad užtikrintumėte, jog jūsų svetainė neviršytų priimtinų našumo ribų.
• Stebėkite našumo tendencijas: Sekite savo svetainės našumą laikui bėgant, kad nustatytumėte tendencijas ir įvertintumėte optimizacijų poveikį.
• Teikite prioritetą optimizavimo pastangoms: Pirmiausia sutelkite dėmesį į svarbiausių našumo rodiklių optimizavimą.
• Naudokite realaus pasaulio duomenis: Remkitės realaus pasaulio duomenimis savo optimizavimo pastangoms. Pavyzdžiui, galite naudoti „Google Analytics“, kad nustatytumėte puslapius, kuriuos jūsų vartotojai lanko dažniausiai.
• Testuokite tikruose įrenginiuose: Testuokite savo svetainę tikruose įrenginiuose, kad įsitikintumėte, jog ji gerai veikia realiomis sąlygomis.
• Reguliariai peržiūrėkite „Lighthouse CI“ rezultatus: Būtinai reguliariai peržiūrėkite „Lighthouse CI“ rezultatus ir imkitės veiksmų nustatytoms našumo problemoms spręsti.
• Optimizuokite paveikslėlius: Optimizuokite savo paveikslėlius, kad sumažintumėte jų failo dydį neprarandant kokybės. Tam naudingi įrankiai, tokie kaip „ImageOptim“ („macOS“), „TinyPNG“ ir „ImageKit“.
• Minifikuokite CSS ir JavaScript: Minifikuokite savo CSS ir JavaScript failus, kad sumažintumėte jų dydį. Su tuo gali padėti tokie įrankiai kaip „UglifyJS“ ir „CSSNano“.
• Išnaudokite naršyklės podėlį (caching): Išnaudokite naršyklės podėlį, kad sumažintumėte užklausų, kurias jūsų svetainė siunčia serveriui, skaičių.
• Naudokite turinio pristatymo tinklą (CDN): Naudokite CDN, kad paskirstytumėte savo svetainės turinį serveriuose visame pasaulyje. Tai gali pagerinti įkėlimo laiką vartotojams skirtingose geografinėse vietovėse. Paslaugos kaip „Cloudflare“ ir „Amazon CloudFront“ yra populiarūs CDN.
• Atidėkite už ekrano ribų esančių paveikslėlių įkėlimą: Įdiekite „lazy loading“ (atidėtąjį įkėlimą) paveikslėliams, kurie nėra iš karto matomi ekrane. Tai gali žymiai pagerinti pradinį puslapio įkėlimo laiką. Paprastam atidėtajam įkėlimui galima naudoti loading="lazy" atributą.
• Pašalinkite atvaizdavimą blokuojančius išteklius: Nustatykite ir pašalinkite išteklius, kurie blokuoja jūsų puslapio atvaizdavimą. Tai dažnai apima kritinio CSS įterpimą tiesiai į kodą (inlining) ir nekritinio CSS bei JavaScript atidėjimą.
• Sumažinkite JavaScript vykdymo laiką: Profiluokite savo JavaScript kodą, kad nustatytumėte ir optimizuotumėte lėtai veikiančias funkcijas. Metodai, tokie kaip kodo skaidymas (code splitting) ir „tree shaking“, gali padėti sumažinti atsisiunčiamo ir vykdomo JavaScript kiekį.

Pažangios „Lighthouse CI“ technikos

Kai jau būsite susipažinę su „Lighthouse CI“ pagrindais, galite išbandyti keletą pažangių technikų, kad dar labiau pagerintumėte našumo stebėseną:

• Individualūs „Lighthouse“ auditai: Galite sukurti individualius „Lighthouse“ auditus, kad patikrintumėte specifines našumo problemas, aktualias jūsų programai.
• „Headless Chrome“ konfigūracija: Konfigūruokite „Headless Chrome“, kad naudotų specifines įrenginių emuliacijas ar tinklo lėtinimo nustatymus.
• Integracija su stebėsenos įrankiais: Integruokite „Lighthouse CI“ su esamais stebėsenos įrankiais (pvz., „New Relic“, „Datadog“), kad gautumėte išsamesnį savo svetainės našumo vaizdą.
• Vizualinės regresijos testavimas: Derinkite „Lighthouse CI“ su vizualinės regresijos testavimo įrankiais, kad aptiktumėte vizualinius pokyčius, galinčius paveikti našumą.

„Lighthouse CI“ pasaulinei auditorijai: aspektai tarptautinėms svetainėms

Naudodami „Lighthouse CI“ svetainėms, skirtoms pasaulinei auditorijai, atsižvelkite į šiuos dalykus:

• Testuokite iš kelių vietovių: Serverio atsako laikas gali labai skirtis priklausomai nuo vartotojo buvimo vietos. Naudokite CDN (turinio pristatymo tinklą) ir apsvarstykite galimybę vykdyti „Lighthouse CI“ auditus iš skirtingų geografinių regionų, kad gautumėte tikslesnį našumo vaizdą tarptautiniams vartotojams. Kai kurie CI/CD teikėjai siūlo galimybę nurodyti vykdytojo (runner) geografinę vietą.
• Atsižvelkite į tinklo sąlygas: Tinklo greitis ir delsos laikas visame pasaulyje labai skiriasi. Imituokite skirtingas tinklo sąlygas „Lighthouse CI“ auditų metu, kad suprastumėte, kaip jūsų svetainė veikia esant įvairiems apribojimams. „Lighthouse“ leidžia sulėtinti tinklo ryšį, imituojant lėtesnius ryšius, pavyzdžiui, 3G.
• Turinio lokalizavimas: Užtikrinkite, kad jūsų lokalizuotas turinys būtų tinkamai optimizuotas. Tai apima paveikslėlių optimizavimą skirtingoms kalboms ir simbolių rinkiniams bei tinkamą kodavimą, siekiant išvengti atvaizdavimo problemų.
• Šriftų įkėlimas: Optimizuokite šriftų įkėlimą skirtingoms kalboms. Apsvarstykite galimybę naudoti „font-display: swap“, kad tekstas nebūtų nematomas, kol kraunasi šriftas.
• Trečiųjų šalių scenarijai: Būkite atidūs trečiųjų šalių scenarijams, nes jie gali ženkliai paveikti našumą, ypač vartotojams regionuose su lėtesniu tinklo ryšiu. Reguliariai audituokite trečiųjų šalių scenarijų našumą ir apsvarstykite galimybę naudoti asinchroninį įkėlimą arba talpinti kritinius scenarijus savo serveryje.
• Optimizavimas mobiliesiems įrenginiams: Mobiliųjų įrenginių naudojimas yra paplitęs daugelyje pasaulio šalių. Užtikrinkite, kad jūsų svetainė būtų optimizuota mobiliesiems įrenginiams ir kad jūsų „Lighthouse CI“ auditai apimtų testus, skirtus mobiliesiems įrenginiams.

Dažniausių „Lighthouse CI“ problemų sprendimas

Štai keletas dažniausių problemų, su kuriomis galite susidurti naudodami „Lighthouse CI“, ir kaip jas išspręsti:

• „Lighthouse CI“ nepavyksta dėl „Timeout“ klaidos: Tai gali atsitikti, jei jūsų svetainė per ilgai kraunasi arba jei „Lighthouse CI“ negali prisijungti prie jūsų svetainės. Pabandykite padidinti skirtojo laiko (timeout) reikšmę savo lighthouserc.js faile arba patikrinkite svetainės serverio žurnalus dėl klaidų.
• „Lighthouse CI“ pateikia nenuoseklius rezultatus: „Lighthouse“ rezultatai gali šiek tiek skirtis tarp paleidimų dėl tinklo sąlygų ar kitų veiksnių. Atlikite kelis auditus, kad gautumėte stabilesnį vidurkį.
• „Lighthouse CI“ nepavyksta įkelti rezultatų: Patikrinkite savo upload.target konfigūraciją ir įsitikinkite, kad jūsų „Lighthouse CI“ serveris veikia ir yra pasiekiamas. Taip pat patikrinkite, ar sukonfigūravote teisingą prieigos raktą.
• „Lighthouse CI“ praneša apie netikėtas našumo regresijas: Ištirkite kodo pakeitimus, kurie buvo atlikti prieš aptinkant regresiją. Naudokite „Lighthouse CI“ ataskaitas, kad nustatytumėte konkrečius našumo rodiklius, kurie pablogėjo, ir sutelkite savo optimizavimo pastangas į tas sritis.

Išvada

„Frontend Lighthouse CI“ yra galingas įrankis, skirtas nuolatinei žiniatinklio programų našumo stebėsenai. Integruodami „Lighthouse CI“ į savo CI/CD procesą, galite aktyviai nustatyti ir spręsti našumo problemas, užtikrindami, kad jūsų svetainė suteiktų optimalią vartotojo patirtį. Nepamirškite pritaikyti savo sąrankos, patvirtinimo taisyklių ir testavimo vietų pasaulinei auditorijai, kad sukurtumėte geriausią įmanomą patirtį vartotojams visame pasaulyje.

Laikydamiesi šiame vadove aprašytų žingsnių ir geriausių praktikų, galite žymiai pagerinti savo svetainės našumą, sumažinti atmetimo rodiklius, padidinti konversijų rodiklius ir galiausiai pasiekti savo verslo tikslus. Pradėkite diegti „Lighthouse CI“ šiandien ir atskleiskite visą savo žiniatinklio programų potencialą.