Razvoj web-stranica

Brzine učitavanja vaših web-stranica

david7 uto 30.4.2013 11:54

Sajt od moje škole (ja sam ga radio) ima 60/100, moj portfolio ima 88/100, a sajt od lokalne radio stanice što sam radio ima 90/100. Školski je tako spor zbog velike pozadine za koju još nisam smislio rješenje

 

Smooth, hvala za ovo, uvelike će mi pomoći na budućim projektima da mi sajtovi budu što optimiziraniji {#}

Aliser uto 30.4.2013 14:48

Ovo je vrlo korisno, hvala što si podijelio sa nama.

 

Moja stranica je dobila ocjenu 77 čime se zapravo i ponosim jer nikada puno nisam ni obraćao pažnju na brzini otvaranja. Sada otprilike znam šta trebam uraditi kako bi se stranica brže očitavala.

ihush sri 1.5.2013 11:55

-neobičan info... prekjučer mi je rezultat bio 92-94, sad 77 i 49..

-jučer je bio požar (izgorio ISP...) vjerojatno trenutno radi s 'pola snage'... tako da i to treba uzeti u obzir, (moj zaključak) nije sama stranica nego i fizička linija. Realniji test bi bio koji ne ovisi o liniji ako govorimo o samoj optimizaciji stranice. Ispada da je svaka bench-brojka ipak samo brojka, sintetika... koja ne ovisi samo o onome što formalno testira, pa svaki rezultat uzeti sa ''mrvicomšakom soli''.

 

test iz posta iznad http://gtmetrix.com/ , 96-98%.. je po tome realniji. ali za 'sporiju stranicu' mi i on daje 51%..(do 86%), dakle ipak ima neke sličnosti. .. stranice su najemelentarnije, nema 'ničega' tako da je svaki rezultat ispod maximalnog netočan osim ako ovisi o takvim stvarima na koje sam design i optimizacija nema utjecaja kao brzina linije i servera.

Sama brzina mi je najsporednija, test sam obavio čitsto iz dodade za provjeru i da nije jučerašnjeg incidenta nebi ni učestvovao, jer nisam u takvom bizu. Samo info, ako bi netko imao slične rezultate i tražio rješenje, možda skrati muke traženjem drugog hosta i sl.

... ili sam sasvim promašio u tumačenju ({#}).

neo.gz pet 3.5.2013 08:36

# compress text, HTML, JavaScript, CSS, and XML

AddOutputFilterByType DEFLATE text/plain

AddOutputFilterByType DEFLATE text/html

AddOutputFilterByType DEFLATE text/xml

AddOutputFilterByType DEFLATE text/css

AddOutputFilterByType DEFLATE application/xml

AddOutputFilterByType DEFLATE application/xhtml+xml

AddOutputFilterByType DEFLATE application/rss+xml

AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/x-javascript

 

# remove browser bugs

BrowserMatch ^Mozilla/4 gzip-only-text/html

BrowserMatch ^Mozilla/4\.0[678] no-gzip

BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

Header append Vary User-Agent

 

kopiraj ovo u .htaccess i onda odi na http://www.gidnetwork.com/tools/gzip-test.php  i testiraj je li sve uredu 

 

 

 

Nix sub 4.5.2013 20:33

Evo rezultata za farm.ba

 

Najviše grešaka je vezano za interne i externe fotografije, kao trebalo bi smanjti dimenzije, no kako je riječ o responsive dizajnu to ne dolazi u obzir. Također greške koje prijavljuje su uglavnom vezane za fotografije preuzete sa youtube..

david7 sub 4.5.2013 22:41

Ja se malo igrao. I ovo za gzip i cache mi je u htaccessu, ali očito da mi potrebni moduli nisu uključeni u apacheu. Očekujem oko 97-98 kada to upalim. I da, što je raščlanjivanje JS-a?

 

Edit

Sklonio sam staru sliku jer sam samo ubacio kod za zadnji jquery direktno sa njihovih servera i ocjena je skočila na 95. Što će tek biti kada cache bude radio posao {#}

I da, usporedba sa drugom ekipom koja gura wordpress {#}

Nix sub 4.5.2013 23:59
david7 kaže...

Ističem razliku radi toga što na mom CMS-u imam apsolutnu kontrolu i nad frontendom i nad backendom. To oni nemaju.

Nisam korisnik wp, no moram primjetiti da si pomiješao developere i webmastere. Developeri koji razvijaju stranice na wp imaju potpunu kontrolu nad backendom i frontendom, jer posjeduju znanje, s druge strane webmasteri su uglavnom ograničeni u znanju php-a i wp, te mogu raditi neke sitne izmjene.

david7 ned 5.5.2013 00:03

Da, ali ja ne govorim o općenitoj usporedbi wordpressa i mog cms-a već o dvije konkretne stranice. Vjerovatno (sigurno) postoji neka wordpress stranica koja za doručak poždere stranicu s mojim cms-om, ali ova s kojom ja uspoređujem je miljama od toga. Kada smo radili skupa, čekao sam ih 3 tjedna da srede neke sitnice oko galerije, na kraju sam to ja napravio stoga ne mislim da imaju baš potpunu kontrolu nad backendom i frontendom...

OriginalEXE ned 5.5.2013 00:11
david7 kaže...

Da, ali ja ne govorim o općenitoj usporedbi wordpressa i mog cms-a već o dvije konkretne stranice. Vjerovatno (sigurno) postoji neka wordpress stranica koja za doručak poždere stranicu s mojim cms-om, ali ova s kojom ja uspoređujem je miljama od toga. Kada smo radili skupa, čekao sam ih 3 tjedna da srede neke sitnice oko galerije, na kraju sam to ja napravio stoga ne mislim da imaju baš potpunu kontrolu nad backendom i frontendom...

To je, stranica im je koma :) Ti si dobar posao napravio, stranica se stvarno brzo učitava i pristojno izgleda.

tigerfoot sri 8.5.2013 15:52

Klikni na link i dobijes stvarno detaljno objasnjenje i nacin na koji rijesiti to.

Trenutno ti se učitavaju skripte na pocetku vjerujem, prije nego je ikakav sadrzaj prikazan sto ti vjerojatno nije potrebno i to ti koci brzinu prikaza stranici tj. relevantnog sadrzaja. Prebaci script tagove(učitavanje skripti) iz head-a skroz dolje na kraj dokumenta, prije </body>. Otprilike mislim da 100kb skripte koči 100ms, tako nekako. Ima jos neka caka sa tim jquery-em... nesto da izbacis protokol (onaj http vrag) iz linka pa da ti link za jquery izgleda ovako nekako: <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

 

Mislim da u <script> tag ubacis async ili defer atribut: <script async> i onda dobijes to raščlanjivanje mada je to html5 novina te nemam pojma kako radi tocno. Probaj malo proguglati o tome jer nisam to koristio pa ti nemogu previse pomoci.

DeathBringer12 sri 8.5.2013 16:23

Neznam koliko ovo može biti točno jer lik iz amerike mi je rekao da mi se sajt učitava jako dobro, a na google imam 51/100. Isto tako piše da bi stranica bila brža da imam ukljucen gzip, a imam ga ukljucenog -.- Ako netko zna kako optimizirati ip content pmaj me :)

david7 sri 8.5.2013 21:07

Mission accomplished.. Max {#}

Znači imate neki jQl loader za async loadanje jqueryja, meni standardni async iz nekog razloga ne radi. Ostalo sam prebacio na dno stranice i Google fontove stavio sebi na server.. I to je to..

Nix pet 10.5.2013 00:23
DeathBringer12 kaže...

Neznam koliko ovo može biti točno jer lik iz amerike mi je rekao da mi se sajt učitava jako dobro, a na google imam 51/100. Isto tako piše da bi stranica bila brža da imam ukljucen gzip, a imam ga ukljucenog -.- Ako netko zna kako optimizirati ip content pmaj me :)

 

Što podrazumijevaš pod uključen gzip ?

 

  1. Uključena ekstentzija na serveru?
  2. Postavljeno gzip / deflate naredbe u htaccess?
  3. npr u php ob_start ('ob_gzhandler');