Da napravimo kolektivni tutorijal o Google pagespeed insights?

Braćo, ovaj link vas treba interesovati ako želite rangirati visoko, jer brzina je stvarno faktor: https://developers.google.com/speed/pagespeed/insights/

Siguran sam da ozbiljnije od vas odavno interesuje i da su testirali milion puta. Meni je samo nejasno kako tu dobijem po 6-7 sekundi na “time to interactive”, a meni se realno moj sajt otvori instantno, znači manje od 1s.

Moji dodaci tutorijalu:

  • obavezno ako je Wordpress instalirati FastestCache ili Autoptimize ili neki cache plugin
  • tražiti od server admina da instaliraju Varnish cache iako ga vecinom imaju po defaultu
  • imati što manje plugina je moguće
  • isključiti auto oglase od Adsense, iako je cool feature, brutalno usporava sve dok on algoritamski skonta gdje će uvalit oglas
  • zaboraviti na shared hostinge jer su sporo go*no
  • Jetpack plugin nudi besplatan CDN za slike pa iskoristite

E sad nadam se da ima tu voljnih eksperata koji bi posavjetovali specifično kako rezati sekunde na Total Blocking Time, Largest Contentful Paint, Minimize main thread work…

Isto mi nije jasno kako na Pingdom testu sajt otvara za 1.5s, a na ovom guglovom testu piše to time to interactive 7 sekundi

Ovdje bi samo napomenuo da kod CDN-a koristite vlastitu domenu ili poddomenu, jer u suprotnom svi backlinkovi od slika idu vanjskom CDN servisu, a ne vama.

Evo da te odma razuvjerim da i na shared hostingu uz besplatni CDN mozes imat odlicne rezultate

Wow, objasni kako si to učinio

Jel to Wordpress u pitanju? Imas li Google Analytics i Adsense na tom sajtu?

Uspeo sam i ja pre 10ak dana da postavim bas ovoliko 98/100 na jednom sajtu.
Imam analitiku i adsense. Analitika mislim da se regularno ucitava, a adsense .js fajl sam stavio da se ucitava kad neko pocne da skroluje. Bez toga, nema sanse. Gledao sam da minimiziram skripte, tacnije, izbacim sve nepotrebno, ili postavim, napravim jednostavnije. Celokupni CSS pozzivam u HEAD, izmedju tagova style></style bez pozivanja fajla. Nije wp sajt, ali je VPS koji nije savrsen. Trenutno ne vidim uticaj toga na poboljsanje pozicija, ili posete. Da li ce biti necega u narednom periodu, videcemo.

Da, wordpress je u pitanju, adsense nemam ali imam yandex metriku a to je jos zajebanije jer se spaja u Rusiju.

je li litespeed shared u pitanju? i je li cloudflare cdn u pitanju?

Da, litespeed i cloudflare

2 Likeova

Lako je tako, haj probaj na Hostgator sharedu

izvini što smaram, samo mi još reci imaš li instaliran jetpack plugin i koristiš li neki feature tog plugina?

Ne koristim jetpack plugin i ne smaras samo pitaj

1 Like

I to je sve od savjeta? Niko nema neke sugestije dodatne?

Evo jedan, izbjegavaj postavljat slike na pocetku posta, vrlo bitno kod mobilnog ucitavanja.

evo generalno savjeta kojih se ja držim, ispravite me ako griješim

  • koristiti lightweight temu
  • koristiti cdn (cloudflare po meni sasvim solidan)
  • ukoliko se koristi cloudflare a server je apache ili nginx onda nije potreban cache plugin
  • ukoliko se koristi cloudflare a server je litespeed, koristiti litespeed cache plugin
  • slike optimizovati sa smushom ili litespeedovim pluginom, ne optimizirati sa jetpackom
  • smanjiti broj plugina, izbjegavati plugine za sve što se može uraditi na nivou Custom CSS-a ili functions.php fajla, ne mora značiti da veliki broj plugina usporava sajt, nekad plugin čini samo par linija kôda … ali često plugini u pozadini rade još neke stvari osim primarne
  • oprezno koristiti security plugine
  • izbjegavati velike slike, dakle ako je slika 1500x1500 a na vasem sajtu je prikazana na nekom mjestu koje je 500x500 i ne treba vam veca, resize originalnu sliku na 500x500 i kao takvu je koristiti na mjestu gdje je prikazana 500x500 … jednostavnije rečeno, ne smanjujte sliku pomocu Custom CSS ili inline kôda width=“”, height=“” … već uploadujte sliku u dimenzijama u kojima treba biti prikazana

početnicu stranicu sajta i 2-3 druge stranice istog sajta provlačiti kroz web.dev, gf.dev, gtmetrix i pingdom … ali ne u isto vrijeme pogotovo ako je shared u pitanju, detaljno iščitavati preporuke koje predlažu te stranice

treba izbjegavati duplo keširanje, dakle ako je povezan cloudflare i ako recimo litespeed plugin kešira HTML i CSS onda u cloudflare podešavanju treba isključiti CSS i HTML minify, ostaviti samo JS minify … i obrnuto, testirati je li brže kada jednu stavku kešira cloudflare ili kada kešira plugin

ovo je prvo čega sam se sjetio, ažurirat ću ako još šta naleti

u suštini, treba se držati samo nekoliko generalnih pravila, a sve finese zavise od toga kakav je server, koji operativni sistem, koji je CDN u upotrebi, je li shared ili VPS, je li apache ili nginx ili litespeed server, je li web prezentacija u pitanju ili news portal … za svaku kombinaciju manje više postoje uputstva na netu

7 Likeova

A ovaj AMP? Neki dan naletih na plugin koji tvrdi da to jednim klikom omogući. Viđao sam da index.hr to koristi, i promijeni link, gore ti servira vijest sa google amp nešto. Kako to djeluje na SEO ako mijenja link totalno? Malo sam laik za to. Jel se može AMP tako lako sa pluginom uključiti na wordpress sajtu i da li bih trebao to da uradim?

viđao sam plugine koji ipak sačuvaju originalni link … mislim da yoast to radi

ja koristim amp na novom sajtu, onom što je pao. ja ga ne bih preporučio :slight_smile: ali nije to razlog što ga ne bih preporučio, razlog je što čini mi se da se ne dobija neka prednost i problem sa korištenjem velikog broja plugina koji nisu kompaktibilni sa amp, i još nekih stvari koje su bezveze zamaranje i smaranje kad koristiš amp. npr da bi pratio posjete amp i ove van amp moram koristit site kit od gugla plugin jer drugi način, a jednostavan ja nisam našao. onda neke stvari koje bi plugin radio za sekund ja se jebavam ručno da napravim, reklame se teže dodaju i ne rade vazda kako bih ja želio (npr amazon native reklame kad se pogledaju preko hroma na inkognito mod ne rade iako koristim taj kod za amp ads) i tako još nekih zajebancija, a benefit osim brzine za mobil korisnike ja ne viđo, pa eto ne bih preporučio, bar sa mog stajališta.

implementacija samog amp plugina je jednostavna ako koristiš kompaktibilnu wp temu i plugine. nisam vidio da joast ima opciju da sačuva orginalni url ako je amp u pitanju. https://blog.cloudflare.com/announcing-amp-real-url/

ovo sam nekad gledao oko tog url ali se prao da ti kažem ni ne sjećam šta piše.

1 Like

e to to, i ja sam nešto vidio na cloudflareu … nije yoast

vps
litespeed + mariadb + php 7.4
10 sajtova, ukupno preko 20.000 unikatnih posjeta dnevno
cloudflare, uključeno sve što se može uključiti osim rocket loadera, kešira HTML, CSS i JS
najnoviji wordpress + jetpack koji ima uključen static file accelerator (nije uključena optimizacija slika na jetpacku)
lightweight tema (jedna od 5 free najpopularnijih u wordpress themes repozitorijumu)
litespeed wordpress plugin, kešira HTML, CSS i JS, browser caching uključeno, uključena i litespeed optimizacija slika, servira .webp verzije slika

porno sajtovi su u pitanju, nabacano je kamaru nekih reklama, milion nekih eskternih js kodova pokreće, na single page rezultatima nije ovako, ovo su rezultati početne stranice i blog/archive stranica … na single stranicama su reklame … ova kombinacija mi se pokazala najbolje … jedini ali jedini problem koji imam su error.log fajlovi koji se nakupljaju u /usr/local/lsws/logs i nekad znaju zauzeti i do 10 GB … vitalne funkciju nisu u problemu, to su neke gluposti zbog kojih se generiše toliko error fajlova, mrsko mi da tražim gdje je problem pa sam stavio .sh scriptu koja jednom dnevno briše sve iz tog foldera i gotovo