Uzroci i Semalt rješenja za usporavanje web stranica


Tablica sadržaja

1. Uvod
2. Uzroci i rješenja za usporavanje web stranica
  • Previše HTTP zahtjeva
  • Datoteke velikih medija
  • Previše dodataka
  • Problemi s JavaScriptom
  • Ne koristite tehnike predavanja
  • Ne upotrebljavate CDN
  • Neoptimizirani CSS
  • Pretrpana početna stranica
  • Nečisto kodiranje
3. Zaključak

1. Uvod

Ne možete biti istinski uspješni kao vlasnik web stranice ako imate stranice kojima se vječno treba učitati. Prošla su vremena kada su korisnici morali trpjeti frustrirajuće iskustvo spore web stranice. Nedavne studije otkrile su da većina korisnika napusti web stranicu ako je za učitavanje potrebno više od tri sekunde. Značenje je jednostavno; u ovom 21. stoljeću brzina je naziv igre.

Brzina stranice utječe na to kako tražilice rangiraju vašu web lokaciju. To također utječe na vidljivost i vjerodostojnost vašeg web mjesta. Spora web lokacija može rezultirati smanjenjem prihoda, jer će 40% korisnika napustiti vašu web stranicu ako je za učitavanje potrebno više od 2-3 sekunde. Posjetiteljima web mjesta pružit ćete i negativno iskustvo, čineći manje vjerojatnim povratak na vašu stranicu.

Mnogo je čimbenika koji su odgovorni za spore web stranice. Čitajte dalje da biste saznali koji su to čimbenici i kako ih popraviti.

2. Uzroci i rješenja usporenih web stranica

  • Previše HTTP zahtjeva
To je čest razlog za spore web stranice. Kada imate toliko JavaScript slika i CSS-a, to može usporiti vrijeme učitavanja vaše web stranice jer preglednik traži učitavanje svake od ovih datoteka svaki put kad netko posjeti vašu stranicu. 80% vremena učitavanja vašeg web mjesta povezano je s preuzimanjem ovih elemenata.
Da biste riješili ovaj problem, smanjite svoje HTTP zahtjeve. Ako upotrebljavate preglednik Chrome, upotrijebite postavke alata za razvojne programere kako biste saznali broj zahtjeva koje vaše web mjesto trenutno upućuje za svako pretraživanje, a zatim taj broj smanjite što je više moguće.

Također možete pokušati kombinirati neke od njih. Datoteke možete umanjiti i kombinirati u HTML-u, CSS-u i JavaScript-u jer se te datoteke dodaju broju zahtjeva koje vaša web-lokacija upućuje pri svakom posjetu. Također, možete ukloniti nepotrebna preusmjeravanja jer doprinose sporom učitavanju ili korištenju Semaltov analizator web stranica pokrenuti dijagnostiku i ponuditi rješenja.

  • Datoteke velikih medija
Ovo je jedan od najčešćih krivaca spore web stranice. Ako imate previše neoptimiziranih slika ili videozapisa, smanjuje se brzina učitavanja vaše web stranice, jer će slike tijekom učitavanja koristiti puno propusnosti. Ako često prenosite velike datoteke prije nego što ih pokušate stisnuti, nepotrebno povećavate veličinu web mjesta, što će utjecati na brzinu web mjesta.
Da biste riješili taj problem, optimizirajte svoje medijske datoteke komprimiranjem prije nego što ih prenesete na svoje web mjesto. Vaše slike ne bi trebale biti veće od 100.000. Postoje razni internetski alati pomoću kojih možete optimizirati svoje slike. Možete upotrijebiti besplatni alat za kompresiju slike pod nazivom TinyJPG da biste smanjili veličinu slike prije njihovog prijenosa. Ako pokrenete WordPress web mjesto, možete koristiti WP Smush.
Također biste trebali obratiti pažnju na format slike jer su PNG ili GIF formati slika mnogo veći u odnosu na JPG format, pa korištenje JPG formata slike može pomoći vašem web mjestu da se puno brže učitava. Pomoću programa za grafičko uređivanje poput Photoshopa možete odabrati željeni format slike. Photoshop ima opciju nazvanu "Spremi za web i uređaje", koja vam omogućuje smanjenje kvalitete slike prije slanja na web mjesto.
  • Previše dodataka
Previše dodataka može biti još jedan razlog zbog kojeg je vaša web stranica spora. Ako imate razne dodatke koji kontroliraju različite značajke vašeg web mjesta, to može odbiti web lokaciju i uzrokovati sporije učitavanje. To je zato što dodaci povećavaju posao koji vaša web stranica mora obaviti tijekom učitavanja. Dodaci također mogu ometati hvatanje stranica na vašoj web lokaciji, smanjujući brzinu stranice.
Ne zanosite se tisućama dodataka koji nude nevjerojatne stvari za vašu web lokaciju i preopterećuju je web stranicom s previše dodataka. Umjesto toga, imajte sve u jednom dodatak koji može učinkovito obaviti posao. Jedan dodatak koji možete koristiti u tu svrhu je MalCare. Omogućuje vam upravljanje vašom WordPress web stranicom, a također štiti vašu web lokaciju od hakera i zlonamjernog softvera.
  • Problemi s JavaScriptom
JavaScript je važan alat koji vašu web stranicu čini funkcionalnom i interaktivnijom za korisnike. Olakšava učitavanje dinamičkih podataka putem AJAX-a, a također dodaje posebne efekte na vašu stranicu. Međutim, ako se njime ne rukuje dobro, JavaScript može predstavljati problem vašoj web stranici.

Može spriječiti da se vaše stranice učitaju što je brže potrebno jer preglednik mora u potpunosti učitati svaku JavaScript datoteku prije nego što može prikazati web stranicu. Neoptimizirani JavaScript može rezultirati onim što je poznato kao JavaScript koji blokira generiranje ili JavaScript koji odgađa vaše stranice kada ih korisnici pokušaju otvoriti u svojim preglednicima.
Da biste se riješili ovog problema, trebali biste:
  • Upotrijebite ugrađeni JavaScript umjesto da koristite vanjske JavaScript datoteke.
  • Revidirajte svoje JavaScript datoteke da vidite ima li nekoga tko nije toliko važan da biste ga se mogli riješiti.
  • Komprimiranje vašeg JavaScript-a također će vam pomoći, instalirajte YUI kompresor i upotrijebite ga za drobljenje datoteka.
  • Koristite asinkrono učitavanje za vaše JavaScript datoteke.
  • Odgoditi učitavanje JavaScript-a; ako spriječite učitavanje JavaScript-a sve dok se drugi elementi ne učitaju, povećati ćete brzinu stranice.

  • Ne koristite tehnike predavanja
Kada omogućite predmemoriranje preglednika, vaš preglednik može pohraniti statičke kopije datoteka vašeg web mjesta na tvrdi disk ili u predmemoriju. Na taj način može prikazati predmemorirane podatke, umjesto da pošalje drugi HTTP zahtjev poslužitelju svaki put kada korisnik posjeti vašu stranicu.

Možete jednostavno omogućiti predmemoriranje pomoću dodataka poput W3 Total Cache. Ovo će vam najbolje odgovarati ako koristite WordPress stranicu. W3 Total Cache kaže da je brzina stranica njegovih korisnika postala deset puta bolja nego prije korištenja dodatka.
Da biste pohranili predmemoriranu verziju svoje stranice u korisnikov preglednik i idite na opće postavke. Odaberite predmemoriju preglednika, kliknite okvir "Omogući". Imajte na umu da možete odrediti trajanje vremena da datoteka bude pohranjena u predmemoriji posjetitelja. Sve što morate učiniti je dodati redak koji govori pregledniku koliko dugo želite da datoteka ostane u predmemoriji posjetitelja.
  • Ne upotrebljavate CDN
Mreža za isporuku sadržaja omogućuje vam pohranjivanje kopija vašeg web mjesta na različite poslužitelje smještene na nekoliko strateških mjesta, tako da se vaše stranice mogu brzo učitati kada korisnici udaljeni od vašeg glavnog poslužitelja pokušaju pristupiti vašoj stranici. Hostiranje vaše web lokacije na samo jednom poslužitelju može uzrokovati malu brzinu stranice, jer svi posjetitelji vaše web stranice šalju zahtjeve istom poslužitelju, a to može stvoriti visoku razinu prometa za vašu web stranicu, povećavajući vrijeme provedeno za obradu zahtjeva korisnika i vodeći usporiti vrijeme utovara.
Da biste riješili taj problem, najbolje je koristiti CDN. Pomoću CDN-a možete lako predmemorirati podatke na različitim poslužiteljima i izbjeći da se vaš glavni poslužitelj zaglavi s previše zahtjeva. To znači da kada korisnik zatraži datoteku s vašeg web mjesta, njegov je preglednik može preuzeti s najbližeg poslužitelja. Cloudflare i MaxCDN dobre su CDN opcije koje možete koristiti.
  • Neoptimizirani CSS
Cascading style sheet (CSS) ima puno veze s izgledom vašeg web mjesta. Daje upute pregledniku o veličini fonta, boji, izborniku, zaglavlju, podnožju i ostalim pojedinostima o izgledu web stranica. CSS datoteke mogu biti vrlo dugačke, s toliko redaka kodova. To može značajno smanjiti brzinu učitavanja stranice.
CSS možete optimizirati kombiniranjem svih slika u jednu veliku datoteku pomoću Spriteova slika. Drugi je savjet stisnuti CSS datoteku u novu sa smanjenim razmacima. To možete učiniti pomoću CSS minifikatora kao što je CSS Nano. Revidirajte svoje CSS datoteke i kodove i riješite se svih nepotrebnih datoteka ili duplikata.
  • Pretrpana početna stranica
Ako se vaše web mjesto učitava vrlo sporo, to je vjerojatno zato što ste previdjeli količinu nereda na vašoj početnoj stranici, a možda i na cijelim stranicama vaše web stranice.

Mnogi web programeri natrpavaju svoju početnu stranicu raznim zapanjujućim slikama, dodacima i sadržajima, sve u pokušaju da ostave impresivan prvi dojam na posjetitelje njihove web stranice. Iako je dobro imati atraktivnu naslovnu stranicu, pretjerivanje i pretrpavanje različitim sadržajima može negativno utjecati na vrijeme učitavanja web mjesta.
Što više elemenata imate na početnoj stranici, to će vam trebati više vremena za učitavanje. Uvijek je bolje da bude jednostavno. Pridržavajte se osnova i uklonite sve nepotrebne elemente s početne stranice, također skenirajte sve stranice na svojoj web lokaciji i uklonite ih da bi se brže učitalo.

  • Nečisto kodiranje
Ako je vaše web mjesto prepuno praznih mjesta, umetnuti stajlingi praznih novih redaka i nepotrebnih komentara, tada ćete doživjeti sporo web mjesto. Svaka web stranica izrađena je s puno kodova. Na primjer, Google je izgrađen na 2 milijarde redaka kodova. Neki web programeri proizvode web stranice s prekomjernim redovima kodova koji ne izvršavaju nikakve glavne funkcije. Ovi gusti, opsežni kodovi mogu usporiti brzinu učitavanja vašeg web mjesta.

Rješenje ovog problema je uklanjanje svih nepotrebnih elemenata iz kodova, poput dodatnih razmaka, praznih novih redaka i nepotrebnih komentara. Mnogo je alata pomoću kojih možete očistiti kodove. Nadoknada je nevjerojatan alat koji možete koristiti u tu svrhu. Također možete surađivati ​​s iskusnim web programerom kao što je Semalt kako biste osigurali da je vaša web lokacija dobro kodirana.

3. Zaključak

Svako web mjesto treba biti optimizirano za najveću moguću brzinu, ali to se ne može učiniti bez odgovarajućeg znanja o čimbenicima odgovornim za sporo učitavanje web mjesta. Ako se vaša web stranica učitava vrlo sporo, nemojte paničariti. Jednostavno koristite gore navedene čimbenike kao smjernicu da biste razumjeli razlog kašnjenja i riješili ih pomoću savjeta navedenih u svakoj točki.

mass gmail