1. Početna
  2. Često postavljana pitanja
  3. Koji lokalni i spoljni resursi se učitavaju na sajtu

Koji lokalni i spoljni resursi se učitavaju na sajtu

Veb sajtovi su izgrađeni od veb stranica. Sadržaj na ovim stranicama se sastoji od različitih vrsta informacija - teksta, slika, funkcionalnosti (JS), stila (CSS) i još mnogo toga.

Resursi na sajtu
Većina sadržaja na jednoj veb stranici je uglavnom lokalnog sadržaja.

Šta znače lokalni ili spoljni resursi sajta?

Lokalni resursi

Lokalnim resursima sajta se nazivaju oni koji se nalaze na istom serveru i na istom hosting nalogu kao i sama stranica. Najčešći lokalni resursi su tekst i slike na sajtu. Dostupni su i učitavaju se sa istog domena koji se koristi za sajt.

Na primer, image.png je lokalni resurs za mysupersite.com kada je na istom serveru i ima adresu:

https://mysupersite.com/image.png

Spoljni resursi

Spoljni resursi sajta se nalaze izvan hosting naloga i preuzimaju se sa spoljnog servera i dostupni su pod drugim domenom.

Preuzimanje eksternih resursa na sajtu može se obaviti na nekoliko načina

1. Preuzmite spoljni resurs pre generisanja stranice (HTML code).

Preuzimanje spoljnih resursa se može izvršiti preko samog sistema sajta,na primer, kroz PHP skriptu koja se povezuje sa udaljenim serverom. To je čest način za dobijanje određenih informacija. Ova veza sa udaljenim serverom se obavlja pre generisanja konačnog HTML koda za stranicu. Zbog toga se ove veze ne mogu videti prilikom učitavanja same stranice (konačnog HTML koda) u pretraživaču. Preuzimanje eksternih resursa sa spoljnog servera može se ostvariti, na primer, pomoću funkcije PHP file_get_content

2. Preuzmite spoljni resurs dok se stranica (HTML) ne učita u pretraživač.

Drugi način na koji se obezbeđuju poljni resursi je preuzimanje dok se stranica (konačni HTML kod) ne učita u veb pretraživač. Za svaki spoljni resurs koji je potreban stranici pri učitavanju, pretraživač će se povezati s udaljenim serverom kako bi preuzeo taj resurs.

Slika image.png je eksterni resurs za mysupersite.com kada se nalazi na drugom serveru i ima sledeću adresu:

https://somesite.com/image.png

Često eksterni resursi na sajtu nisu slike, već JavaScript skripte (.js) i CSS fajlovi u stilu (.css). Spoljni resurs može biti YouTube video snimak, deljena slika sa Instagram i sl.

Za gotove sisteme poput WordPress-a, većina spoljnih resursa sajta se obezbeđuje nekim dodatkom instaliranim u funkcionalnostima. Na primer, skripte za statistike (Google Analitics) i dodaci za deljenje na društvenim mrežama. Ovim dodacima se dobavljaju resursi koji se zatim preuzimaju prilikom učitavanja stranice u pretraživaču.

Na primer, kada se dugme za deljenje sadržaja doda na sajt, u zavisnosti od društvene mreže, JS skripte se mogu videti kada proveravate učitane resurse:

  • Facebook: https://connect.facebook.net/en_US/sdk.js
  • Pinterest: https://assets.pinterest.com/js/pinit.js
  • Linkedin: https://platform.linkedin.com/xdoor/scripts/in.js
  • Twitter: https://platform.twitter.com/widgets.js

Koliko i kakvih će eksternih resursa biti zavisiti od dodatka koji se koristi i funkcionalnosti koja se dodaje na sajt.

Važno: Preuzimanje eksternih resursa, bez obzira na to kako se vrši, može uticati na performanse i brzinu pokretanja. Kada se eksterni resursi preuzimaju u realnom vremenu i ako je server sa kojeg se preuzimaju privremeno nedostupan, to može usporiti učitavanje sajta.

Provera resursa sajta

Često je neophodno proveriti resurse kada se primeti sporije učitavanja sajta ili se promeni protokol u HTTPS.

Proveru eksternih resursa koji se preuzimaju preko skripte na hosting nalogu može da uradi programer sajta

Provera resursa koji se preuzimaju prilikom učitavanja sajta u pretraživaču može da se uradi pomoću inspektora koda i alata za testiranje veb-sajta.

Prilikom provjere resursa sajta putem veb-pretraživača, dobro je provjeriti nekoliko stranica. Često se na različitim tipovima stranicama mogu učitatavati različiti resursi (u zavisnosti od funkcija koje se učitavaju).

Proverite resurse pomoću inspektora koda u veb pretraživaču

U Firefox i Chrome pretraživačima postoje alati za : Developer Tools i DevTools

Da biste proverili koji se resursi učitavaju na sajtu putem pregledača Firefox ili Chrome:

1. Ovorite pregledač i učitajte stranicu sa sajta.

2. Aktivirajte inspektor koda pomoću dugmeta F12 na tastaturi ili iz podešavanja – Firefox: Web Developer »tab Network; Chrome: DevTools » Tab Network

3. Aktivirajte opciju Disable cashe da biste sprečili upotrebu keširanih resursa u pretraživaču

4. Za elemente strance označite All da biste prikazali sve vrste resursa.

5. ovorite tab Network ponovo učitajte stranicu pomoću F5 ili Ctrl + F5

Firefox: Developer Tools

Firefox dev tools

Chrome: DevTools

Chrome Dev tools

U listi resursa videćete detaljne informacije kao što su (Status) odgovora sa veb servera i domena resursa ( Domain)

Resursi koje prikazuje domen sajta su lokalni resurs.

Firefox: lokalni resursi:

Chrome: lokalni resursi:

Resursi za koje je prikazan drugi domen osim sajta su spoljni resursi.

Firefox: spoljni resursima

Chrome: spoljni resursi

Kada dođe do sporog učitavanju sajta, prva stvar koju treba da testirate je da onemogućite preuzimanje svih spoljnih resursa.

Proverite resurse preko veb alata

Sa nekim alatima za testiranje i verifikaciju sajta mogu se videti i učitani resursi.

Pingdom Website Speed Test

https://tools.pingdom.com

Kada testirate sajt ovim veb alatom, lista učitanih resursa može se naći u odeljku "File requests". U odeljku "Requests by domain“ možete videti koliko je upita napravljeno za svaki domen (server).

GTmetrix

https://gtmetrix.com

Prilikom testiranja sajta sa ovim veb alatom, lista učitanih resursa može se naći u odeljku Waterfall.

Zaustavite preuzimanje spoljnih resursa sajta

Spoljni resursi koji se preuzimaju sa PHP skripte na sajtu

Onemogućavanje spoljnih resursa preuzetih preko PHP skripte na sajtu može da se uradi tako što će se onemogućiti parametri allow_url_fopen = Off i allow_url_include = Off u PHP konfiguracionom fajlu (php-fcgi.ini) za PHP verziju koja se koristi. Promena ovih PHP postavki se može izvršiti preko cPanel-a »PHP Manager – Napredna podešavanja

Važno: Preporučuje se testiranje i promena postavki PHP-a na test kopiji sajta i, ako je moguće, od strane programera sistema.

Eksterni resursi koji se preuzimaju na sajt dok se on učitava u pretraživaču

Ako sajt koristi gotov sistem za zaustavljanje preuzimanja spoljnih resursa, možda ćete morati da onemogućite određene fajlvoe, module ili komponente.

Nije uvek moguće identifikovati za koje funkcionalnosti ili iz kog dodatka se koristi spoljni resurs. Na primer, za resurs sa domena connect.facebook.net može se pretpostaviti da je taster za deljenje na socijalnoj mreži. Ali ako je domen nepoznat, možda ćete morati da onemogućite dodatak po dodatak dok ne pogodite pravi.

Važno: Onemogućavanje funkcionalnosti i dodataka na sajtu nije preporučljiv način testiranja. Stoga, za testiranje i proveru vanjskih resursa bez uzrokovanja dodatnih problema, može se koristiti test kopija sajta. Kada imate radnu kopiju sajta, možete da onemogućite sve dodatke, čak i da promenite temu koju koristite i testirate bez brige o matičnom sajtu.

🔗 HTTPS – Deo sadržaja veb-sajta se učitava posredstvom nebezbedne (HTTP) konekcije | Help
Nebezbedni resursi na sajtu bivaju blokirani od strane veb pregledača, a posetioci dobijaju obaveštenje da veza sa sajtom nije bezbedna.

🔗 AWStats – statistika i podaci o posetama sajtu | Help
Preko AWStats alata u cPanelu možete videti koji lokalni resursi se najviše preuzimaju sa veb-sajta.

Obnovljen: 31. јануара 2020.

Da li Vam je ovaj članak bio koristan?

Slični članci