Naše stranice LETE! Saznajte kako na najjednostavniji način zaobići najčešće i posvuda prisutne pogreške. Slijedite naše naputke i jamčimo vam poboljšanje brzine i položaja na Googleu.
Nadam se da ste pročitali prvi tekst, zašto uopće ubrzati web stranice? A sada saznajte kako na najjednostavniji način zaobići najčešće i posvuda prisutne pogreške loših web dizajnera ili vlasnika koji su savladali najosnovnije osnove neke od besplatnih platformi za izradu web stranica poput Wordpressa, ali nisu stručni u toj domeni. Svakako pročitajte spomenuti tekst, mnogo toga bit će vam jasnije. Jao, da samo znate koliko se može dobiti na brzini web stranica zbog veličine slika! Jedna od najgorih stvari koju možete učiniti svojoj web stranici je dati joj neoptimiziranu sliku! Sliku koja izlazi iz vašeg fotoaparata ili je preuzeta s interneta i neprilagođena prikazu na web stranicama. Takve slike su najčešće slike za tisak i sasvim su druga priča no ona koja nam treba za internet. Najjednostavnije rečeno - nema tog monitora koji može prikazati toliko koliko je potrebno za tisak. Dati sliku u punoj rezoluciji, na 300 DPI-a, preveliku i širinom i dužinom - je apsolutno nepotrebna strvar. Kao da svakodnevno pripremate obroke za desetero ljudi, a jede vas dvoje. Pa se na kraju dana ili mjeseca pitate - zašto trošimo toliko na namirnice?! Stoga - zašto toliko trošite na promet i na vrijeme učitavanja? Zašto zaglušujete brzinu web stranica? Znate li da možete "reći" svojim web stranicama koju veličinu slike učitavati za koje uređaje? Baš tako. Nema potreba da nečiji mobitel učitava sliku široku 1920 px ako je čak iPodima i tabletima dovoljna šitrina od 768 px? A vjerujte mi, povuda viđam čak i slike od 3000+ px na web stranica. Čemu?! Dakle na istoj web stranici možete reći putem "srcset" atributa koju veličinu učitati na kojem uređaju. A naš CMS (onaj sustav koji vam omogućava promjenu sadržaja) kao i način na koji "popravljamo" brzinu vaših web stranica to vam automatski omogućava! Ekstenzija, format... ono što stoji iza vašeg naziva. Danas se najčešće još uvijek upotrebljava .jpg format za fotografije na internetu, ali jeste li uopće svijesni da se unapređenjem tehnologije i to promijenilo? .webp formati za fotografije i .webm formati za videa imaju znatno bolju kompresiju (čitaj: promet kojeg troše, brzinu očitavanja i "težinu" koju zauzimaju na serveru) od klasičnih .jpg i .png formata, a ne gube na kvaliteti!!! A vi ne štedite samo na brzini web stranica, već i na prometu kojeg ostvarujete tj. cijeni smještaja ("hostinga") web stranica Opet dolazimo do razlike između tiska i interneta. Čemu stavljati velike .pdf datoteke ako ih najprije možete kompresirati na veličinu dovoljnu za potrebe interneta? A ako želite da vaši korisnici mogu i otisnuti vašu *.pdf datoteku, lako im date i poveznicu na format za tisak. U svakom slučaju, ako imalo sumnjate u brzinu web stranica - provjerite ju na https://pagespeed.web.dev/ i vjerujem da će (nažalost) opravdati sve vaše sumnje! Na slici dolje pogledajte izvedbu naših web stranica: MI možemo učiniti da VAŠE stranice lete! .doc(x) i sl. dokumenti pretežno ne zauzimaju mnogo. Ali što ako sadrže slike? Priča se mijenja. Kolika slika, toliki utjecaj na konačnu težinu. Ako niste znali, i u takvim dokumentima se lako optimizira veličina slike. Znate li da kopresijom JavaScript datoteka možete uštedjeti čak i do 80% na njihovoj veličini? I da određivanjem načina tj. vremena kada će se one učitati na web stranicama, dobite još i više na brzini web stranica? Kratko rečeno, .css datoteke određuju način na koji se prikazuju elementi unutar vašh web stranica. Boja, veličina, slaganje, efekti,... Slično kao i u prethodnm odlomku, nevjerojatno je koliko se da uštedjeti na nepotrebnim stavkama unutar .css datoteka i na njihovoj kompresiji. Ponovno - kompresija!!! Još jedan zgodan način za ubrzati web stranice je putem .htaccess datoteke. Tamo možete reći da želite npr. gzip kompresiju. Naravno da je i ovo ključan faktor. Koje od ovih stavki podržava server na kojem su smještene vaše web stranice? Koja je specifikacija vašeg servera? Kao što nije svejedno na kakvom (prastarom, lošem) računalu pokušavate raditi i/ ili pokrenuti neki program, na isti način možete si predočiti utjecaj web servera na brzinu učitavanja web stranica vašim korisnicima. Sjećate se poglavlja o slikama i prometu na serveru? Sve to vrijedi i za video formate, osim što su zakoni mnogostruko jači! Koliko slika stane u jedan video?! Ako već šaljete video formate na svoj server, neka budu što kompresiraniji. Neka se serviraju u što kompresiranijim formatima. Idealno bi bilo poslati ih najprije na neku platformu poput YouTubea ili Vimea te ih učitavati putem ifameova. Osim što uopće ne trošite svoj promet njihovim učitavanjem, pozadinom u programiranju možete napraviti da njihovo učitavanje uopće ne utječe na brzinu učitavanja vaših web stranica! Kratko rečeno, gzip kompresija je metoda kojom omogućavate datotekama kompresiranje prije nego se pošalju do preglednika vaših posjetitelja. Npr. ako vaš posjetitelj zatraži s počene stranice realnih 500 kb podataka, učitat će mu se tek manje od 100 kb! Primjer kako omogućiti gzip kompresiju pute .htaccess datotekeKako ubrzati web stranicu
Veličina slike i brzina web stranica
Još o veličini slika i brzini web stranica
Format slike i brzina
PDF datoteke.
MS dokumenti i sl. inačice
JavaScript i način učitavanja znatno utječu na brzinu web stranica
CSS datoteke i brzina web stranica
.HTML i brzina web stranica
Kešranje, cashe, memorija, kompresija - što je to?
Hosting (smještaj) web stranica
Video sadržaj
Gzip kompresija
Ovo je još jedna tehnika kako ubrzati web stranice putem .htaccess datoteke. Njome određujete vrijeme isteka svog sadržaja.
Da si lakše predočite, zamislite da posjetitelj dolazi na vašu web stranicu u 9 sati ujutro te se vraća u 5 sati popodne. Umjesto da se ista stranica ponovno učitava dvaput, njegov preglednik će provjeriti postoji li već predmemorirana verzija koju će naravno učitati mnogostruko brže.
Upišite u svoju .htaccess datoteku za brže učitavanje web stranice:
# BEGIN Expire headersDakle, sve što pružate svojim posjetiteljima kroz svoje datoteke odnosno kroz sadržaj na tom serveru, troši vaš promet. Promet kojeg vi plaćate! Nekim vrlo bezobzirnim korisnicima ne da se čak ni ukrasti vaše materijale na način da ih preuzmu na svoje računalo pa podignu unutar svog hostinga - brže im je postaviti direktnu poveznicu na vaš materijal te ih tako učitavati na svojim web stranicama. Time troše vaš, a ne svoj promet!
Ovako moćete spriječiti nedopušteno uzimanje vaših materijala:
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)testurl.com/.*$
[NC]
RewriteRule
\.(gif|jpg|jpeg|bmp|zip|rar|mp3|flv|swf|xml|php|png|css|pdf)$ - [F]
E pa moguće je čak i postaviti učitavanje neke svoje slike na njihovim web stranicama umjesto one koju kradljivci žele postaviti na svojim web stranicama :D
I opet, javite nam se bez ikakvih obaveza s vaše strane, javite već sada! Ne gubite vrijeme jer ni vaši posjetitelji ne gube svoje. A dok oni ne gube svoje vrijeme, vi gubite klijente! Bez ikakvih troškova, pogledat ćemo vašu web stranicu, dati vam konkretna rješanja kako ubrzati web stranicu i koji bi troškovi bilo oko toga. A dalje je na vama...
Ostali članci iz kategorije
Sadržajem do posjeta Što se više posjetitelja vraća na sadržaj vaših web stranica, to vaše web stranice ostvaruju više prometa - logično. A više prometa znači i bolji položaj na Googleu. I,...
Zašto ubrzati web stranicu? Način na koji Google razmišlja, kako optimizirati sadržaj za Google, kako biti na prvoj stranici, kakve veze ima brzina web stranica s cijelom tom pričom, lako ću vam...