Manje je stvari frustrirajućih od web stranice kojoj je potrebno vrijeme za učitavanje. Stoga nije iznenađenje da se ne samo ljudi, već i tražilice trude kloniti se tromih stranica. Imajući to na umu, evo nekoliko najboljih savjeta koje možete primijeniti kako biste izbjegli dosadne posjetitelje i odbili ih prilikom prvog posjeta vašoj web stranici.
1. Pojednostavite svoj kôd
Najbolji graditelj web stranica postat će prilično jednostavno postavljanje web mjesta. Iako im bogat skup predložaka pomaže da s lakoćom stilizirate web stranicu, oni imaju jedan nedostatak. Mnogi predlošci imaju neuredan kôd koji može usporiti vaše web mjesto.
Da biste prevladali problem, možete ukloniti sav nepotrebni kôd i formatiranje u HTML, CSS i JavaScript datotekama. Ovaj postupak uklanjanja viška naziva se minificiranje, a za početak možete koristiti jednostavne mrežne alate poput minifikatora Willa Peavyja. Korisnici WordPressa mogu upotrijebiti dodatak Autoptimize kako bi postupak učinili prilično jednostavnim.
2. Komprimirajte svoju web stranicu
Ne treba dugo da web stranice postanu velike i teške. Sve slike, pa čak i HTML, CSS i JavaScript datoteke u običnom tekstu brzo nabreknu. Jedan od najboljih mehanizama za ubrzavanje web mjesta je omogućavanje kompresije Gzipom. To će smanjiti veličinu HTTP odgovora, a time i vrijeme odziva.
Morat ćete omogućiti odgovarajući modul kompresije na svom web poslužitelju prije nego što ga omogućite za svoje web mjesto uređivanjem .htaccess datoteke. Točni koraci razlikuju se i ovise o vašem web poslužitelju, ali evo kako to učiniti u Apacheu.
3. Optimizirajte slike
Slike su jedan od najeftinijih dijelova web stranice i obično najsporiji element učitavanja na bilo kojoj web stranici. Da biste vladali ponašanjem, umjesto skaliranja velikih slika putem HTML-a, počnite tako što ćete smanjiti veličinu svih slika na vašem web mjestu do točne veličine u kojoj ih želite.
Zapravo biste trebali držati popis različitih veličina slika za različite elemente na svojoj web stranici kako biste osigurali da nikada ne prenesete više piksela nego što vam treba. Ako imate web stranicu s imidžom, trebali biste razmotriti i njihovo sažimanje. Jedan od najčešćih alata u tu svrhu je reSmush.
Radi sa svim popularnim sustavima za upravljanje sadržajem (CMS), a ima i Linux CLI klijent za komprimiranje slika za upotrebu na statičkim web mjestima. Compressor.io možete koristiti i za stiskanje više slika u trenutku.
4. Lijeno učitavanje multimedije
Lijeno učitavanje znači da se slike, videozapisi i iframeovi učitavaju samo kada se korisnici pomaknu dolje po stranici i zapravo ih vide. To može značajno poboljšati početno vrijeme učitavanja vaših stranica.
Ranije je to bilo nešto što biste implementirali uz pomoć JavaScript-a, ali nije lijeno učitavanje ugrađeno u web preglednike. Korisnici WordPressa imaju nekoliko izbora, a dva od naših omiljenih su Lazy Load by WP Rocket i a3 Lazy Load koji je dizajniran za mobilne uređaje.
5. Koristite brze poveznice za dijeljenje društvenih mreža
U današnje vrijeme željeli biste da ljudi dijele vaš sadržaj na društvenim mrežama. Na jednostavnim HTML web lokacijama možete koristiti alat za generiranje veza, poput besplatnog Share Link Generatora koji vam pomaže stvoriti veze za dijeljenje društvenih mreža za Facebook, Twitter, LinkedIn i Pinterest bez oslanjanja na iframe ili JavaScript. Kao i obično WordPress korisnici nemaju nedostatak dodataka koje mogu koristiti u tu svrhu, uključujući Social Warfare i Grow.
6. Deinstalirajte beskorisne dodatke
CMS poput WordPressa može imati puno dodataka koji vašoj web lokaciji mogu dodati zaista korisne funkcije. Međutim, ako imate previše dodataka, vaše web mjesto može usporiti na indeksiranje, zbog čega biste trebali pokretati samo dodatke koji su vam stvarno potrebni.
Uprkos tome, nisu svi dodaci dizajnirani jednako dobro i možete ubrzati web mjesto zamjenom dodatka bržom zamjenom. Internetski alat GTmetrix besplatno će analizirati vaše web mjesto i pokazati vam popis dodataka koji imaju velika vremena učitavanja. Razmislite o zamjeni tih dodataka, pogotovo ako se pozivaju više puta lakšom alternativom.
Korisnici WordPressa također mogu koristiti dodatak Query Monitor za detaljnu analizu dodataka koji se koriste na njihovoj web stranici. Naravno, ne zaboravite ukloniti i sami dodatak Query Monitor kad posluži svojoj svrsi.
7. Smanjite preusmjeravanja
Preusmjeravanja su često potrebna prilikom premještanja i brisanja stranica i najbolji su način za uklanjanje problema s neispravnim vezama. No, iako je 301 preusmjeravanje poželjnije od 404 pogreške, oni još uvijek nisu idealni jer usporavaju vrijeme potrebno da preglednik dođe do ispravne verzije stranice. Možete koristiti alatku za provjeru skupnog preusmjeravanja Screaming Frog da biste analizirali preusmjeravanja na vašem web mjestu i pokušali smanjiti njihovu upotrebu.
8. Pošaljite manje HTTP zahtjeva
Smanjivanje HTTP zahtjeva dobar je način za optimizaciju vašeg web mjesta. Svaki element koji dodate na stranicu prevodi se u HTTP zahtjev. Što više preglednik mora podnijeti ove zahtjeve, vaša će stranica trebati da se u potpunosti učita. Zbog toga su, iako je potrebno malo raditi, rezultati smanjenja broja zahtjeva vrlo impresivni.
Možete upotrijebiti alate za programere u pregledniku i prebaciti se na karticu Mreža da biste detaljno pregledali HTTP zahtjeve. Jednom kad steknete ideju kojim datotekama se najduže učitava, možete potražiti one koje možete kombinirati (posebno CSS datoteke) i one koje možete zajedno sjekirati.
9. Stavite CSS ispred skripti
Ispravno postavljanje stilskih tablica i skripti utjecati će na učitavanje web mjesta. Uvijek biste trebali smjestiti svoj CSS na vrh odjeljka. To omogućuje pregledniku da prvo učita vaš CSS, tako da korisnici mogu vidjeti sadržaj na vašem web mjestu.
Javascript bi, pak, trebao biti što bliže dnu. To je zato što preglednici moraju prvo raščlaniti JavaScript prije nego što prijeđe na sljedeću oznaku. Ako skripte postavite ispred stvarnog sadržaja, korisnici će buljiti u praznu stranicu dok preglednik drobi JavaScript.
10. Idite u oldschool gdje je to moguće
Koristeći skriptni jezik poput PHP-a možete učiniti stvari koje s običnim HTML-om nisu moguće. Međutim, obrada PHP-a traje dulje od raščlanjivanja HTML-a, zato izbjegavajte tražiti podatke putem PHP-a ako ih se može dohvatiti statičkim HTML-om.
Slično tome, nije uvijek dobra ideja koristiti mehanizam CSS @import za uključivanje vanjskih tablica stilova na vaše web stranice umjesto HTML oznake. Iako oba postižu istu svrhu, @import troši više resursa nego izravno povezivanje s vašim tablicama stilova.
11. Omogućite predmemoriranje
Kada posjetite web mjesto, svi elementi na stranici pohranjuju se na vašem tvrdom disku u privremenom prostoru za pohranu koji se naziva predmemorija. To je korisno jer će prilikom sljedećih posjeta vaš preglednik otvoriti stranicu bez potrebe za slanjem drugog HTTP zahtjeva na poslužitelj.
Ako pokrenete WordPress web lokaciju, možete koristiti dodatak poput dodatka W3 Total Cache da biste lako omogućili predmemoriranje. S druge strane, ako imate statično HTML mjesto, možete omogućiti predmemoriranje koristeći ono što je poznato kao zaglavlje Expires u vašoj .htaccess datoteci. Jednom omogućena, zaglavlja koja istječu ne samo da će uštedjeti vrijeme potrebno za preuzimanje već predmemoriranih datoteka, već će također pomoći u smanjenju broja HTTP zahtjeva.
12. Proljetno čiste baze podataka
Vjerojatno koristite CMS poput WordPressa ili Joomle za hostiranje svoje web stranice. Dok se petljate s instalacijom (dodajete i uklanjate dodatke, stvarate i ažurirate postove, instalirate nadogradnje i slično), baza podataka koja napaja CMS postat će prilično napuhana i spora. Da biste to izbjegli, trebali biste koristiti dodatak WP-Optimize za redovito čišćenje baze podataka.
13. Blokiraj vruće povezivanje
Hotlinking se događa kada netko prikazuje sliku s vašeg web mjesta izravno koristeći njegovu web vezu. Svaki put kada se učita, slika se izdvaja s poslužitelja izvornog web mjesta.
Imate nekoliko mogućnosti za sprečavanje vrućih veza. Mnogi poznati domaćini nude prekidač u administracijskom sučelju kako bi spriječili vruće povezivanje. Zatim tu su WordPress dodaci poput All In One Security & Firewall koji će pružiti zaštitu od hitnih veza. Napokon, možete dodati upute u svoju .htaccess datoteku.
14. Uključite ili isključite postavku Keep Alive
Poruka Keep Alive razmjenjuje se između web poslužitelja i klijentskog stroja kako bi se omogućila ista tcp veza za HTTP razgovor, umjesto otvaranja nove sa svakim novim zahtjevom. Poznato i kao trajna veza, Keep Alive pomaže smanjiti kašnjenje za sljedeće zahtjeve. Većina hosting tvrtki, posebno u zajedničkom hostingu, onemogućuje ovu značajku.
Postavkom se najbolje upravlja podešavanjem web poslužitelja. Međutim, zadaću poslužitelja možete nadjačati dodavanjem sljedećih redaka u datoteku .htaccess:
Set zaglavlja Connection keep-alive
15. Ubrzajte WordPress
WordPress ima nekoliko dodataka za poboljšanje izvedbe koji će vam pomoći u optimizaciji različitih aspekata web stranice. Jedan od najopsežnijih je perfmatters koji izvodi mnoge od najčešće korištenih tehnika ubrzanja performansi. Dobra stvar ovog premium dodatka je što je većina njegovih tehnika optimizacije izložena putem jednostavnog korisničkog sučelja, što ga čini dostupnim svim vrstama korisnika.
16. Instalirajte Google PageSpeed
Google PageSpeed skup je modula otvorenog koda za web poslužitelje Apache i Nginx. Oni pomažu u optimizaciji vašeg web mjesta primjenom nekih od najkorisnijih tehnika za poboljšanje izvedbe poput onih koje smo podijelili u ovom članku. Module možete preuzeti i instalirati na svoj web poslužitelj ako ste njegov vlasnik. Inače, morat ćete potražiti davatelja usluge hostinga koji to čini. Obično ih web domaćini nude samo sa svojim namjenskim hosting planovima najviše razine, iako ga neki poput GoDaddy instaliraju na svoje Linux hosting servere.
17. Smanjite DNS pretraživanja
Jedan od glavnih čimbenika koji izravno utječe na brzinu učitavanja web mjesta jest vrijeme potrebno za DNS pretraživanja. DNS pretraživanje je postupak pronalaženja IP adrese povezane s URL-om.
Jedan od načina za ubrzavanje web stranice je smanjenje broja jedinstvenih imena hostova. Manji broj DNS upita smanjit će vrijeme odziva i uzrokovati brže učitavanje web stranica. Također, uzmite u obzir činjenicu da vrijeme potrebno za postavljanje upita o DNS zapisima ovisi o brzini davatelja usluga DNS-a.
Ako niste zadovoljni izvedbom svog DNS davatelja, razmislite o prebacivanju na drugog. DNSperf prati brzinu upita različitih autoritativnih DNS davatelja usluga.
18. Nadogradite na bolji web domaćin
Ako pokušavate ubrzati web mjesto, ali niste primijetili veliku razliku, problem bi mogao biti vaš web hosting. Mnogi od najjeftinijih web domaćina, posebno dijeljeni, prilično su pretrpani i koriste poslužitelje kojima nedostaju resursi da bi se dodijelilo dovoljno za svaku web stranicu. Umjesto toga, trebali biste potrošiti neko vrijeme istražujući razne ponuđene mogućnosti, prije nego što se ukažete na hosta i plan hostinga za vaše web mjesto.
19. Koristite mrežu za dostavu sadržaja
Uz prelazak na bolji web domaćin, trebali biste razmotriti i upotrebu mreže za isporuku sadržaja (CDN). Za razliku od vašeg poslužitelja koji se nalazi na određenom mjestu, CDN koristi mrežu poslužitelja koji u određenom smislu distribuiraju vaš sadržaj poslužiteljima širom svijeta, u biti ga približavajući vašim posjetiteljima, bez obzira na njihovo mjesto. CDN-ovi ubrzavaju web mjesto smanjenjem fizičke udaljenosti između sadržaja i posjetitelja. Možete hostirati sve vrste sadržaja s CDN-ovima, pa čak i koristiti više njih za ciljanje određenih lokacija.
20. Redovito pratite izvedbu
Važan aspekt podešavanja vašeg web mjesta je pripaziti na njegovu izvedbu. To vam neće samo pomoći da izmjerite utjecaj podešavanja, već će, ovisno o korištenom alatu, ukazati i na aspekte web stranice na koje treba obratiti pažnju. Test brzine web stranice Pingdom popularan je mrežni alat koji ne samo da će testirati vrijeme učitavanja stranice već će ukazati i na probleme.
Slično tome, možete koristiti Googleovu web stranicu Test My Site da biste analizirali izvedbu svoje web lokacije na mobilnim uređajima. Osim što daje korisne mjerne podatke, alat će dijeliti i preporuke koje će vam pomoći da ubrzate web mjesto za mobilne uređaje.
- Izdvojili smo najbolji Wordpress web hosting.