Povećajte brzinu učitavanja web stranice - Dobit Hunter

Nažalost, ili na sreću, tražilice danas obraćaju pozornost na brzinu rada web-lokacije. To utječe na to kako će se resurs rangirati u pretraživanju. Osim toga, brzina utovara određuje ponašanje posjetitelja, koje roboti također uzimaju u obzir.

Evo nekoliko savjeta kako brže napraviti svoju web lokaciju.

Uključivanje CSS-a na samom početku

Preciznije, na stranici zaglavlja. Tako će njegovi elementi biti učitani sekvencijalno, od naslova do podnožja. Što će dati? Naravno, pogodnost rada sa stranicom za korisnika i povećanje njegove lojalnosti. Kada je CSS povezan na samom dnu, preglednici odbijaju postupno učitati elemente. Stoga bi se stranica trebala odnositi na CSS datoteku koja je već u glavi.

Povećajte brzinu učitavanja web stranice - Dobit Hunter

JS - na kraju koda

Zahvaljujući povezivanju JS datoteka na samom kraju preuzimanja, najprije će se učitati stranica s glavnim sadržajem koji je potreban korisnicima. Glavno je pravilo da posjetitelj ne čeka na ono po što je došao. I tada se mogu učitati brojni lijepi elementi. Usput, prilikom učitavanja skripte, druge komponente stranice se ne učitavaju, čak ni od drugih hostova.

Korištenje poddomena

Imate li mnogo grafičkih elemenata na svojim web-lokacijama? Tada biste trebali razmisliti o njihovom prijenosu na jednu ili više poddomena, za koje se smatra da su različiti poslužitelji za preglednik. Međutim, nemojte koristiti desetke poddomena: to samo boli web-lokaciju. U svemu što trebate znati kada prestati.

Broj HTTP zahtjeva

Uglavnom se učitavaju različite skripte, CSS datoteke, fotografije i bljeskalice. Poželjno je da preglednici učitaju najviše 2 elementa stranice iz prvog hosta. Kao rezultat toga, ispada da, što ih je manje, to manje zahtjeva poslužitelju.

Međutim, izgled stranice ne treba mijenjati zbog toga. Postoje i drugi načini.

  • Inline grafiku. Ugrađivanjem u CSS, a ne u samu stranicu, dobit ćete smanjen broj zahtjeva na poslužitelju, a veličina stranica se neće povećati.
  • Primjena CSS-a. Njihova suština leži u činjenici da se umjesto nekoliko malih slika učitava jedna, ali velika. Koristeći CSS kod, podijeljen je na manje slike. Na primjer, možete obraditi nekoliko gumba u nizu, kombinirajući ih u jednu sliku. Manje preuzimanja slika, manje HTTP zahtjeva.
  • Nekoliko datoteka u jednom. Ako predložak koristi više od jedne css ili js datoteke, preporučljivo je napraviti jednu datoteku od njih.

Očistite sve JS i CSS datoteke iz nepotrebnog koda

Uklonite komentirane linije, dodatne razmake, kartice. Ove irelevantne sitnice dodaju težinu vašim datotekama i stoga povećavaju njihov volumen. Za komprimiranje koda koriste se posebne usluge, tako da nije potrebno ručno uređivati ​​sve.

Nemojte smanjivati ​​sliku s kodom

Ako vam originalna veličina fotografije ne odgovara, bolje je da je promijenite u početku, nego da je prilagodite pomoću CSS koda ili img tag atributa.

Koristite CDN za okvire

Kada su okviri uključeni u resurs (kao što je jQuery), preporučljivo je da za njih koristite CDN (mrežu za isporuku sadržaja) - skup poslužitelja koji su zemljopisno odvojeni kako bi se osigurao maksimum brzina pružanja podataka klijentu.

Poslužitelj za prijenos sadržaja odabran je na temelju različitih kriterija, primjerice vremena odziva. Kao CDN, možete koristiti Google API i hosting JavaScript knjižnica iz Yandexa.

Cache podataka u preglednicima

Ako aktivno koristite JS vezu i CSS skripte, onda je potrebno spojiti predmemoriju. Kada prvi put pristupite web-lokaciji, korisnikov preglednik učitava sve kodove iz datoteka, kao i grafičke i flash komponente. Ako je zaglavlje Expires HTTP konfigurirano, onda kada se posjetitelj vrati, njegov će preglednik pohraniti sve te podatke, a stranice će se učitati brže.

Optimizirane slike

Odaberite ispravan format za slike, inače se njihova veličina može povećati. Dakle, u Gif formatu je bolje spremiti slike u više boja, au JPEG - složene raznobojne grafike (na primjer, fotografije). PNG se koristi kada je potrebna dobra kvaliteta slike i transparentna pozadina.

Za komprimiranje slike u Photoshopu, pritisnite "Alt + Shift + CTRL + S" u isto vrijeme (samo nemojte lomiti prste) i odaberite optimalni omjer veličina / kvaliteta.

Povećajte brzinu učitavanja web stranice - Dobit Hunter

Volite li članke? Pretplatite se na newsletter!

traži

povezani članci