Vodič za početnike za optimizaciju datoteka na web mjestu (70% brže učitavanje)

Da biste ubrzali web mjesto i uštedjeli propusnost, kompresija je jedan od najučinkovitijih (i najlakših) načina da se to postigne..


… Ipak, mnogi vlasnici web stranica još uvijek ne optimiziraju svoje datoteke u 2020. godini, bilo zato što ne znaju koliko je to važno ili ne znaju kako.

Da skratim kratku priču, jedan od najvažnijih načina za ubrzanje brzine učitavanja stranice je da se vaše JavaScript (JS) datoteke učitavaju na brzinu… A svoj JavaScript možete ubrzati pomoću GZIP kompresije..

Sad, ovo je idealno samo za moderne preglednike, ali većina ljudi na Internetu koristi nedavni uređaj i preglednik. I Yahoo i Google koriste GZIP kompresiju.

Ali prvo, uspostavimo malo konteksta.

Korak # 1: Što je kodiranje sadržaja?

Kako biste mogli učinkovito optimizirati datoteke svoje web stranice, važno je razumjeti koncept poznat kao kodiranje sadržaja.

Jednostavnije rečeno, ovo se koristi da se omogući sažimanje dokumenta bez rizika da izgubi svoj temeljni identitet vrste medija. Kad zatražite datoteku, vaš će preglednik razgovarati s web poslužiteljem.

HTTP zahtjev

U osnovi, preglednik kaže poslužitelju što želi. Poslužitelj ga traži i nalazi. Tada je preglednik učitava. Što je datoteka veća, pregledniku je potrebno više vremena za učitavanje.

Dakle, što učiniti kada je datoteka prevelika?

Zivat ćete ga. Kad pošaljete datoteku koja je komprimirana u preglednik, štedite i vrijeme za preuzimanje i propusnost.

Dva su elementa povezana s poslužiteljem i preglednikom znajući da je u redu poslati zip datoteku:

  • Preglednik daje poslužitelju da zna da je u redu slati komprimirani sadržaj slanjem zaglavlja
  • Ako je sadržaj komprimiran, poslužitelj šalje odgovor

Ako datoteka nije komprimirana, poslužitelj neće poslati zaglavlje odgovora za kodiranje sadržaja. Zaglavlje prihvaćanja kodiranja nije zahtjev, već samo zahtjev koji je poslao preglednik.

Preglednik će se morati nositi s uobičajenom teškom verzijom jer poslužitelj ne šalje komprimirani sadržaj.

Početak postavljanja poslužitelja

Nemate kontrolu nad preglednikom. Ili će poslati zaglavlje ili ga neće poslati. Međutim, možete konfigurirati poslužitelj koji koristite kako biste osigurali povratak sadržaja zatvarača sve dok preglednik može s njim postupati. To rezultira značajnom uštedom propusne širine.

web izvedba nakon kompresije

Da biste to učinili, jednostavno omogućite postavke kompresije za IIS. Ako koristite Apache, relativno je jednostavno omogućiti kompresiju izlaza. Jednostavno pristupite svojoj .htaccess datoteci i dodajte pravi kôd.

Postoje dvije mogućnosti kompresije koje možete odabrati s Apacheom:

  • mod_deflate je standardni i lakše je postaviti
  • mod_gzip vam omogućuje da prethodno komprimirate sadržaj i čini se moćnijim

lako apache deflate

Bez obzira na opciju koju odaberete, Apache će provjeriti je li preglednik poslao zaglavlje za prihvat-kodiranje, a zatim će vratiti datoteku u njenoj uobičajenoj verziji ili komprimiranoj verziji.

Ako stariji preglednik pravi probleme, postoje stvari koje možete ispraviti dodavanjem određenih posebnih smjernica.

Za povratak komprimiranog sadržaja možete koristiti PHP ako ne možete izvršiti promjene u .htaccess datoteci. Na PHP-u:

<?php if (substr_count ($ _ SERVER [‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start (“ob_gzhandler”); else ob_start (); ?>

Gzipped inačica datoteke vraća se nakon provjere zaglavlja za prihvaćanje-kodiranje. To je slično izgradnji web poslužitelja na vlastiti način. Za komprimiranje izlaza, Apache to olakšava.

Važno upozorenje: većina softvera za izgradnju web mjesta ne dopušta uređivanje na razini koda (s nekim iznimkama). Na Hostingu Kanada snažni smo zagovornici vlastitog hostinga vaše web stranice, ali shvatite da nije za sve. Kada koristite programere web mjesta kao što su Squarespace, Wix ili Weebly, takva vrsta tinkeringa na poslužitelju vjerojatno je izvan vašeg dosega.

Provjerite kompresiju

Važno je osigurati isporuku komprimiranog sadržaja nakon dovršetka konfiguriranja vašeg poslužitelja. Da biste utvrdili je li vaša stranica komprimirana na mreži, možete koristiti mrežni GZIP test.

U vašem pregledniku vam mogu pomoći alati za razvojne programere. Trebat ćete otvoriti karticu mreže, osvježiti stranicu, a zatim kliknite mrežnu liniju određene stranice.

Ako je sadržaj poslan komprimiranim, vidjet ćete zaglavlje “kodiranje sadržaja: GZIP”.

google chrome zaglavlje gzip

Da biste dobili više pojedinosti, kliknite na ikonu za “korištenje velikih redova”. To također pruža informacije o stvarnoj veličini sadržaja i komprimiranoj veličini prijenosa.

Špilje za razmatranje

Kompresija pruža obilje prednosti, ali u svemu postoje nedostaci. Želite biti svjesni sljedećeg:

  • Graf omjera kompresijeSadržaj koji je već komprimiran: Većina glazbe, videa i slika već je komprimirana. Ako ih pokušate ponovo stisnuti, to je uglavnom samo gubljenje vremena. U većini slučajeva samo se trebate brinuti stisnuti CSS, HTML i JavaScript.
  • Stariji preglednici: Komprimirani sadržaj nije kompatibilan sa svim preglednicima. To se posebno odnosi na starije preglednike. Na primjer, možda želite izbjeći komprimiranje HTTP-a ako morate raditi na Windows 95 ili Netscape 1.0. Postoje određena pravila i smjernice za izbjegavanje kompresije za starije preglednike s modulacijom propuštenosti Apache.
  • CPU opterećenja: Uštedite propusnost i koristite vrijeme CPU-a dok komprimirate sadržaj u pokretu. S obzirom na brzinu kompresije, postupak se obično smatra poštenim. Postoje načini slanja i preko komprimirane verzije i predkomprimiranja statičkog sadržaja. Obično je potrebno više konfiguracije. Imajte na umu da ljudi na Internetu imaju kratko razdoblje pažnje, tako da je povećavanje brzine za bolje korisničko iskustvo korištenjem CPU ciklusa uvijek dobra ideja.

Zašto biste trebali koristiti GZIP kompresiju

http kompresijska konzolaGZIP kompresija nudi mnoštvo prednosti. Važno je znati što su to kako biste bili potpuno svjesni zašto biste trebali početi koristiti.

U prosjeku, korištenje GZIP-a za komprimiranje CSS i HTML datoteka štede vam 50 do 70 posto ukupne veličine datoteke. Ova značajna ušteda veličine datoteke rezultira puno boljim i učinkovitijim korisničkim iskustvom na vašoj web lokaciji.

Ova tehnika također igra važnu ulogu u ukupnom SEO vaše web stranice. Tražilice koriste složene algoritme kako bi odredile gdje web lokacije i web stranice padaju u rezultatima pretraživanja.

Jedan element koji postaje važniji sa svakim ažuriranjem algoritma je vrijeme učitavanja web stranica. Tražilice koriste te informacije kako bi odredile cjelokupnu optimizaciju web stranice.

gzip test brzine kompresijeKada se web stranice brzo učitavaju, oni koji posjećuju web lokaciju ne moraju čekati da pristupe sadržaju koji traže. Imajte na umu da korisnici interneta imaju kratko razdoblje pažnje.

Ako se web stranica predugo učitava, vjerojatno će korisnik kliknuti i pronaći brže web mjesto s sličnim podacima. Tražilice žele nagraditi brže učitavanje web stranica, pa im omogućava veći položaj rezultata pretraživanja.

Brže web mjesto također povećava konverzije. To znači da ako imate web mjesto za e-trgovinu, što se brže učitava, veća je prodaja. U stvari, otprilike 51 posto Amerikanaca kaže da je razlog broj jedan što odustaju od kupovine sporo tržište.

Studije slučajeva pokazuju da možete poboljšati stopu konverzije više od 15 posto tako što ćete smanjiti vrijeme učitavanja vaše web lokacije za samo 2,2 sekunde.

Rješavanje problema sa GZIP kompresijom

Kao i svi tehnološki elementi, GZIP kompresija može propasti iz najmanjih razloga. Dobra vijest je da je većina razloga za neuspjeh popravljiva.

Prvi element koji treba pogledati je da li GZIP kompresiju podržava vaš web domaćin. Iako ih većina podržava zbog važnosti prilikom učitavanja stranica, postoji nekolicina odabranih koji se nisu trudili osigurati kompatibilnost. Možete kontaktirati svog web domaćina kako biste utvrdili je li kompatibilnost s GZIP-om problem.

Sljedeći element koji istražuje je vaš kod. Čak i jedan pogrešan lik može stvoriti probleme. Potražite propušteni znak, sintaksičku grešku ili bilo koji pogrešno oblikovan kôd. Da bi kompresija bila uspješna, sve vaše kodiranje mora raditi s vašom arhitekturom.

Možete samo provjeriti svoj kôd koji unosite s PHP-om ili .htaccessom (o tome se gore raspravljalo). Ako ne možete pronaći problem, ali vjerujete da je za to kriv kôd, razmislite o tome da ga u potpunosti zamijenite drugim kodom koji vjerovatno djeluje..

U nekim slučajevima vaš web domaćin ima pristup pravim datotekama koje omogućuju GZIP kompresiju, ali vi to ne. U ovom slučaju jednostavno nazovite svog domaćina i tražite da vam to omogući.

Saznali ste ranije u ovom članku o provjeri vašeg GZIP kompresije. Ovo je brza i jednostavna opcija za rješavanje problema. Općenito se preporučuje da to prvo učinite. Ako nešto još uvijek nije u redu, provjerite kod svog web-domaćina i procijenite kôd koji ste koristili.

Ako je vaš preglednik zastario, ovo može uzrokovati probleme sa GZIP kompresijom. To je osobito uobičajeno za stare verzije programa Internet Explorer. Ako mnogi ljudi koji posjećuju vašu web stranicu koriste stari preglednik, možda ćete se morati riješiti ovog problema.

Ako su datoteke na vašoj web stranici izuzetno velike, to također može stvoriti probleme u vezi sa GZIP kompresijom. Ako koristite stariju verziju GZIP, ograničenja veličine datoteke mogu biti relativno mala, kao što su dva gigabajta ili manje. Zbog toga želite odrediti koja su ograničenja vaše verzije GZIP-a.

Jedan od najboljih načina poboljšati performanse i brzinu vaše web stranice omogućavanjem kompresije. Sada kada znate kako to učiniti, možete početi u potpunosti iskoristiti prednosti.

Budite svjesni upozorenja i uzmite ih u obzir dok radite. Sljedeći korak je postavljanje tako da posjetitelji mogu iskoristiti prednosti.

Faktor brzine koji se često previdi ima veze s vašim izborom tvrtke za web hosting. Da, čini se dobrom odlukom jer neki jednostavno rade bolje kad vam treba vremena za drobljenje podataka.

Za više informacija pogledajte moj vodič kako poboljšati brzinu vaše web stranice.

Reference i slikovni prilozi:

  • BetterExplained.com
  • OpenSourceVarsity.com
  • Geekeasier.com
  • WebPerformance.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map