{"id":3690,"date":"2026-10-29T09:30:00","date_gmt":"2026-10-29T09:30:00","guid":{"rendered":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"modified":"2026-11-11T07:57:47","modified_gmt":"2026-11-11T07:57:47","slug":"what-are-core-web-vitals-how-they-impact-site-speed-hr","status":"publish","type":"post","link":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","title":{"rendered":"\u0160to su Core Web Vitals i kako utje\u010du na brzinu web-stranice?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3690\" class=\"elementor elementor-3690\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c13572 e-flex e-con-boxed e-con e-parent\" data-id=\"4c13572\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb46438 elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"fb46438\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;exclude_headings_by_selector&quot;:[],&quot;no_headings_message&quot;:&quot;Na ovoj stranici nisu prona\\u0111eni naslovi.&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;h5&quot;,&quot;h6&quot;],&quot;marker_view&quot;:&quot;numbers&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t\t\t\t<div class=\"elementor-toc__header-title\">\n\t\t\t\tSadr\u017eaj\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__fb46438\" aria-expanded=\"true\" aria-label=\"Open table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__fb46438\" aria-expanded=\"true\" aria-label=\"Close table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div id=\"elementor-toc__fb46438\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<svg class=\"elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading\" aria-hidden=\"true\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1872cac e-flex e-con-boxed e-con e-parent\" data-id=\"1872cac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb80fd elementor-widget elementor-widget-text-editor\" data-id=\"2cb80fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Performanse web-stranice ne ovise samo o tome koliko se brzo stranica u\u010ditava. \u010cak i ako se sadr\u017eaj pojavi za nekoliko sekundi, spori odaziv gumba ili neo\u010dekivani pomaci rasporeda mogu frustrirati posjetitelje i naru\u0161iti njihovo iskustvo. Kako onda utvrditi radi li va\u0161a web-stranica dobro? Core Web Vitals klju\u010dni su Googleovi pokazatelji performansi koji mjere brzinu u\u010ditavanja, interaktivnost i vizualnu stabilnost. U ovom vodi\u010du upoznat \u0107ete tri metrike Core Web Vitals, njihove preporu\u010dene grani\u010dne vrijednosti te alate pomo\u0107u kojih mo\u017eete mjeriti i pobolj\u0161ati performanse svoje web-stranice.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-664621b e-flex e-con-boxed e-con e-parent\" data-id=\"664621b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31dc3da elementor-widget elementor-widget-text-editor\" data-id=\"31dc3da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>\u0160to su Core Web Vitals?<\/h2><p>Core Web Vitals skup su metrika performansi koje je Google uveo kako bi mjerio va\u017ene aspekte korisni\u010dkog iskustva na web-stranici. Te se metrike usredoto\u010duju na tri glavna \u010dimbenika: performanse u\u010ditavanja, interaktivnost i vizualnu stabilnost. Drugim rije\u010dima, poma\u017eu vlasnicima web-stranica razumjeti koliko se brzo stranica u\u010ditava, koliko glatko korisnici mogu s njom komunicirati i ostaje li njezin sadr\u017eaj stabilan tijekom u\u010ditavanja.<\/p><p>Performanse web-stranice ne svode se samo na to koliko se brzo stranica otvara. Web-stranica mo\u017ee u\u010ditati sadr\u017eaj u kratkom vremenu, ali ako korisnici moraju \u010dekati prije nego \u0161to mogu kliknuti gumb ili se raspored stranice neo\u010dekivano mijenja, ukupno iskustvo i dalje mo\u017ee biti lo\u0161e. Core Web Vitals poma\u017eu prepoznati takve probleme i daju mjerljive ciljeve za pobolj\u0161anje performansi web-stranice.<\/p><p>Google trenuta\u010dno koristi tri metrike Core Web Vitals: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) i Cumulative Layout Shift (CLS). Svaka metrika mjeri drugi dio korisni\u010dkog iskustva, pa pobolj\u0161anje jedne od njih ne zna\u010di nu\u017eno da \u0107e se pobolj\u0161ati i preostale dvije.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-603a3e6 e-flex e-con-boxed e-con e-parent\" data-id=\"603a3e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffab792 elementor-widget elementor-widget-text-editor\" data-id=\"ffab792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Za\u0161to su Core Web Vitals va\u017eni?<\/h2><p>Web-stranica treba posjetiteljima pru\u017eiti glatko i pouzdano iskustvo. Kada se stranica predugo u\u010ditava, korisnici mogu oti\u0107i prije nego \u0161to do\u0111u do informacija koje trebaju. Sli\u010dno tome, ako gumbi sporo reagiraju ili se elementi stranice neo\u010dekivano pomi\u010du, posjetitelji se mogu frustrirati i te\u0161ko dovr\u0161iti ono \u0161to su namjeravali.<\/p><p>Core Web Vitals poma\u017eu vlasnicima web-stranica prepoznati te probleme na temelju mjerljivih podataka o performansama, umjesto da se oslanjaju samo na osobne dojmove. Na primjer, programer mo\u017ee testirati web-stranicu na sna\u017enom ra\u010dunalu i zaklju\u010diti da se brzo u\u010ditava. Me\u0111utim, posjetitelji koji koriste starije mobilne ure\u0111aje ili sporije internetske veze mogu imati znatno dulje vrijeme u\u010ditavanja.<\/p><p>Zbog tih je razlika pra\u0107enje performansi va\u017eno. Analizom podataka Core Web Vitals programeri mogu utvrditi koje dijelove web-stranice treba pobolj\u0161ati i daju li njihovi napori u optimizaciji o\u010dekivane rezultate.<\/p><p>Core Web Vitals va\u017eni su i za optimizaciju za tra\u017eilice (SEO). Google u svojim sustavima rangiranja koristi signale iskustva stranice, ali dobri rezultati Core Web Vitals ne jam\u010de bolji polo\u017eaj. Relevantan sadr\u017eaj i mnogi drugi \u010dimbenici i dalje su va\u017eni. Stoga pobolj\u0161anje ovih metrika treba promatrati kao dio \u0161ire strategije izgradnje korisne, pristupa\u010dne i pouzdane web-stranice.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-598ac2f e-flex e-con-boxed e-con e-parent\" data-id=\"598ac2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-def6c44 elementor-widget elementor-widget-text-editor\" data-id=\"def6c44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Koje su tri metrike Core Web Vitals?<\/h2><p>Svaka metrika Core Web Vitals usredoto\u010dena je na odre\u0111eni aspekt performansi web-stranice. Razumijevanje na\u010dina na koji funkcioniraju olak\u0161ava prepoznavanje problema s performansama i odabir pravih tehnika optimizacije.<\/p><ul><li><h3>\u0160to je Largest Contentful Paint (LCP)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Largest Contentful Paint (LCP) mjeri koliko je vremena potrebno da se pojavi najve\u0107a slika ili tekstni blok vidljiv u po\u010detnom prikazu (viewportu). Ova metrika poma\u017ee procijeniti kada glavni sadr\u017eaj stranice postaje vidljiv korisniku.<\/p><p style=\"padding-left: 40px;\">Zamislite, primjerice, da posjetitelj otvori \u010dlanak na blogu. Pozadina stranice i navigacijski izbornik mogu se pojaviti gotovo odmah, ali glavnom naslovu ili istaknutoj slici mo\u017ee trebati nekoliko sekundi da se u\u010ditaju. U takvoj situaciji posjetitelj mo\u017ee imati dojam da se stranica jo\u0161 u\u010ditava, iako su neki njezini elementi ve\u0107 vidljivi. Dobar rezultat LCP-a iznosi 2,5 sekunde ili manje. Ako je vrijednost izme\u0111u 2,5 i 4 sekunde, stranicu treba pobolj\u0161ati. Vrijednost LCP-a ve\u0107a od 4 sekunde smatra se lo\u0161om.<\/p><p style=\"padding-left: 40px;\">Na LCP mo\u017ee utjecati nekoliko \u010dimbenika, uklju\u010duju\u0107i sporo vrijeme odziva poslu\u017eitelja, velike slike, CSS i JavaScript koji blokiraju iscrtavanje te ka\u0161njenje u otkrivanju glavnog sadr\u017eaja.<\/p><p style=\"padding-left: 40px;\">Kako bi pobolj\u0161ali LCP, vlasnici web-stranica mogu poduzeti sljede\u0107e korake:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Optimizirajte slike:<\/span> Smanjite veli\u010dinu slikovnih datoteka i, kada je prikladno, koristite moderne formate poput WebP-a ili AVIF-a.<\/li><li><span style=\"color: #a26f9a;\">Pobolj\u0161ajte vrijeme odziva poslu\u017eitelja:<\/span> Koristite u\u010dinkovite hosting resurse, predmemoriju (caching) i mre\u017eu za isporuku sadr\u017eaja (CDN) kada su prikladni za web-stranicu.<\/li><li><span style=\"color: #a26f9a;\">Dajte prednost glavnom sadr\u017eaju:<\/span> Pobrinite se da preglednik mo\u017ee otkriti va\u017ene slike izravno iz HTML izvora i po potrebi dajte prednost njihovu u\u010ditavanju.<\/li><li><span style=\"color: #a26f9a;\">Smanjite resurse koji blokiraju iscrtavanje:<\/span> Optimizirajte CSS i JavaScript datoteke koje sprje\u010davaju preglednik da prika\u017ee glavni sadr\u017eaj.<\/li><li><span style=\"color: #a26f9a;\">Izbjegavajte odgo\u0111eno (lazy) u\u010ditavanje LCP slike:<\/span> Ako \u0107e slika vjerojatno biti LCP element, odga\u0111anje njezina u\u010ditavanja mo\u017ee u\u010diniti da se stranica \u010dini sporijom.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Ove tehnike mogu skratiti vrijeme koje korisnici provode \u010dekaju\u0107i da se pojavi glavni sadr\u017eaj. Me\u0111utim, naju\u010dinkovitije rje\u0161enje ovisi o uzroku ka\u0161njenja, pa je va\u017eno izmjeriti stranicu prije nego \u0161to unesete promjene.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41d4bab e-flex e-con-boxed e-con e-parent\" data-id=\"41d4bab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc39543 elementor-widget elementor-widget-text-editor\" data-id=\"fc39543\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><h3>\u0160to je Interaction to Next Paint (INP)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Interaction to Next Paint (INP) mjeri koliko brzo web-stranica reagira kada korisnici s njom komuniciraju. Procjenjuje ka\u0161njenje izme\u0111u korisni\u010dke interakcije, poput klika na gumb ili pritiska tipke, i sljede\u0107eg vizualnog a\u017euriranja koje prika\u017ee preglednik.<\/p><p style=\"padding-left: 40px;\">Uzmimo kao primjer internetsku trgovinu u kojoj posjetitelj klikne gumb Dodaj u ko\u0161aricu. Ako pregledniku treba primjetno mnogo vremena da a\u017eurira ko\u0161aricu, posjetitelj mo\u017ee pomisliti da gumb nije proradio i kliknuti ga ponovno. To mo\u017ee izazvati zabunu, pa \u010dak i dovesti do dvostrukih radnji.<\/p><p style=\"padding-left: 40px;\">INP poma\u017ee prepoznati takve probleme mjerenjem odzivnosti stranice tijekom cijelog korisnikova posjeta. Za razliku od metrike First Input Delay (FID), koja je mjerila samo ka\u0161njenje prije nego \u0161to preglednik po\u010dne obra\u0111ivati prvu interakciju, INP uzima u obzir \u0161ire iskustvo interakcije tijekom cijelog \u017eivotnog vijeka stranice. Dobar rezultat INP-a iznosi 200 milisekundi ili manje. Vrijednosti ve\u0107e od 200 milisekundi, a najvi\u0161e 500 milisekundi treba pobolj\u0161ati, dok se vrijednosti iznad 500 milisekundi smatraju lo\u0161ima.<\/p><p style=\"padding-left: 40px;\">JavaScript je \u010dest uzrok lo\u0161eg INP-a jer preglednik mo\u017eda mora izvr\u0161iti skripte prije nego \u0161to mo\u017ee reagirati na korisni\u010dki unos i prikazati a\u017euriranje. Dugotrajni zadaci mogu sprije\u010diti preglednik da pravodobno obradi interakcije.<\/p><p style=\"padding-left: 40px;\">Za pobolj\u0161anje INP-a programeri mogu primijeniti nekoliko tehnika:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Smanjite nepotreban JavaScript:<\/span> Uklonite neiskori\u0161teni kod i izbjegavajte u\u010ditavanje skripti koje trenuta\u010dnoj stranici nisu potrebne.<\/li><li><span style=\"color: #a26f9a;\">Razbijte duge zadatke:<\/span> Podijelite velike JavaScript zadatke na manje kako bi preglednik imao vi\u0161e prilika za obradu korisni\u010dkih interakcija.<\/li><li><span style=\"color: #a26f9a;\">Optimizirajte rukovatelje doga\u0111ajima:<\/span> Funkcije povezane s interakcijama neka budu \u0161to jednostavnije i u\u010dinkovitije.<\/li><li><span style=\"color: #a26f9a;\">Izbjegavajte nepotrebna a\u017euriranja DOM-a:<\/span> A\u017euriranje previ\u0161e elemenata odjednom mo\u017ee produljiti vrijeme iscrtavanja i odgoditi sljede\u0107e vizualno a\u017euriranje.<\/li><li><span style=\"color: #a26f9a;\">Smanjite skripte tre\u0107ih strana:<\/span> Analiti\u010dki alati, ogla\u0161iva\u010dke skripte i ugra\u0111ene usluge mogu tro\u0161iti resurse za obradu i utjecati na odzivnost.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Pobolj\u0161anje INP-a zahtijeva vi\u0161e od smanjenja ukupne veli\u010dine JavaScript datoteka. Programeri tako\u0111er moraju razumjeti kada se skripte izvr\u0161avaju i koliko posla preglednik mora obaviti nakon interakcije.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06d2979 e-flex e-con-boxed e-con e-parent\" data-id=\"06d2979\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c1a655 elementor-widget elementor-widget-text-editor\" data-id=\"6c1a655\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><h3>\u0160to je Cumulative Layout Shift (CLS)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Cumulative Layout Shift (CLS) mjeri vizualnu stabilnost web-stranice. Usredoto\u010duje se na neo\u010dekivane promjene polo\u017eaja vidljivih elemenata dok se stranica prikazuje.<\/p><p style=\"padding-left: 40px;\">Zamislite, na primjer, da posjetitelj \u010dita \u010dlanak i odjednom vidi kako se tekst pomi\u010de prema dolje jer se iznad njega pojavio oglas. Ako je posjetitelj upravo htio kliknuti poveznicu, neo\u010dekivani pomak mogao bi ga navesti da klikne neki drugi element. Takve promjene rasporeda mogu ote\u017eati kori\u0161tenje web-stranice, osobito na mobilnim ure\u0111ajima na kojima je vidljivo podru\u010dje ograni\u010deno. Dobar rezultat CLS-a iznosi 0,1 ili manje. Rezultate ve\u0107e od 0,1, a najvi\u0161e 0,25 treba pobolj\u0161ati, dok se rezultati iznad 0,25 smatraju lo\u0161ima.<\/p><p style=\"padding-left: 40px;\">Neo\u010dekivane pomake rasporeda mo\u017ee uzrokovati nekoliko \u010destih problema. Slike bez definiranih dimenzija, dinami\u010dki umetnuti oglasi, sadr\u017eaj koji se kasno u\u010ditava te web-fontovi koji mijenjaju izgled teksta mogu naru\u0161iti vizualnu stabilnost.<\/p><p style=\"padding-left: 40px;\">Sljede\u0107e tehnike mogu pomo\u0107i u pobolj\u0161anju CLS-a:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Zadajte dimenzije slika:<\/span> Navedite \u0161irinu i visinu slika ili koristite CSS omjere stranica (aspect ratio) kako biste rezervirali potreban prostor prije nego \u0161to se slika u\u010dita.<\/li><li><span style=\"color: #a26f9a;\">Rezervirajte prostor za oglase:<\/span> Osigurajte dovoljno prostora za spremnike oglasa kako se okolni sadr\u017eaj ne bi pomicao kada se oglasi pojave.<\/li><li><span style=\"color: #a26f9a;\">Izbjegavajte umetanje sadr\u017eaja iznad postoje\u0107eg sadr\u017eaja:<\/span> Ako je potrebno prikazati nove elemente, smjestite ih tako da neo\u010dekivano ne pomaknu sadr\u017eaj koji korisnici ve\u0107 gledaju.<\/li><li><span style=\"color: #a26f9a;\">Optimizirajte u\u010ditavanje fontova:<\/span> Koristite odgovaraju\u0107e strategije u\u010ditavanja fontova i zamjenske fontove kako biste smanjili neo\u010dekivane promjene u rasporedu teksta.<\/li><li><span style=\"color: #a26f9a;\">Koristite prikladne CSS animacije:<\/span> Kada je mogu\u0107e, dajte prednost animacijama temeljenima na svojstvima poput transform i opacity, a ne svojstvima koja uzrokuju promjene rasporeda.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Va\u017eno je razumjeti da nije svaki pomak rasporeda \u0161tetan. Promjena koja nastaje izravno kao odgovor na korisni\u010dku interakciju mo\u017ee biti o\u010dekivana. CLS se usredoto\u010duje na neo\u010dekivanu vizualnu nestabilnost i koristi na\u010din bodovanja koji se temelji na u\u010dinku i udaljenosti pomaka rasporeda.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-003d4a2 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"003d4a2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"003d4a2\" data-e-type=\"e-flexbox\" data-id=\"003d4a2\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-default-img \" data-interaction-id=\"d66abbc\" data-e-type=\"widget\" data-id=\"d66abbc\" id=\"3537\" src=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics.webp\" width=\"600\" height=\"517\" srcset=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics.webp 600w, https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics-300x259.webp 300w\" alt=\"What Are the Three Core Web Vitals Metrics\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5540eed e-flex e-con-boxed e-con e-parent\" data-id=\"5540eed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-004b13a elementor-widget elementor-widget-text-editor\" data-id=\"004b13a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Koje su preporu\u010dene grani\u010dne vrijednosti za Core Web Vitals?<\/h2><p>Google navodi konkretne grani\u010dne vrijednosti koje vlasnicima web-stranica poma\u017eu utvrditi pru\u017eaju li njihove stranice dobro korisni\u010dko iskustvo. Te vrijednosti dijele performanse u tri kategorije: dobro, treba pobolj\u0161ati i lo\u0161e.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad8e2fa e-flex e-con-boxed e-con e-parent\" data-id=\"ad8e2fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b580045 elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"b580045\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"textwidget custom-html-widget\"><div class=\"cwv-table-wrapper\">\r\n  <table class=\"cwv-table\">\r\n    <thead>\r\n      <tr>\r\n        <th>Core Web Vital<\/th>\r\n        <th>What It Measures<\/th>\r\n        <th>Good Threshold<\/th>\r\n        <th>Needs Improvement<\/th>\r\n        <th>Poor<\/th>\r\n      <\/tr>\r\n    <\/thead>\r\n    <tbody>\r\n      <tr>\r\n        <td><strong>Largest Contentful Paint (LCP)<\/strong><\/td>\r\n        <td>Loading performance<\/td>\r\n        <td><span class=\"badge-good\">\u2264 2.5 seconds<\/span><\/td>\r\n        <td><span class=\"badge-needs\">2.5\u20134 seconds<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 4 seconds<\/span><\/td>\r\n      <\/tr>\r\n      <tr>\r\n        <td><strong>Interaction to Next Paint (INP)<\/strong><\/td>\r\n        <td>Interactivity<\/td>\r\n        <td><span class=\"badge-good\">\u2264 200 milliseconds<\/span><\/td>\r\n        <td><span class=\"badge-needs\">200\u2013500 milliseconds<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 500 milliseconds<\/span><\/td>\r\n      <\/tr>\r\n      <tr>\r\n        <td><strong>Cumulative Layout Shift (CLS)<\/strong><\/td>\r\n        <td>Visual stability<\/td>\r\n        <td><span class=\"badge-good\">\u2264 0.1<\/span><\/td>\r\n        <td><span class=\"badge-needs\">0.1\u20130.25<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 0.25<\/span><\/td>\r\n      <\/tr>\r\n    <\/tbody>\r\n  <\/table>\r\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-794f84f e-flex e-con-boxed e-con e-parent\" data-id=\"794f84f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e2086f elementor-widget elementor-widget-text-editor\" data-id=\"4e2086f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ove grani\u010dne vrijednosti poma\u017eu programerima da svaku metriku procijene zasebno. Me\u0111utim, jedan test nije dovoljan da bi se utvrdilo pru\u017ea li web-stranica dosljedno dobro iskustvo.<\/p><p>Google preporu\u010duje procjenu Core Web Vitals na 75. percentilu posjeta stranici, pri \u010demu se rezultati za mobilne ure\u0111aje i stolna ra\u010dunala promatraju zasebno. To zna\u010di da barem 75 % izmjerenih posjeta mora zadovoljiti granicu za dobar rezultat kod svake metrike.<\/p><p>Pretpostavimo, primjerice, da web-stranica ima vrijednost LCP-a od 2 sekunde na 75. percentilu. To zna\u010di da 75 % izmjerenih posjeta stranici ima LCP od 2 sekunde ili manje, \u010dime je preporu\u010dena grani\u010dna vrijednost zadovoljena.<\/p><p>Web-stranica bi trebala te\u017eiti tome da zadovolji granice za dobar rezultat kod sve tri metrike, umjesto da se usredoto\u010di samo na svoj najbolji rezultat.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e81c451 e-flex e-con-boxed e-con e-parent\" data-id=\"e81c451\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-404eccc elementor-widget elementor-widget-text-editor\" data-id=\"404eccc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Koji su alati za mjerenje Core Web Vitals?<\/h2><p>Core Web Vitals mogu se mjeriti pomo\u0107u nekoliko Googleovih alata. Ti alati poma\u017eu programerima razumjeti kako web-stranica radi i prepoznati podru\u010dja koja treba pobolj\u0161ati.<\/p><ul><li><h3>PageSpeed Insights<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">PageSpeed Insights jedan je od najkorisnijih alata za provjeru Core Web Vitals. Pru\u017ea i podatke stvarnih korisnika, kada su dostupni, i laboratorijske podatke prikupljene simuliranim testom. Tako\u0111er nudi prijedloge za pobolj\u0161anje performansi stranice.<\/p><ul><li><h3>Google Search Console<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Google Search Console sadr\u017ei izvje\u0161\u0107e Core Web Vitals koje pokazuje koje skupine stranica pru\u017eaju dobro korisni\u010dko iskustvo, a koje treba pobolj\u0161ati. Koristi podatke iz stvarnog svijeta kako bi vlasnicima web-stranica pomogao prepoznati probleme s performansama na vi\u0161e stranica.<\/p><ul><li><h3>Chrome DevTools i Lighthouse<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Chrome DevTools i Lighthouse poma\u017eu programerima testirati performanse stranice u kontroliranom okru\u017eenju. Mogu otkriti probleme povezane s izvr\u0161avanjem JavaScripta, u\u010ditavanjem slika, pomacima rasporeda i drugim \u010dimbenicima koji utje\u010du na Core Web Vitals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-304771b e-flex e-con-boxed e-con e-parent\" data-id=\"304771b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1717bca elementor-widget elementor-widget-text-editor\" data-id=\"1717bca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Koja je razlika izme\u0111u terenskih i laboratorijskih podataka?<\/h2><p>Core Web Vitals mogu se procjenjivati pomo\u0107u dviju vrsta podataka: terenskih (field) i laboratorijskih (lab) podataka. Razumijevanje razlike poma\u017ee programerima protuma\u010diti rezultate testova i odabrati pravi pristup pobolj\u0161anju performansi web-stranice.<\/p><ul><li><h3>Terenski podaci<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Terenski podaci prikupljaju se od stvarnih korisnika dok pregledavaju web-stranicu. Odra\u017eavaju stvarne uvjete pregledavanja, uklju\u010duju\u0107i razli\u010dite ure\u0111aje, mre\u017ene veze i korisni\u010dke interakcije.<\/p><p style=\"padding-left: 40px;\">Ti su podaci osobito korisni za procjenu zadovoljava li web-stranica Googleove preporu\u010dene grani\u010dne vrijednosti Core Web Vitals u stvarnim situacijama.<\/p><ul><li><h3>Laboratorijski podaci<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Laboratorijski podaci prikupljaju se u kontroliranom testnom okru\u017eenju pomo\u0107u alata kao \u0161to je Lighthouse. Poma\u017eu programerima reproducirati probleme s performansama i istra\u017eiti njihove mogu\u0107e uzroke.<\/p><p style=\"padding-left: 40px;\">Za razliku od terenskih podataka, laboratorijski podaci ne predstavljaju svako stvarno korisni\u010dko iskustvo. Zato web-stranica mo\u017ee dobiti razli\u010dite rezultate u laboratorijskim testovima i mjerenjima stvarnih korisnika.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9609e3a e-flex e-con-boxed e-con e-parent\" data-id=\"9609e3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd449ba elementor-widget elementor-widget-text-editor\" data-id=\"cd449ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Kako pobolj\u0161ati Core Web Vitals<\/h2><p>Pobolj\u0161anje Core Web Vitals zahtijeva prepoznavanje problema koji utje\u010du na brzinu u\u010ditavanja, interaktivnost i vizualnu stabilnost. Pravo rje\u0161enje ovisi o tome koja metrika daje lo\u0161e rezultate.<\/p><ul><li><h3>Pobolj\u0161ajte Largest Contentful Paint (LCP)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Kako bi pobolj\u0161ali LCP, programeri se trebaju usredoto\u010diti na to da se najve\u0107i vidljivi element sadr\u017eaja u\u010dita \u0161to je br\u017ee mogu\u0107e. Uobi\u010dajena pobolj\u0161anja uklju\u010duju optimizaciju slika, odabir pouzdane <a href=\"\/hr\/webhosting\/\">usluge web hostinga<\/a>, smanjenje vremena odziva poslu\u017eitelja, uklju\u010divanje predmemorije i izbjegavanje nepotrebnih ka\u0161njenja pri u\u010ditavanju va\u017enih resursa.<\/p><ul><li><h3>Pobolj\u0161ajte Interaction to Next Paint (INP)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">INP se mo\u017ee pobolj\u0161ati smanjenjem dugotrajnih JavaScript zadataka i svo\u0111enjem nepotrebnog posla na glavnoj niti na najmanju mogu\u0107u mjeru. Programeri bi tako\u0111er trebali optimizirati rukovatelje doga\u0111ajima i izbjegavati da preglednik mora obaviti previ\u0161e posla nakon \u0161to korisnik klikne, dodirne zaslon ili ne\u0161to upi\u0161e.<\/p><ul><li><h3>Pobolj\u0161ajte Cumulative Layout Shift (CLS)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Kako bi smanjili CLS, programeri trebaju rezervirati prostor za slike, videozapise, oglase i druge elemente prije nego \u0161to se u\u010ditaju. Izbjegavajte neo\u010dekivano umetanje novog sadr\u017eaja iznad postoje\u0107eg i, kad god je mogu\u0107e, koristite dosljedne dimenzije za vizualne elemente.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b9c37c e-flex e-con-boxed e-con e-parent\" data-id=\"6b9c37c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4329aff elementor-widget elementor-widget-text-editor\" data-id=\"4329aff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Zaklju\u010dak<\/h2><p>Core Web Vitals poma\u017eu programerima razumjeti kako korisnici do\u017eivljavaju web-stranicu u pogledu performansi u\u010ditavanja, interaktivnosti i vizualne stabilnosti. Mjerenjem LCP-a, INP-a i CLS-a vlasnici web-stranica mogu prepoznati probleme s performansama i odrediti prioritete pobolj\u0161anja koja olak\u0161avaju kori\u0161tenje njihovih stranica.<\/p><p>Redovito pra\u0107enje, podaci stvarnih korisnika i ciljana optimizacija mogu pomo\u0107i web-stranicama da dugoro\u010dno zadr\u017ee dobre rezultate Core Web Vitals<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7fca63 e-flex e-con-boxed e-con e-parent\" data-id=\"b7fca63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d644bb7 e-con-full e-flex e-con e-child\" data-id=\"d644bb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36fd715 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"36fd715\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-question-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516 17.561-9.845 28.324-16.541 28.324-29.579 0-17.246-21.999-28.693-39.784-28.693-23.189 0-33.894 10.977-48.942 29.969-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8zM298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11f1edb e-con-full e-flex e-con e-child\" data-id=\"11f1edb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22ba42f elementor-widget elementor-widget-text-editor\" data-id=\"22ba42f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>\u010cesta pitanja<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c7e5b5 elementor-widget elementor-widget-text-editor\" data-id=\"6c7e5b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>1. Koja je razlika izme\u0111u terenskih i laboratorijskih podataka?<\/h3><p style=\"padding-left: 40px;\">Terenski podaci potje\u010du od stvarnih korisnika koji posje\u0107uju web-stranicu, dok se laboratorijski podaci prikupljaju u kontroliranom testnom okru\u017eenju. Terenski podaci odra\u017eavaju stvarna korisni\u010dka iskustva, a laboratorijski podaci poma\u017eu programerima reproducirati i dijagnosticirati probleme s performansama.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af90c6d elementor-widget elementor-widget-text-editor\" data-id=\"af90c6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>2. Kako mogu pobolj\u0161ati rezultate Core Web Vitals?<\/h3><p style=\"padding-left: 40px;\">Core Web Vitals mo\u017eete pobolj\u0161ati optimizacijom slika, smanjenjem nepotrebnog JavaScripta, skra\u0107ivanjem vremena odziva poslu\u017eitelja, uklju\u010divanjem predmemorije i sprje\u010davanjem neo\u010dekivanih pomaka rasporeda.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Performanse web-stranice ne ovise samo o tome koliko se brzo stranica u\u010ditava. \u010cak i ako se sadr\u017eaj pojavi za nekoliko sekundi, spori odaziv gumba ili neo\u010dekivani pomaci rasporeda mogu frustrirati posjetitelje i naru\u0161iti njihovo iskustvo. Kako onda utvrditi radi li va\u0161a web-stranica dobro? Core Web Vitals klju\u010dni su Googleovi pokazatelji performansi koji mjere brzinu u\u010ditavanja, [\u2026]<\/p>\n","protected":false},"author":7,"featured_media":3520,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3690","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Kako optimizirati web-stranicu pomo\u0107u Core Web Vitals?<\/title>\n<meta name=\"description\" content=\"\u0160to su Core Web Vitals? Saznajte kako mjeriti i pobolj\u0161ati LCP, INP i CLS za br\u017eu, vizualno stabilniju stranicu i bolji polo\u017eaj na Googleu.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/\" \/>\n<meta property=\"og:locale\" content=\"hr_HR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kako optimizirati web-stranicu pomo\u0107u Core Web Vitals?\" \/>\n<meta property=\"og:description\" content=\"\u0160to su Core Web Vitals? Saznajte kako mjeriti i pobolj\u0161ati LCP, INP i CLS za br\u017eu, vizualno stabilniju stranicu i bolji polo\u017eaj na Googleu.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/\" \/>\n<meta property=\"og:site_name\" content=\"Potenting Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-29T09:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-11T07:57:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"966\" \/>\n\t<meta property=\"og:image:height\" content=\"665\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Nina Ash\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nina Ash\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/potenting.com\\\/hr\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/hr\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"},\"author\":{\"name\":\"Nina Ash\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/person\\\/743a7b4616c4d55a0ed17f5ac379fcdb\"},\"headline\":\"\u0160to su Core Web Vitals i kako utje\u010du na brzinu web-stranice?\",\"datePublished\":\"2026-10-29T09:30:00+00:00\",\"dateModified\":\"2026-11-11T07:57:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/hr\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"},\"wordCount\":2442,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/hr\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"articleSection\":[\"Nekategorizirano\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/potenting.com\\\/hr\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/potenting.com\\\/hr\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\",\"url\":\"https:\\\/\\\/potenting.com\\\/hr\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\",\"name\":\"Kako optimizirati web-stranicu pomo\u0107u Core Web Vitals?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/hr\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/hr\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"datePublished\":\"2026-10-29T09:30:00+00:00\",\"dateModified\":\"2026-11-11T07:57:47+00:00\",\"description\":\"\u0160to su Core Web Vitals? Saznajte kako mjeriti i pobolj\u0161ati LCP, INP i CLS za br\u017eu, vizualno stabilniju stranicu i bolji polo\u017eaj na Googleu.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/hr\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/potenting.com\\\/hr\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/potenting.com\\\/hr\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"contentUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"width\":966,\"height\":665,\"caption\":\"What Are Core Web Vitals\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/potenting.com\\\/hr\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0160to su Core Web Vitals i kako utje\u010du na brzinu web-stranice?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\",\"name\":\"Potenting\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/potenting.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\",\"name\":\"Potenting\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-header.webp\",\"contentUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-header.webp\",\"width\":253,\"height\":80,\"caption\":\"Potenting\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/person\\\/743a7b4616c4d55a0ed17f5ac379fcdb\",\"name\":\"Nina Ash\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"caption\":\"Nina Ash\"},\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/author\\\/n-ash\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kako optimizirati web-stranicu pomo\u0107u Core Web Vitals?","description":"\u0160to su Core Web Vitals? Saznajte kako mjeriti i pobolj\u0161ati LCP, INP i CLS za br\u017eu, vizualno stabilniju stranicu i bolji polo\u017eaj na Googleu.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","og_locale":"hr_HR","og_type":"article","og_title":"Kako optimizirati web-stranicu pomo\u0107u Core Web Vitals?","og_description":"\u0160to su Core Web Vitals? Saznajte kako mjeriti i pobolj\u0161ati LCP, INP i CLS za br\u017eu, vizualno stabilniju stranicu i bolji polo\u017eaj na Googleu.","og_url":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","og_site_name":"Potenting Blog","article_published_time":"2026-10-29T09:30:00+00:00","article_modified_time":"2026-11-11T07:57:47+00:00","og_image":[{"width":966,"height":665,"url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","type":"image\/webp"}],"author":"Nina Ash","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nina Ash","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#article","isPartOf":{"@id":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"author":{"name":"Nina Ash","@id":"https:\/\/potenting.com\/blog\/#\/schema\/person\/743a7b4616c4d55a0ed17f5ac379fcdb"},"headline":"\u0160to su Core Web Vitals i kako utje\u010du na brzinu web-stranice?","datePublished":"2026-10-29T09:30:00+00:00","dateModified":"2026-11-11T07:57:47+00:00","mainEntityOfPage":{"@id":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"wordCount":2442,"commentCount":0,"publisher":{"@id":"https:\/\/potenting.com\/blog\/#organization"},"image":{"@id":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"thumbnailUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","articleSection":["Nekategorizirano"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","url":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","name":"Kako optimizirati web-stranicu pomo\u0107u Core Web Vitals?","isPartOf":{"@id":"https:\/\/potenting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"image":{"@id":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"thumbnailUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","datePublished":"2026-10-29T09:30:00+00:00","dateModified":"2026-11-11T07:57:47+00:00","description":"\u0160to su Core Web Vitals? Saznajte kako mjeriti i pobolj\u0161ati LCP, INP i CLS za br\u017eu, vizualno stabilniju stranicu i bolji polo\u017eaj na Googleu.","breadcrumb":{"@id":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage","url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","contentUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","width":966,"height":665,"caption":"What Are Core Web Vitals"},{"@type":"BreadcrumbList","@id":"https:\/\/potenting.com\/hr\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/potenting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u0160to su Core Web Vitals i kako utje\u010du na brzinu web-stranice?"}]},{"@type":"WebSite","@id":"https:\/\/potenting.com\/blog\/#website","url":"https:\/\/potenting.com\/blog\/","name":"Potenting","description":"","publisher":{"@id":"https:\/\/potenting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/potenting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/potenting.com\/blog\/#organization","name":"Potenting","url":"https:\/\/potenting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/potenting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/04\/logo-header.webp","contentUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/04\/logo-header.webp","width":253,"height":80,"caption":"Potenting"},"image":{"@id":"https:\/\/potenting.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/potenting.com\/blog\/#\/schema\/person\/743a7b4616c4d55a0ed17f5ac379fcdb","name":"Nina Ash","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","caption":"Nina Ash"},"url":"https:\/\/potenting.com\/blog\/author\/n-ash\/"}]}},"_links":{"self":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3690","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/comments?post=3690"}],"version-history":[{"count":2,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3690\/revisions"}],"predecessor-version":[{"id":4221,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3690\/revisions\/4221"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/media\/3520"}],"wp:attachment":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/media?parent=3690"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/categories?post=3690"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/tags?post=3690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}