<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>lighthouse Archives -</title>
	<atom:link href="https://www.mcloud.rs/blog/tag/lighthouse/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description></description>
	<lastBuildDate>Sun, 23 Jun 2024 08:25:29 +0000</lastBuildDate>
	<language>sr-RS</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.1</generator>
	<item>
		<title>Kako da koristite PageSpeed Insights API za monitoring performansi web sajta</title>
		<link>https://www.mcloud.rs/blog/kako-da-koristite-pagespeed-insights-api-za-monitoring-performansi-web-sajta/</link>
					<comments>https://www.mcloud.rs/blog/kako-da-koristite-pagespeed-insights-api-za-monitoring-performansi-web-sajta/#comments</comments>
		
		<dc:creator><![CDATA[Nenad Mihajlović]]></dc:creator>
		<pubDate>Tue, 30 May 2023 12:12:44 +0000</pubDate>
				<category><![CDATA[Razno]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[json]]></category>
		<category><![CDATA[lighthouse]]></category>
		<category><![CDATA[page insights]]></category>
		<category><![CDATA[pagespeed]]></category>
		<category><![CDATA[rest api]]></category>
		<guid isPermaLink="false">https://www.mcloud.rs/?p=14203</guid>

					<description><![CDATA[<p>Postoji nekoliko dobrih alata za monitoring performansi web sajta, ali Google-ov PageSpeed Insights spada u najbolje. Dostupan je kao web aplikacija, a i kao Lighthouse tab u okviru Chrome DevTools alata, kao i u okviru dev alata u Edge, Opera,</p>
<p>The post <a rel="nofollow" href="https://www.mcloud.rs/blog/kako-da-koristite-pagespeed-insights-api-za-monitoring-performansi-web-sajta/">Kako da koristite PageSpeed Insights API za monitoring performansi web sajta</a> appeared first on <a rel="nofollow" href="https://www.mcloud.rs"></a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="l-submain"><div class="l-submain-h g-html i-cf"><p>Postoji nekoliko dobrih alata za monitoring performansi web sajta, ali <strong>Google-ov PageSpeed Insights spada u najbolje</strong>. Dostupan je kao web aplikacija, a i kao Lighthouse tab u okviru Chrome DevTools alata, kao i u okviru dev alata u Edge, Opera, Brave i Vivaldo browser-ima.</p>
<p>Kao što znate, performanse nekog web sajta su postale izuzetno važne i pored sadržaja jedan su od najvažnijih faktora za rangiranje vašeg sajta u Google pretrazi.</p>
<p>WordPress danas pokreće preko 43% svih web sajtova na Internetu (prema poslednjem <a href="https://w3techs.com/technologies/details/cm-wordpress">izveštaju W3Techs-a</a>), pa je logično da se u ovom tekstu pozabavimo <strong>monitoringom performansi upravo WordPress web sajtova</strong>.</p>
<p>Iako je WordPress značajno napredovao od svojih početaka, njegove performanse su i dalje često upitne, što zbog zavisnosti od tema, tako i zbog, u nekim slučajevima, preterane upotrebe plugin-a. U određenim slučajevima WordPress možete ubrzati korišćenjem <a href="https://www.mcloud.rs/servisi/cloud-hosting/">kvalitetnog hostinga</a>, kao i korišćenjem nekih drugih tehnika i najboljih praksi za <a href="https://www.plus.rs/blog/kako-da-ubrzate-svoj-wordpress-sajt-pomocu-litespeed-cache-plugin-a/">ubrzanje WordPress sajta</a>.</p>
<h2>Pristupanje Lighthouse-u</h2>
<p>Lighthouse u browser-u možete pronaći u okviru dev alata već navedenih browser-a. Otvorite neki sajt u nekom od navedenih browser-a (mi ćemo koristiti Chrome), prebacite se na tab Lighthouse u okviru dev tools-a i kliknite na dugme <strong>Analyze page load</strong>. Nakon par sekundi će se pojaviti dashboard sa prikazanim rezultatima analize performansi tog sajta.</p>
<p><img fetchpriority="high" decoding="async" src="https://www.mcloud.rs/wp-content/uploads/2023/05/analyze-page-load-1-1024x193.jpg" alt="" class="alignnone wp-image-14208 size-large" width="1024" height="193" srcset="https://www.mcloud.rs/wp-content/uploads/2023/05/analyze-page-load-1-1024x193.jpg 1024w, https://www.mcloud.rs/wp-content/uploads/2023/05/analyze-page-load-1-300x57.jpg 300w, https://www.mcloud.rs/wp-content/uploads/2023/05/analyze-page-load-1-768x145.jpg 768w, https://www.mcloud.rs/wp-content/uploads/2023/05/analyze-page-load-1-1536x289.jpg 1536w, https://www.mcloud.rs/wp-content/uploads/2023/05/analyze-page-load-1-465x88.jpg 465w, https://www.mcloud.rs/wp-content/uploads/2023/05/analyze-page-load-1-350x66.jpg 350w, https://www.mcloud.rs/wp-content/uploads/2023/05/analyze-page-load-1.jpg 1900w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>Možete da čekirate bilo koje od kategorija kojima se mere performanse (<strong>Performance</strong>, <strong>Accessibility</strong>, <strong>Best practices</strong>, <strong>SEO</strong>) i dobićete detaljniji izveštaj pomoću kojeg možete imati bolji uvid u performanse analiziranog sajta.</p>
<p><img decoding="async" src="https://www.mcloud.rs/wp-content/uploads/2023/05/Untitled-3-1024x376.png" alt="" class="alignnone wp-image-14216 size-large" width="1024" height="376" srcset="https://www.mcloud.rs/wp-content/uploads/2023/05/Untitled-3-1024x376.png 1024w, https://www.mcloud.rs/wp-content/uploads/2023/05/Untitled-3-300x110.png 300w, https://www.mcloud.rs/wp-content/uploads/2023/05/Untitled-3-768x282.png 768w, https://www.mcloud.rs/wp-content/uploads/2023/05/Untitled-3-1536x564.png 1536w, https://www.mcloud.rs/wp-content/uploads/2023/05/Untitled-3-465x171.png 465w, https://www.mcloud.rs/wp-content/uploads/2023/05/Untitled-3-350x129.png 350w, https://www.mcloud.rs/wp-content/uploads/2023/05/Untitled-3.png 1897w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>&nbsp;</p>
<p>Zahvaljujući tome Lighthouse zaista daje mnogo korisnih informacija koje mogu pomoći da optimizujete svoj sajt, ali ima i nekih mana koje treba pomenuti:</p>
<ul>
<li>svaki put kada analizirate stranicu,<strong> potrebno je da ručno pokrenete</strong> alat</li>
<li><strong>nije lako detektovati razlike</strong>, odnosno koje su se performanse pogoršale ili poboljšale u odnosu na prethodnu analizu</li>
<li><strong>ima dosta podataka koje treba proveriti</strong>, pa neke od njih možete pogrešno razumeti</li>
<li><strong>tehnički detalji su namenjeni prevashodno developerima</strong>, pa mogu biti nerazumljivi ili beskorisni nekome ko nije tehnički potkovan, a želi da ima uvid u performanse</li>
<li><strong>performanse lokalnog uređaja i brzina mreže mogu da utiču na rezultate</strong>, pa to može dati iskrivljenu sliku</li>
</ul>
<p>Srećom, PageSpeed Insights API omogućava da prevaziđete većinu ovih mana, tako što ćete<strong> automatizovati testove koji ujedno mogu biti sačuvani</strong> i kasnije upoređeni sa prethodnim rezultatima.</p>
<h2>Šta je PageSpeed Insights API?</h2>
<p>Google obezbeđuje besplata<strong>n PageSpeed Insights <a href="https://www.mcloud.rs/blog/kako-da-koristite-rest-api-vodic-za-pocetnike/">REST API</a></strong> koji vraća podatke u JSON formatu. Ovaj API sadrži svu Lighthouse metriku pa i više od toga. Omogućava vam da <strong>automatizujete pokretanje testa, sačuvate rezultate testa, pregledate promene koje su se desile tokom vremena i prikaže tačno one informacije koje su vam potrebne</strong>.</p>
<p>PageSpeed Insights API emulira način na koji Google vidi vaš sajt. Možete da pokrenete izveštaj svakih nekoliko dana ili kada god uradite neku izmenu koja može da utiče na performanse sajta.</p>
<p>Iako su ovi rezultati od velike pomoći, ne znači da su obavezno i uvek odraz pravih performansi vašeg sajta na Internetu. Zato je browser Performance API bolja opcija ukoliko želite da posmatrate rezultate onako kakvi su oni u realnom svetu, i to na svim uređajima i mrežama.</p>
<h2>PageSpeed Insights API</h2>
<p>Kopirajte sledeću adresu u vaš browser i editujte URL da biste pristupili performansama vaše stranice</p>
<p>https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=https://www.<strong>nazivsajta.rs</strong>/ (nazivsajta.rs &#8211; zamenite svojim domenom)</p>
<p>Za ovo je idealan Firefox jer on ima ugrađen JSON viewer, ali možete da koristite i <a href="https://chrome.google.com/webstore/search/json%20viewer">JSON viewer ekstenziju</a> za Chrome koja obezbeđuje istu funkcionalnost. Konačni Lighthouse Performance skor se nalazi označen na slici ispod, pod opcijom <strong>categories → performance</strong>.</p>
<p><img decoding="async" src="https://www.mcloud.rs/wp-content/uploads/2023/05/Untitled-4-265x300.png" alt="" class="aligncenter size-medium wp-image-14245" width="265" height="300" srcset="https://www.mcloud.rs/wp-content/uploads/2023/05/Untitled-4-265x300.png 265w, https://www.mcloud.rs/wp-content/uploads/2023/05/Untitled-4-768x870.png 768w, https://www.mcloud.rs/wp-content/uploads/2023/05/Untitled-4-465x527.png 465w, https://www.mcloud.rs/wp-content/uploads/2023/05/Untitled-4-350x397.png 350w, https://www.mcloud.rs/wp-content/uploads/2023/05/Untitled-4.png 842w" sizes="(max-width: 265px) 100vw, 265px" /></p>
<p>Možete da promenite API URL query string. Jedini potreban parametar je URL.<br />
Na primer to može biti:</p>
<div class="hcb_wrap">
<pre class="prism line-numbers lang-bash" data-lang="Bash"><code>url=https://nazivsajta.rs/page1</code></pre>
</div>
<p>Podrazumevano se pokreće desktop test, ali možete i da ga eksplicitno zahtevate sa:</p>
<div class="hcb_wrap">
<pre class="prism line-numbers lang-bash" data-lang="Bash"><code>strategy=desktop</code></pre>
</div>
<p>ili prebaciti na mobilni sa:</p>
<div class="hcb_wrap">
<pre class="prism line-numbers lang-bash" data-lang="Bash"><code>strategy=mobile</code></pre>
</div>
<p>Pokreću se samo testovi perfomansi, ukoliko eksplicitno ne zahtevate neki od konkretnih testova:</p>
<div class="hcb_wrap">
<pre class="prism line-numbers lang-bash" data-lang="Bash"><code>category=performance
category=accessibility
category=best-practices
category=seo
category=pwa</code></pre>
</div>
<p>Neki jezici mogu biti definisani tako što podešavate <strong>locale</strong> (na primer francuski):</p>
<div class="hcb_wrap">
<pre class="prism line-numbers lang-bash" data-lang="Bash"><code>locale=fr-FR</code></pre>
</div>
<p>Detalji Google Analytics kampanje mogu biti podešeni kao:</p>
<div class="hcb_wrap">
<pre class="prism line-numbers lang-bash" data-lang="Bash"><code>utm_campaign=&lt;campaign&gt;
utm_source=&lt;source&gt;</code></pre>
</div>
<p>Servis je inače besplatan ukoliko ne pokrećete testove često, ali ćete morati da se registrujete za Google API ključ ukoliko nameravate da u kratkom vremenskom periodu pokrećete više testova sa iste IP adrese. Ključ se dodaje URL-u sa:</p>
<div class="hcb_wrap">
<pre class="prism line-numbers lang-bash" data-lang="Bash"><code>key=&lt;api-key&gt;</code></pre>
</div>
<p>Možete da napravite URL query string definišući svoje parametre odvojene znakom &amp;. Sledeći API URL testira stranicu https://nekisajt.rs/ testiranjem performansi sajta kojem se pristupa putem mobilnog uređaja (mobilni telefon / tablet).:</p>
<p>https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=https://nekisajt.rs/&#038;strategy=mobile&#038;category=performance&#038;category=accessibility</p>
<p>Možete napraviti svoje URL-ove ili koristiti <a href="https://developers.google.com/speed/docs/insights/v5/reference/pagespeedapi/runpagespeed">Google PageSpeed API URL builder tool</a></p>
<h2>PageSpeed Insights API JSON rezultati</h2>
<p>Testovi uobičajeno vraćaju oko 600Kb JSON podataka, u zavisnosti od izabrane kategorije, broja elemenata na stranici i kompleksnosti screenshot-ova (embedovanih u base64 formatu).</p>
<p>Javlja se dupliranje nekih podataka, a dokumentacija rezultata nije uvek jasna. JSON je podeljen u četiri sekcije koje ćemo detaljnije predstaviti u nastavku teksta.</p>
<h3>loadingExperience</h3>
<p>Ovo su metrike koje se odnose na korisničko iskustvo. One uključuju informacije kao što su Core Web Vitalis CUMULATIVE_LAYOUT_SHIFT_SCORE, FIRST_CONTENTFUL_PAINT_MS, i FIRST_INPUT_DELAY_MS. Detalji i vrednosti za kategorije vraćaju FAST, AVERAGE, SLOW, ili NONE ukoliko ništa nije izmereno.</p>
<p>Na primer:</p>
<div class="hcb_wrap">
<pre class="prism line-numbers lang-bash" data-lang="Bash"><code>"loadingExperience": {
"metrics": {
"CUMULATIVE_LAYOUT_SHIFT_SCORE": {
"percentile": 0,
"distributions": [
{
"min": 0,
"max": 10,
"proportion": 0.970
},
{
"min": 10,
"max": 25,
"proportion": 0.017
},
{
"min": 25,
"proportion": 0.012
}
],
"category": "FAST"
},</code></pre>
</div>
<h3>originLoadingExperience</h3>
<p>Ovo su zbirne metrike izračunate za iskustva učitavanja za sve korisnike. Sekcije su identične loadingExperience-u i sajtovi sa manje saobraćaja verovatno neće pokazati nikakve razlike u brojevima.</p>
<h3>lighthouseResult</h3>
<p>Ovo je najveća sekcija i sadrži svu Lighthouse metriku. On obezbeđuje informacije o testu:</p>
<ul>
<li><code>requestedUrl</code> &#8211; URL koji ste zahtevali</li>
<li><code>finalURL</code> &#8211; stranica koja je testirana nakon svih redirekcija</li>
<li><code>lighthouseVersion</code> &#8211; verzija softvera</li>
<li><code>fetchTime</code> &#8211; vreme kada je test pokrenut<code></code></li>
<li><code>userAgent</code> &#8211; user agent string browser-a koji je korišćen za testiranje</li>
<li><code>environment</code> &#8211; proširene user agent informacije</li>
<li><code>configSettings</code> &#8211; podešavanja prosleđena API-ju</li>
</ul>
<p>Ovo je praćeno audits sekcijom sa mnogim sekcijama, uključujući <code>unused-javascript</code>, <code>unused-css-rules</code>, <code>total-byte-weight</code>, <code>redirects</code>, <code>dom-size</code>, <code>largest-contentful-paint-element</code>, <code>server-response-time</code>, <code>network-requests</code>, <code>cumulative-layout-shift</code>, <code>first-meaningful-paint</code>, <code>screenshot-thumbnails</code>, i <code>full-page-screenshot</code>.</p>
<p>Većina audit metrika ima sekciju details koja sadrži faktore poput “<code>overallSavingsBytes</code>” i “<code>overallSavingsMs</code>” koji procenjuju benefite od implementacije poboljšanja.</p>
<p>Sekcija <strong>metrics</strong> daje sumarno prikaz svih metrika u nizu pod nazivom <strong>items</strong>:</p>
<div class="hcb_wrap">
<pre class="prism line-numbers lang-bash" data-lang="Bash"><code>"metrics": {
"id": "metrics",
"title": "Metrics",
"description": "Collects all available metrics.",
"score": null,
"scoreDisplayMode": "informative",
"details": {
"type": "debugdata",
"items": [{
"observedFirstVisualChange": 234,
"observedFirstContentfulPaint": 284,
"interactive": 278,
"observedFirstPaintTs": 1579728174422,
"observedDomContentLoaded": 314,
// ... etc ...
}]
},
"numericValue": 278,
"numericUnit": "millisecond"
},</code></pre>
</div>
<p>Sekciju audits prati sekcija <strong>categories</strong> koja daje ukupne Lighthouse skorove za izabrane kategorije prosleđene na API URL:</p>
<div class="hcb_wrap">
<pre class="prism line-numbers lang-bash" data-lang="Bash"><code>"categories": {
"performance": {
"id": "performance",
"title": "Performance",
"score": 0.97,
"auditRefs": [
//…</code></pre>
</div>
<p>Score je broj između 0 i 1 koji je prikazan kao procenat u Lighthouse izveštajima. Skorovi imaju sledeća značenja:</p>
<ul>
<li><strong>0.9 do 1.0</strong> je <strong>dobro</strong></li>
<li><strong>0.5 do ispod 0.9</strong> znači da je <strong>neophodno poboljšanje</strong></li>
<li><strong>ispod 0.5 je loše</strong> (slabo) i zahteva više pažnje korisnika</li>
</ul>
<p>Sekcija <code>auditRefs</code> donosi listu svih metrika i mera koje se koriste za računanje svakog skora.</p>
<h3>analysisUTCTimestamp</h3>
<p>Na kraju, prikazano je i vreme analize. Ono bi trebalo da odgovara vremenu prikazanom u <code>lighthouseResult.fetchTime</code>.</p>
<h2>JSON Result metrike</h2>
<p>Svakako preporučujemo da sačuvate i upoznate se sa JSON rezultatom u text editoru. Alternativno, za njihov pregled možete koristiti neke od besplatnih online alata kao što su:</p>
<ul>
<li><a href="https://jsonformatter.curiousconcept.com/" rel="nofollow">JSON Formatter &amp; Validator</a></li>
<li><a href="https://jsonformatter.org/">JSON Formatter</a></li>
<li><a href="https://www.jsonformatter.io/">jsonformatter.io</a></li>
</ul>
<p>JSON result ima veroma korisne metrike, od kojih navodimo neke koje vam mogu koristiti. Ne zaboravite da podesite željenu kategoriju uz URL, ukoliko vam je to neophodno.</p>
<h3>Summary Metrics</h3>
<p><span>Ukupan skor od 0 do 1</span></p>
<table width="565">
<tbody>
<tr>
<td width="245">Performance</td>
<td width="320">lighthouseResult.categories.performance.score</td>
</tr>
<tr>
<td width="245">Accessibility</td>
<td width="320">lighthouseResult.categories.accessibility.score</td>
</tr>
<tr>
<td width="245">Best-practices</td>
<td width="320">lighthouseResult.categories.best-practices.score</td>
</tr>
<tr>
<td width="245">SEO</td>
<td width="320">lighthouseResult.categories.seo.score</td>
</tr>
<tr>
<td width="245">Progressive Web App (PWA)</td>
<td width="320">lighthouseResult.categories.pwa.score</td>
</tr>
</tbody>
</table>
<h3></h3>
<h3><span>Performance Metrics</span></h3>
<p><span>Uključuju Core Web Vitals skor od 0 do 1</span></p>
<table width="638">
<tbody>
<tr>
<td width="245">First Contentful Paint</td>
<td width="393">lighthouseResult.audits.first-contentful-paint.score</td>
</tr>
<tr>
<td width="245">First Meaningful Paint</td>
<td width="393">lighthouseResult.audits.first-meaningful-paint.score</td>
</tr>
<tr>
<td width="245">Largest Contentful Paint</td>
<td width="393">lighthouseResult.audits.largest-contentful-paint.score</td>
</tr>
<tr>
<td width="245">Speed Index</td>
<td width="393">lighthouseResult.audits.speed-index.score</td>
</tr>
<tr>
<td width="245">Cumulative Layout Shift</td>
<td width="393">lighthouseResult.audits.cumulative-layout-shift.score</td>
</tr>
</tbody>
</table>
<p><span>Evo i nekih korisnih performance skorova koji uključuju:</span></p>
<table width="638">
<tbody>
<tr>
<td width="245">Server response time</td>
<td width="393">lighthouseResult.audits.server-response-time.score</td>
</tr>
<tr>
<td width="245">Is crawlable</td>
<td width="393">lighthouseResult.audits.is-crawlable.score</td>
</tr>
<tr>
<td width="245">Console errors</td>
<td width="393">lighthouseResult.audits.errors-in-console.score</td>
</tr>
<tr>
<td width="245">Total byte weight</td>
<td width="393">lighthouseResult.audits.total-byte-weight.score</td>
</tr>
<tr>
<td width="245">DOM size score</td>
<td width="393">lighthouseResult.audits.dom-size.score</td>
</tr>
</tbody>
</table>
<h2><span>Kreirajte no-code performance dashboard</span></h2>
<p>Live API feed-ovi mogu da se čitaju i procesiraju u mnogim aplikacijama uključujući Microsoft Excel (Neočekivano, Google Sheets ne podržava JSON feed-ove bez dodatnih plugina ili makro koda, ali podržava XML).</p>
<p>Da biste importovali skor performansi u realnom vremenu u Excel, otvorite Excel, pa zatim idite na tab <strong>Data</strong> i odatle kliknite na <strong>From Web</strong>. U polje koje vam se otvori (sa podrazumevano čekiranim radio button-om <strong>Basic</strong>) unesite vaš PageSpeed Insights API URL i kliknite na <strong>OK</strong>.</p>
<p><img decoding="async" loading="lazy" class=" wp-image-148081" src="https://kinsta.com/wp-content/uploads/2023/03/excel-01-web.png" alt="Excel From Web data import" width="761" height="304" /></p>
<p>U sledećem prozoru kliknite na <strong>Connect</strong>. Ostavite podešavanja na podrazumevana (Anonymous). Nastavićete dalje ka alatu <strong>Query Settings</strong>.</p>
<p><img decoding="async" loading="lazy" class=" wp-image-148082" src="https://kinsta.com/wp-content/uploads/2023/03/excel-02-query.png" alt="Excel Query Settings Tool" width="770" height="475" /></p>
<p>Kliknkite na <strong>Record</strong> desno od rezultata Lighthouse metrike. Zatim kliknite isto na <strong>categories</strong> i <strong>performance</strong> da biste se spustili do JSON hijerarhije.</p>
<p><img decoding="async" loading="lazy" class=" wp-image-148083" src="https://kinsta.com/wp-content/uploads/2023/03/excel-03-navigate.png" alt="Excel JSON object drill-down" width="772" height="541" /></p>
<p>Kliknite na ikonicu <strong>Into Table</strong> na vrhu menija koji se otvori posle klika desnim tasetom miša.</p>
<p>Zatim kliknite na strelicu pored filtera u zaglavlju tabele da biste uklonili sve osim opcije <strong>score</strong>. Nakon toga kliknite na <strong>OK</strong>.</p>
<p><img decoding="async" loading="lazy" class=" wp-image-148084" src="https://kinsta.com/wp-content/uploads/2023/03/excel-04-filter.png" alt="Excel imported table filtering" width="773" height="734" /></p>
<p>Na kraju kliknite na <strong>Close &amp; Load</strong> da bi se u ćeliji prikazao skor performansi u realnom vremenu (live performance score).</p>
<p><img decoding="async" loading="lazy" class=" wp-image-148085" src="https://kinsta.com/wp-content/uploads/2023/03/excel-05-import.png" alt="Excel live data" width="777" height="568" /></p>
<p>Isti proces možete da ponovite i za sve ostale metrike koje želite da importujete.</p>
<h2>Zaključak</h2>
<p>Kako smo videli, Lighthouse je odličan online alat, ali nije baš praktičan ukoliko treba često da proveravate različite stranice/web sajtove. Sa druge strane <strong>PageSpeed Insights API vam omogućava da sami za svoje potrebe kreirate automatizovane testove</strong>, koje kasnije možete koristiti za različite potrebe. Pored toga, tu su i ostale prednosti korišćenja PageSpeed Insights API-ja:</p>
<ul>
<li><strong>Testovi performansi mogu biti automatizovani</strong> (bez potrebe da ih ručno pokrećete)</li>
<li><strong>Rezultati se sakupljaju na Google serverima</strong>, pa faktori kao što su brzina lokalnih diskova ili mreže imaju manje uticaja</li>
<li><strong>Metrike uključuju informacije koje obično nisu dostupne u Lighthouse-u</strong></li>
<li><strong>Važne metrike mogu biti snimljene</strong> i nadgledane tokom vremena da bi se bolje pratile promene u rezultatima</li>
<li><strong>Performanse i SEO informacije mogu biti prikazane u jednostavnim izveštajima</strong>, tako da mogu biti dostupne i razumljive za različite korisnike (menadžere, developere, klijente itd).</li>
</ul>
</div></div><p>The post <a rel="nofollow" href="https://www.mcloud.rs/blog/kako-da-koristite-pagespeed-insights-api-za-monitoring-performansi-web-sajta/">Kako da koristite PageSpeed Insights API za monitoring performansi web sajta</a> appeared first on <a rel="nofollow" href="https://www.mcloud.rs"></a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.mcloud.rs/blog/kako-da-koristite-pagespeed-insights-api-za-monitoring-performansi-web-sajta/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
	</channel>
</rss>