{"id":15031,"date":"2025-06-10T20:22:06","date_gmt":"2025-06-10T18:22:06","guid":{"rendered":"https:\/\/strongweb.net\/?p=15031"},"modified":"2025-06-10T20:22:06","modified_gmt":"2025-06-10T18:22:06","slug":"core-web-vitals-wordpress","status":"publish","type":"post","link":"https:\/\/strongweb.net\/sr\/core-web-vitals-wordpress\/","title":{"rendered":"Kako prilagoditi WordPress sajt za Core Web Vitals"},"content":{"rendered":"<p>Optimizacija Core Web Vitals za WordPress je tvoja direktna investicija u bolje rangiranje u pretragama i superiorno korisni\u010dko iskustvo. Google od 2021. godine koristi metriku Core Web Vitals da oceni brzinu i stabilnost sajtova, a tvoja publika ne \u010deka. <strong>Za\u0161to je ovo va\u017eno?<\/strong> Br\u017ei sajt zna\u010di manje odustajanja, vi\u0161e pregleda i ve\u0107e prihode.<\/p>\n<p>Hajde da razlo\u017eimo najva\u017enije metrike i poka\u017eem ti korake kako da bez programiranja prilagodi\u0161 svoj WordPress sajt za optimalne rezultate. Prati ovaj vodi\u010d i ugasi \u201esporo\u201c jednom zauvek.<\/p>\n<h2 id=\"razumevanjecorewebvitals\">Razumevanje Core Web Vitals<\/h2>\n<p>Pre nego \u0161to krene\u0161 u optimizaciju, mora\u0161 a) znati \u0161ta meri\u0161 i b) postaviti realne ciljeve. Core Web Vitals se sastoje od tri klju\u010dne metrike:<\/p>\n<table>\n<thead>\n<tr>\n<th>Metri\u010dka<\/th>\n<th>Opis<\/th>\n<th>Cilj<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Largest Contentful Paint<\/td>\n<td>Vreme za u\u010ditavanje najve\u0107eg elementa na stranici<\/td>\n<td>&lt; 2,5 sekundi<\/td>\n<\/tr>\n<tr>\n<td>First Input Delay<\/td>\n<td>Ka\u0161njenje pre prve interakcije korisnika<\/td>\n<td>&lt; 100 ms<\/td>\n<\/tr>\n<tr>\n<td>Cumulative Layout Shift<\/td>\n<td>Ukupna vizuelna pomeranja tokom u\u010ditavanja<\/td>\n<td>&lt; 0,1<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Evo za\u0161to:  <\/p>\n<ul>\n<li>LCP ti pokazuje koliko brzo korisnik vidi sadr\u017eaj.  <\/li>\n<li>FID meri osec\u0301aj responzivnosti interfejsa.  <\/li>\n<li>CLS otkriva nepredvi\u0111ene pomake elemenata koji nerviraju posetioce.  <\/li>\n<\/ul>\n<p>Prema smernicama Google Developers (<a href=\"https:\/\/web.dev\/vitals\">Google Developers<\/a>), zadovoljenje ovih ciljeva dovodi do bolje ocene performansi i potencijalno vi\u0161eg ranga u pretragama.<\/p>\n<h2 id=\"proveritrenutneperformanse\">Proveri trenutne performanse<\/h2>\n<p>Ne poga\u0111aj, ve\u0107 meri. Hajde da razlo\u017eimo alate i proces:<\/p>\n<ol>\n<li>Otvori <a href=\"https:\/\/strongweb.net\/gtmetrix-wordpress-analiza\">gtmetrix wordpress analiza<\/a> i PageSpeed Insights.  <\/li>\n<li>Pokreni test za desktop i mobilni pogled.  <\/li>\n<li>Zapi\u0161i LCP, FID i CLS vrednosti, uz ukupnu ocenu i broj zahteva.<\/li>\n<\/ol>\n<p><strong>Ali tu je kvaka<\/strong>: samo kratkotrajno testiranje nije dovoljno. Postavi raspored:<\/p>\n<ul>\n<li>Jednom nedeljno hvataj izve\u0161taj.  <\/li>\n<li>Uvek testiraj na \u010distom browseru (incognito).  <\/li>\n<li>Uporedi performanse nakon svakog ve\u0107eg a\u017euriranja teme ili plugin-a.  <\/li>\n<\/ul>\n<p>Za mobilnu brzinu prati posebne smernice i otkloni probleme sa prilago\u0111enim slikama i velikim JavaScript fajlovima (<a href=\"https:\/\/strongweb.net\/mobilna-brzina-wordpress\">mobilna brzina wordpress<\/a>).<\/p>\n<h2 id=\"optimizujkeiranjestranica\">Optimizuj ke\u0161iranje stranica<\/h2>\n<p>Ke\u0161iranje je tvoj \u201emagacin\u201c stati\u010dkih fajlova bli\u017ee korisniku. Bez koda mo\u017ee\u0161:<\/p>\n<ul>\n<li>Instalirati <a href=\"https:\/\/strongweb.net\/kesiranje-wordpress\">ke\u0161iranje wordpress<\/a>.  <\/li>\n<li>Aktivirati browser cache i page cache.  <\/li>\n<li>Omogu\u0107iti GZIP ili Brotli kompresiju.  <\/li>\n<li>Podesiti cache lifespan na 1\u20132 nedelje.  <\/li>\n<\/ul>\n<p>Tabela pode\u0161avanja:<\/p>\n<table>\n<thead>\n<tr>\n<th>Pode\u0161avanje<\/th>\n<th>Preporuka<\/th>\n<th>Efekat<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Browser cache<\/td>\n<td>7\u201314 dana<\/td>\n<td>Manji broj zahteva serveru<\/td>\n<\/tr>\n<tr>\n<td>GZIP\/Brotli<\/td>\n<td>Uklju\u010deno<\/td>\n<td>Br\u017ei prenos fajlova<\/td>\n<\/tr>\n<tr>\n<td>Preload<\/td>\n<td>CSS i JS fajlovi<\/td>\n<td>Br\u017ee u\u010ditavanje kriti\u010dnih resursa<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Hajde da razlo\u017eimo preload<\/strong>: defini\u0161e\u0161 klju\u010dne fajlove koje browser skida odmah, bez \u010dekanja na request listu. Posle svakog update-a teme ili plugin-a obri\u0161i cache i ponovo prebaci fajlove. Ako \u017eeli\u0161 plug-and-play re\u0161enje, razmotri <a href=\"https:\/\/strongweb.net\/najbolji-wordpress-plugin-za-brzinu\">najbolji wordpress plugin za brzinu<\/a>.<\/p>\n<h2 id=\"ubrzajuitavanjeslika\">Ubrzaj u\u010ditavanje slika<\/h2>\n<p>Slike predstavljaju i do 70 % ukupne te\u017eine stranice. Evo kako da ih \u201estanjis\u201c:<\/p>\n<ul>\n<li>Kompresuj slike pre upload-a ili koristi plugin za <a href=\"https:\/\/strongweb.net\/smanjenje-velicine-slika-wordpress\">smanjenje veli\u010dine slika wordpress<\/a>.  <\/li>\n<li>Izaberi WebP ili AVIF format za najbolji odnos kvaliteta i veli\u010dine.  <\/li>\n<li>Dodaj attrib\u00adut <code>width<\/code> i <code>height<\/code> svakom <code>&lt;img&gt;<\/code> tagu.  <\/li>\n<\/ul>\n<p><strong>Implementiraj lazy loading<\/strong>:<\/p>\n<ol>\n<li>Omogu\u0107i ugra\u0111enu podr\u0161ku WP 5.5+ ili instaliraj <a href=\"https:\/\/strongweb.net\/lazy-loading-wordpress\">lazy loading wordpress<\/a>.  <\/li>\n<li>Ozna\u010di <code>loading=\"lazy\"<\/code> kod <code>&lt;img&gt;<\/code> ili <code>iframe<\/code> tagova.  <\/li>\n<li>Testiraj stranice sa spa\u0161avanjem mre\u017ee (network throttling).  <\/li>\n<\/ol>\n<p>Ovo smanjuje inicijalno optere\u0107enje i pomera u\u010ditavanje slika dok korisnik skroluje.<\/p>\n<h2 id=\"minimizujcssijavascript\">Minimizuj CSS i JavaScript<\/h2>\n<p>Render-blocking resursi usporavaju prikaz prve stranice. Bez kodiranja:<\/p>\n<ul>\n<li>Instaliraj <a href=\"https:\/\/strongweb.net\/wordpress-css-i-js-optimizacija\">wordpress css i js optimizacija<\/a>.  <\/li>\n<li>Spajaj manje fajlove i minifikuj ih automatski.  <\/li>\n<li>Defini\u0161i kriti\u010dni CSS (inline stilove iznad folda).  <\/li>\n<li>Odlo\u017ei ili asinhrono u\u010ditaj nebitne skripte.  <\/li>\n<\/ul>\n<p>Evo primera kako odlo\u017eiti skriptu:<\/p>\n<pre><code class=\"html language-html\">&lt;script src=\"skripta.js\" defer&gt;&lt;\/script&gt;\n<\/code><\/pre>\n<p><strong>Evo za\u0161to<\/strong>:  <\/p>\n<ul>\n<li><code>defer<\/code> \u010deka da HTML parser zavr\u0161i, pa izvr\u0161ava skriptu.  <\/li>\n<li><code>async<\/code> u\u010ditava i izvr\u0161ava odmah, ali mo\u017ee prekinuti parsing.  <\/li>\n<\/ul>\n<p>Smanji broj CSS fajlova i izbegni nepotreban kod u temi ili plugin-ima.<\/p>\n<h2 id=\"poboljajmobilnubrzinu\">Pobolj\u0161aj mobilnu brzinu<\/h2>\n<p>Tvoj mobilni saobra\u0107aj vredi kao i desktop. Fokusiraj se na:<\/p>\n<ul>\n<li>Responsivni dizajn koji prilago\u0111ava slike i fontove.  <\/li>\n<li>Web fontove iz hosta ili preconnect prema font provideru.  <\/li>\n<li>Izbegavaj velike intersticijske pop-up prozore.  <\/li>\n<li>Razmisli o AMP ili PWA re\u0161enju za kriti\u010dne stranice.  <\/li>\n<\/ul>\n<p>Hajde da razlo\u017eimo PWA: instaliranjem Service Worker-a omogu\u0107ava\u0161 offline ke\u0161iranje i instant u\u010ditavanje ponovljenih poseta.<\/p>\n<h2 id=\"izaberibrzhosting\">Izaberi brz hosting<\/h2>\n<p>Bez jake infrastrukture sve optimizacije padaju u vodu. Proveri:<\/p>\n<ul>\n<li>PHP 7.4+ ili 8.x verziju.  <\/li>\n<li>HTTP\/2 ili HTTP\/3 protokol.  <\/li>\n<li>Ugra\u0111eni CDN ili mogu\u0107nost integracije.  <\/li>\n<li>SSD diskove i auto-scaling opciju.  <\/li>\n<\/ul>\n<p>Tabela popularnih hosting re\u0161enja:<\/p>\n<table>\n<thead>\n<tr>\n<th>Host provider<\/th>\n<th>PHP verzija<\/th>\n<th>CDN podr\u0161ka<\/th>\n<th>CDN uklju\u010den<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Provider A<\/td>\n<td>8.0<\/td>\n<td>Da<\/td>\n<td>U paketu<\/td>\n<\/tr>\n<tr>\n<td>Provider B<\/td>\n<td>7.4<\/td>\n<td>Ne<\/td>\n<td>Dodatno<\/td>\n<\/tr>\n<tr>\n<td>Provider C<\/td>\n<td>8.1<\/td>\n<td>Da<\/td>\n<td>U paketu<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Pogledaj detalje o performansama na <a href=\"https:\/\/strongweb.net\/wordpress-hosting-brzina\">wordpress hosting brzina<\/a>. <strong>Tvoj hosting mora da prati zahteve modernog weba<\/strong>.<\/p>\n<h2 id=\"sledeikoracizabrzinu\">Slede\u0107i koraci za brzinu<\/h2>\n<p>Ne zaustavljaj se nakon prve ture optimizacije. Prati ovaj kratki check-list:<\/p>\n<ul>\n<li>Testiraj Core Web Vitals jednom mese\u010dno.  <\/li>\n<li>A\u017euriraj plugin-e, temu i WordPress verziju.  <\/li>\n<li>O\u010disti i optimizuj bazu podataka.  <\/li>\n<li>Revidiraj nove instalacije i isklju\u010di neaktivne dodatke.  <\/li>\n<\/ul>\n<p>Za dublji pregled strategija pogledaj na\u0161 vodi\u010d za <a href=\"https:\/\/strongweb.net\/optimizacija-wordpress-sajta\">optimizacija wordpress sajta<\/a>, a za najjednostavnije plug-and-play opcije istra\u017ei najbolji wordpress plugin za brzinu.<\/p>\n<p>Tvoj WordPress sada radi na maksimalnim performansama, korisnici su sre\u0107niji, a Google te nagra\u0111uje vi\u0161im pozicijama. Boom.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prilagodite WordPress sajt za Core Web Vitals bez stresa i programiranja. Br\u017ei sajt, ve\u0107i uspeh!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[319],"tags":[],"class_list":["post-15031","post","type-post","status-publish","format-standard","hentry","category-wordpress-optimizacija"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.1 (Yoast SEO v25.3) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Kako prilagoditi WordPress sajt za Core Web Vitals | StrongWeb! Creative Group<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/strongweb.net\/sr\/core-web-vitals-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"sr_RS\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kako prilagoditi WordPress sajt za Core Web Vitals\" \/>\n<meta property=\"og:description\" content=\"Prilagodite WordPress sajt za Core Web Vitals bez stresa i programiranja. Br\u017ei sajt, ve\u0107i uspeh!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/strongweb.net\/sr\/core-web-vitals-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"StrongWeb! Creative Group\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/strongwebcreative\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-10T18:22:06+00:00\" \/>\n<meta name=\"author\" content=\"Bo\u0161ko Radulovi\u0107\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@strongweb\" \/>\n<meta name=\"twitter:site\" content=\"@strongweb\" \/>\n<meta name=\"twitter:label1\" content=\"\u041d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u043e\u0434\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bo\u0161ko Radulovi\u0107\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 \u043c\u0438\u043d\u0443\u0442\u0430\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Kako prilagoditi WordPress sajt za Core Web Vitals | StrongWeb! Creative Group","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:\/\/strongweb.net\/sr\/core-web-vitals-wordpress\/","og_locale":"sr_RS","og_type":"article","og_title":"Kako prilagoditi WordPress sajt za Core Web Vitals","og_description":"Prilagodite WordPress sajt za Core Web Vitals bez stresa i programiranja. Br\u017ei sajt, ve\u0107i uspeh!","og_url":"https:\/\/strongweb.net\/sr\/core-web-vitals-wordpress\/","og_site_name":"StrongWeb! Creative Group","article_publisher":"https:\/\/www.facebook.com\/strongwebcreative","article_published_time":"2025-06-10T18:22:06+00:00","author":"Bo\u0161ko Radulovi\u0107","twitter_card":"summary_large_image","twitter_creator":"@strongweb","twitter_site":"@strongweb","twitter_misc":{"\u041d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u043e\u0434":"Bo\u0161ko Radulovi\u0107","\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430":"4 \u043c\u0438\u043d\u0443\u0442\u0430"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/strongweb.net\/sr\/core-web-vitals-wordpress\/#article","isPartOf":{"@id":"https:\/\/strongweb.net\/sr\/core-web-vitals-wordpress\/"},"author":{"name":"Bo\u0161ko Radulovi\u0107","@id":"https:\/\/strongweb.net\/#\/schema\/person\/0f694c17e62c2cf0969fc6d4117d6c27"},"headline":"Kako prilagoditi WordPress sajt za Core Web Vitals","datePublished":"2025-06-10T18:22:06+00:00","mainEntityOfPage":{"@id":"https:\/\/strongweb.net\/sr\/core-web-vitals-wordpress\/"},"wordCount":832,"commentCount":0,"publisher":{"@id":"https:\/\/strongweb.net\/#organization"},"articleSection":["WordPress optimizacija"],"inLanguage":"sr-RS","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/strongweb.net\/sr\/core-web-vitals-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/strongweb.net\/sr\/core-web-vitals-wordpress\/","url":"https:\/\/strongweb.net\/sr\/core-web-vitals-wordpress\/","name":"Kako prilagoditi WordPress sajt za Core Web Vitals | StrongWeb! Creative Group","isPartOf":{"@id":"https:\/\/strongweb.net\/#website"},"datePublished":"2025-06-10T18:22:06+00:00","breadcrumb":{"@id":"https:\/\/strongweb.net\/sr\/core-web-vitals-wordpress\/#breadcrumb"},"inLanguage":"sr-RS","potentialAction":[{"@type":"ReadAction","target":["https:\/\/strongweb.net\/sr\/core-web-vitals-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/strongweb.net\/sr\/core-web-vitals-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/strongweb.net\/sr\/"},{"@type":"ListItem","position":2,"name":"Kako prilagoditi WordPress sajt za Core Web Vitals"}]},{"@type":"WebSite","@id":"https:\/\/strongweb.net\/#website","url":"https:\/\/strongweb.net\/","name":"StrongWeb! Creative Group","description":"Graphic Design Agency","publisher":{"@id":"https:\/\/strongweb.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/strongweb.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sr-RS"},{"@type":"Organization","@id":"https:\/\/strongweb.net\/#organization","name":"StrongWeb Creative Group","url":"https:\/\/strongweb.net\/","logo":{"@type":"ImageObject","inLanguage":"sr-RS","@id":"https:\/\/strongweb.net\/#\/schema\/logo\/image\/","url":"https:\/\/strongweb.net\/wp-content\/uploads\/2021\/08\/strongweb.logo_.png","contentUrl":"https:\/\/strongweb.net\/wp-content\/uploads\/2021\/08\/strongweb.logo_.png","width":1000,"height":1000,"caption":"StrongWeb Creative Group"},"image":{"@id":"https:\/\/strongweb.net\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/strongwebcreative","https:\/\/x.com\/strongweb","https:\/\/www.instagram.com\/strongwebcreative\/"]},{"@type":"Person","@id":"https:\/\/strongweb.net\/#\/schema\/person\/0f694c17e62c2cf0969fc6d4117d6c27","name":"Bo\u0161ko Radulovi\u0107","image":{"@type":"ImageObject","inLanguage":"sr-RS","@id":"https:\/\/strongweb.net\/#\/schema\/person\/image\/","url":"https:\/\/strongweb.net\/wp-content\/uploads\/2025\/06\/cropped-bosko_gravatar-96x96.png","contentUrl":"https:\/\/strongweb.net\/wp-content\/uploads\/2025\/06\/cropped-bosko_gravatar-96x96.png","caption":"Bo\u0161ko Radulovi\u0107"},"url":"https:\/\/strongweb.net\/sr\/author\/bosko\/"}]}},"_links":{"self":[{"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/posts\/15031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/comments?post=15031"}],"version-history":[{"count":1,"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/posts\/15031\/revisions"}],"predecessor-version":[{"id":15333,"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/posts\/15031\/revisions\/15333"}],"wp:attachment":[{"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/media?parent=15031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/categories?post=15031"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/tags?post=15031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}