Povečajte hitrost nalaganja spletne strani - Dobiček Hunter

Na žalost ali na srečo iskalniki danes posvečajo pozornost hitrosti delovanja spletnega mesta. To vpliva na uvrstitev vira v iskanje. Poleg tega hitrost nakladanja določa vedenje obiskovalcev, ki jih roboti upoštevajo.

Tukaj je nekaj nasvetov za hitrejše ustvarjanje spletnega mesta.

Vključitev CSS na samem začetku

Natančneje, na stran glave. Torej bodo njegovi elementi naloženi zaporedno, od naslova do noge. Kaj bo dala? Seveda, udobje dela s stranjo za uporabnika in povečanje njegove zvestobe. Ko je CSS povezan na samem dnu, brskalniki nočejo postopoma naložiti elementov. Zato se mora stran nanašati na datoteko CSS, ki je že v glavi.

Povečajte hitrost nalaganja spletne strani - Dobiček Hunter

JS - na koncu kode

Zahvaljujoč povezavi JS datotek na samem koncu prenosa, bo najprej naložena stran z glavno vsebino, ki jo bodo potrebe uporabnika naložile. Glavno pravilo ni, da bi obiskovalec čakal na to, za kar je prišel. In veliko lepih elementov je mogoče naložiti in nato. Mimogrede, med nalaganjem skripta se druge komponente strani ne naložijo, tudi od drugih gostiteljev.

Uporaba poddomen

Ali imate na svojih spletnih mestih veliko grafičnih elementov? Nato morate razmisliti o prenosu na eno ali več poddomen, za katere se šteje, da so različni strežniki za brskalnik. Vendar pa ne uporabljajte več deset poddomen: samo škoduje mestu. V vsem kar morate vedeti, kdaj se morate ustaviti.

Število HTTP zahtevkov

Večino časa so naložene različne skripte, CSS datoteke, fotografije in bliskavica. Zaželeno je, da brskalniki od 1. gostitelja naložijo največ 2 elementa strani. Kot rezultat, se izkaže, da manj jih je manj zahtev za strežnik.

Vendar pa zaradi tega ni treba spreminjati videza mesta. Obstajajo tudi drugi načini.

  • Vgrajena grafika. Z vdelavo v CSS, in ne v samo stran, boste dobili zmanjšano število zahtev za strežnik in velikost strani se ne bo povečala.
  • Uporaba vaj CSS. Njihovo bistvo je v tem, da je namesto nekaj majhnih slik naloženo eno, a veliko. Z uporabo kode CSS je razdeljena na manjše slike. Na primer, lahko obdelate več gumbov v vrsti in jih združite v eno sliko. Manj prenosov slik, manj zahtev HTTP.
  • Več datotek v eni. Če predlogo uporablja več kot eno css ali js datoteko, je priporočljivo, da naredite eno datoteko.
  • Očistite vse datoteke JS in CSS iz nepotrebne kode

    Odstranite komentirane vrstice, dodatne presledke, zavihke. Te nepomembne majhne stvari dodajajo težo vašim datotekam in zato povečujejo njihov obseg. Za stiskanje kode se uporabljajo posebne storitve, zato ni treba ročno urejati vsega.

    Ne zožujte slike s kodo

    Če vam originalna velikost fotografije ne ustreza, je bolje, da jo na začetku spremenite kot prilagodite s pomočjo CSS kode ali atributov img tag.

    Uporabite CDN za okvire

    Če so ogrodja vključena v vir (kot je jQuery), je priporočljivo, da za njih uporabite CDN (Network Delivery Network) - grozd strežnikov, ki so geografsko ločeni, da se zagotovi največ hitrost posredovanja podatkov stranki.

    Strežnik za prenos vsebine je izbran na podlagi različnih meril, na primer odzivnega časa. Kot CDN lahko uporabite Google API in gostovanje JavaScript knjižnic iz Yandexa.

    Predpomnjenje podatkov v brskalnikih

    Če aktivno uporabljate povezave JS in skripte CSS, morate nujno povezati predpomnilnik. Ko prvič dostopate do spletnega mesta, brskalnik uporabnika naloži vse kode iz datotek, pa tudi grafične in bliskovne komponente. Če je nastavitev Expires HTTP nastavljena, potem, ko se obiskovalec vrne, bo brskalnik vse te podatke shranil in strani se bodo hitreje nalagale.

    Optimizirane slike

    Izberite pravilno obliko za slike, sicer se lahko njihova velikost poveča. Torej je v formatu Gif bolje shraniti slike z več barvami, v JPEG pa kompleksne večbarvne grafike (npr. Fotografije). PNG se uporablja, kadar je potrebna dobra kakovost slike in pregledno ozadje.

    Če želite stisniti sliko v Photoshopu, hkrati pritisnite "Alt + Shift + CTRL + S" (samo ne zlomite prstov) in izberite optimalno razmerje velikost / kakovost.

    Povečajte hitrost nalaganja spletne strani - Dobiček Hunter

    Ali imate radi članke? Naročite se na glasilo!

    Iskanje

    povezani članki