Web stranica se sporo učitava: najčešći uzroci i kako ih pronaći

„Sporo” znači različite stvari. Stranici mogu trebati tri sekunde prije nego što se išta pojavi, ili se pojavi odmah, a zatim se još deset sekundi pomiče i učitava. Rješenje je u svakom slučaju drugačije, pa je prvi korak otkriti koju vrstu sporosti imate.

Svaki preglednik ima alate koji Vam trebaju. Otvorite stranicu u privatnom prozoru (da Vaša prijava i predmemorirane datoteke ne uljepšaju rezultat), otvorite razvojne alate i pogledajte karticu Network, zatim ponovno učitajte stranicu. Vidjet ćete vodopad: svaku datoteku koju je stranica zatražila, redom, s trakom koja pokazuje koliko je svaka trajala. Dvije su brojke najvažnije.

• Vrijeme do prvog bajta (TTFB): koliko je poslužitelju trebalo da počne odgovarati na zahtjev za samu stranicu, prvi redak vodopada. To je udio poslužitelja. Na dobro postavljenoj stranici znatno je ispod pola sekunde s istog kontinenta.
• Vrijeme do upotrebljive stranice: kad je glavni sadržaj vidljiv i možete kliknuti na njega. Razmak između toga i prvog bajta udio je preglednika: slike, skripte, stilovi, fontovi i ugrađeni sadržaj.

Ako prvi bajt traje dvije sekunde, Vaš je problem na poslužitelju: predmemorija, hosting ili aplikacija. Ako prvi bajt stigne brzo, a stranici i dalje treba pet sekundi da se smiri, problem je u onome što stranica učitava poslije. Testirajte i s telefona na mobilnim podacima, ne samo iz ureda, i testirajte nekoliko stranica, ne samo početnu. Stranice proizvoda i kategorija često su one spore.

Kod web stranica malih i srednjih tvrtki uzroci u nastavku objašnjavaju gotovo svaku pritužbu koju vidimo, otprilike ovim redoslijedom. Idite niz popis; najvjerojatniji uzrok je na vrhu.

Nema predmemorije stranica. Sustav za upravljanje sadržajem gradi svaku stranicu iz baze podataka pri svakom zahtjevu. S predmemorijom stranica poslužitelj čuva gotovu stranicu i isporučuje je bez ponovne izgradnje, što odgovor od jedne sekunde pretvara u nekoliko milisekundi. Mnoge stranice imaju instaliran dodatak za predmemoriju, ali nije uključen, ili je postavljen tako da kolačić koji postavi banner za privolu ili alat za analitiku drži svakog posjetitelja izvan predmemorije. Test je jednostavan: učitajte stranicu dvaput u privatnom prozoru. Ako drugi odgovor nije znatno brži od prvoga, djelotvorne predmemorije nema.

Spor ili prenapučen hosting. Jeftin dijeljeni hosting stavlja stotine stranica na jedan poslužitelj, pa Vaš prvi bajt ovisi o tome što rade susjedi. Ako se Vaša mjerenja tijekom dana kreću između 0,4 i 4 sekunde bez ikakve promjene s Vaše strane, usko grlo je poslužitelj. Predmemorija stranica skriva velik dio toga, ali administracija, pretraživanje i naplata i dalje trpe.

Nepredmemorirane personalizirane stranice. Web shopovi i portali ne mogu predmemorirati stranice koje prikazuju košaricu, cijenu za kupca ili ime računa, pa se te stranice svaki put grade iznova. Brze stranice drže osobni dio malim i učitavaju ga zasebno, da ostatak stranice i dalje može doći iz predmemorije. Ako su spore samo stranice s prijavom, to je uzrok, i pozornost treba sama aplikacija, a ne hosting.

Napuhana baza podataka. Godine revizija, spam komentara, isteklih sesija, dnevnika dodataka i ostataka davno uklonjenih dodataka čine bazu podataka velikom i sporom. Svaka stranica tada izvršava iste upite nad daleko više podataka. Simptom je stranica koja je pri objavi bila u redu i otada svaki mjesec malo usporava. Čišćenje i nekoliko indeksa često vrate većinu izgubljenoga.

Prevelike slike. Najčešći uzrok nakon predmemorije i najlakši za popraviti. Fotografija ravno iz fotoaparata ima 4 do 8 megabajta; stranici treba inačica od najviše nekoliko stotina kilobajta, u modernom formatu, dimenzionirana za prostor koji ispunjava. Sortirajte vodopad po veličini: ako su najveće stavke slike, smanjite ih i komprimirajte, i neka sustav za upravljanje sadržajem to od sada radi automatski za svako učitavanje.

Previše dodataka i skripti. Svaki slider, skočni prozor, feed s društvenih mreža, oznaka za praćenje i alat za obrasce dodaje JavaScript koji preglednik mora preuzeti i izvršiti prije nego što je stranica potpuno upotrebljiva. Trideset aktivnih dodataka nije neobično na stranici koja je godinama rasla, a mnogi se više ne koriste. Svaki koji uklonite čini stranicu lakšom, a održavanje sigurnosti jednostavnijim.

Vanjski ugrađeni sadržaji. Ugrađena karta, video player, chat widget ili kalendar za rezervacije učitavaju se s tuđeg poslužitelja, a Vaša stranica čeka na njih. Jedan chat widget može dodati megabajt skripti. Učitavajte takve stvari samo kad ih posjetitelj treba: prikažite statičnu sliku karte s poveznicom, video učitajte na klik, chat otvorite tek kad se stranica završi.

Nema CDN-a za udaljene posjetitelje. Ako je Vaš poslužitelj u Frankfurtu, a kupci u Lisabonu ili Varšavi, svaka datoteka putuje preko kontinenta. Mreža za isporuku sadržaja (CDN) čuva kopije Vaših slika, skripti i stilova blizu posjetitelja. Ne pomaže sporom poslužitelju, ali za tvrtku koja prodaje diljem Europe to je razlika između brzog kod kuće i brzog svugdje.

Brojke su ogledne, ne mjerenja stvarne stranice, ali oblik je tipičan. Stranica proizvoda malog proizvođača trajala je ukupno 7,3 sekunde. Uključivanje predmemorije stranica skratilo je odgovor poslužitelja s 1,8 na 0,3 sekunde. Smanjivanje i komprimiranje slika, koje su bile originali iz fotoaparata, spustilo je udio slika s 2,4 na 0,6 sekundi. Uklanjanje devet nekorištenih dodataka te učitavanje karte i chat widgeta samo na zahtjev uštedjelo je većinu preostalog vremena. Stranica se sada smiri za 1,8 sekundi, a u njezinu se dizajnu ništa nije promijenilo. Tri jeftine promjene donijele su gotovo sav dobitak i nijedna nije tražila novu web stranicu.

S tim bilješkama možete ili sami popraviti očite stvari ili pregledu brzine dati jasnu polaznu točku umjesto nejasne pritužbe. Ako mjerenja upućuju na poslužitelj, usporedite ono što plaćate s onim što bi managed hosting za poslovnu stranicu trebao pružiti: predmemoriju stranica koja radi, dovoljno kapaciteta u vršnim trenucima i nekoga tko prati vremena odgovora. Riješite brzinu prije redizajna, jer će novi dizajn na istim sporim temeljima razočarati na isti način.