Manj stvari je bolj motečih od spletnih strani, ki potrebujejo čas za nalaganje. Zato ni presenečenje, da se ne le ljudje, ampak tudi iskalniki trudijo, da bi se izognili počasnim spletnim mestom. Glede na to je tukaj nekaj najboljših nasvetov, ki jih lahko uporabite, da se izognete sitnim obiskovalcem in jih zavrnete ob prvem obisku vašega spletnega mesta.
1. Poenostavite kodo
Najboljši ustvarjalec spletnih strani bo postavil spletno mesto dokaj enostavno. Njihov bogat nabor predlog vam pomaga z lahkoto stilizirati spletno mesto, vendar imajo eno pomanjkljivost. Številne predloge imajo neurejeno kodo, ki lahko upočasni vaše spletno mesto.
Če želite odpraviti težavo, lahko v datotekah HTML, CSS in JavaScript odstranite vso nepotrebno kodo in oblikovanje. Ta postopek odstranjevanja odvečnega se imenuje pomanjševanje in za začetek si lahko pomagate s preprostimi spletnimi orodji, kot je pomnilnik Will Peavy. Uporabniki WordPressa lahko z vtičnikom Autoptimize poenostavijo postopek.
2. Stisnite svoje spletno mesto
Ne traja dolgo, da spletna mesta postanejo velika in težka. Vse slike in celo datoteke HTML, CSS in JavaScript v navadnem besedilu hitro nabreknejo. Eden najboljših mehanizmov za pospešitev spletnega mesta je omogočanje stiskanja z Gzipom. To bo zmanjšalo velikost odziva HTTP in s tem skrajšalo odzivne čase.
Preden ga omogočite za svoje spletno mesto z urejanjem datoteke .htaccess, boste morali omogočiti ustrezen stiskalni modul. Natančni koraki se razlikujejo in so odvisni od vašega spletnega strežnika, a tukaj je, kako to storite v Apacheju.
3. Optimizirajte slike
Slike so eden izmed najbolj krhkih delov spletnega mesta in običajno najpočasnejši element nalaganja na kateri koli spletni strani. Če želite kraljevati v vedenju, namesto da bi spreminjali velike slike prek HTML-ja, najprej začnite s spreminjanjem velikosti vseh slik na vašem spletnem mestu do natančne velikosti, v kateri jih želite.
Pravzaprav morate na svojem spletnem mestu hraniti seznam različnih velikosti slik za različne elemente, da ne boste nikoli naložili več slikovnih pik, kot jih potrebujete. Če imate spletno mesto s težkimi slikami, razmislite tudi o stiskanju. Eno najpogostejših orodij v ta namen je reSmush.
Deluje z vsemi priljubljenimi sistemi za upravljanje vsebine (CMS) in ima tudi odjemalca CLI za Linux za stiskanje slik za uporabo na statičnih spletnih mestih. Compressor.io lahko uporabite tudi za stiskanje več slik naenkrat.
4. Lazy load multimedia
Leno nalaganje pomeni, da se slike, videoposnetki in vstavljeni okviri naložijo šele, ko se uporabniki pomaknejo navzdol po strani in jih dejansko vidijo. To lahko znatno izboljša začetni čas nalaganja vaših strani.
Prej je bilo to nekaj, kar bi uvedli s pomočjo JavaScripta, vendar v brskalnike ni vgrajeno lenobno nalaganje. Uporabniki WordPressa imajo več možnosti, med najljubšimi pa sta Lazy Load by WP Rocket in a3 Lazy Load, ki je namenjen mobilnim napravam.
5. Uporabite hitre povezave za skupno rabo v družabnih omrežjih
V današnjem času bi si želeli, da bi ljudje delili vašo vsebino na družbenih omrežjih. Na preprostih spletnih mestih HTML lahko uporabite orodje za ustvarjanje povezav, kot je brezplačni generator povezav za skupno rabo, ki vam pomaga ustvariti povezave za skupno rabo v družabnih omrežjih Facebook, Twitter, LinkedIn in Pinterest, ne da bi se zanašali na iframe ali JavaScript. Kot običajno uporabniki WordPressa nimajo pomanjkanja vtičnikov, ki bi jih lahko uporabili v ta namen, vključno z Social Warfare in Grow.
6. Odstranite neuporabne vtičnike
Sistem za upravljanje vsebin, kot je WordPress, ima lahko veliko vtičnikov, ki lahko dodajo resnično uporabno funkcionalnost vašemu spletnemu mestu. Če imate preveč vtičnikov, lahko vaše spletno mesto upočasni do iskanja, zato morate uporabljati samo tiste vtičnike, ki jih resnično potrebujete.
Kljub temu vsi vtičniki niso zasnovani enako dobro, zato lahko svoje spletno mesto pospešite z zamenjavo vtičnika s hitrejšim nadomestnim. Spletno orodje GTmetrix bo brezplačno analiziralo vaše spletno mesto in vam pokazalo seznam vtičnikov, ki imajo veliko časa nalaganja. Razmislite o zamenjavi teh vtičnikov, še posebej, če jih večkrat pokličete z lažjo alternativo.
Uporabniki WordPressa lahko vtičnik Query Monitor uporabljajo tudi za podrobno analizo vtičnikov, uporabljenih na njihovi spletni strani. Seveda ne pozabite odstraniti samega vtičnika Query Monitor, ko je odslužen svojemu namenu.
7. Zmanjšajte preusmeritve
Preusmeritve so pogosto potrebne pri premikanju in brisanju strani in so najboljši način za odpravljanje težav z nepravilnimi povezavami. Toda sicer je 301 preusmeritev bolj zaželena kot 404 napak, vendar še vedno niso idealne, saj upočasnijo čas, ki je potreben, da brskalnik doseže pravilno različico strani. S programom za preusmeritev množičnega preusmerjanja podjetja Screaming Frog lahko analizirate preusmeritve na svojem spletnem mestu in poskusite zmanjšati njihovo uporabo.
8. Naredite manj zahtev HTTP
Zmanjšanje zahtev HTTP je dober način za optimizacijo vašega spletnega mesta. Vsak element, ki ga dodate na stran, se pretvori v zahtevo HTTP. Več kot mora brskalnik oddati teh zahtev, dlje bo trajalo, da se vaša stran v celoti naloži. Zato so rezultati zmanjšanja števila zahtev, čeprav je za to treba nekaj narediti, zelo impresivni.
Za podroben ogled zahtev HTTP lahko uporabite orodja za razvijalce v brskalniku in preklopite na zavihek Omrežje. Ko imate idejo, katere datoteke se nalagajo najdlje, lahko poiščete tiste, ki jih lahko kombinirate (zlasti datoteke CSS), in tiste, ki jih lahko popolnoma sekirate.
9. Postavite CSS pred skripte
Pravilno postavljanje stilskih listov in skriptov bo vplivalo na nalaganje spletnega mesta. CSS morate vedno postaviti na vrh v razdelku. To omogoča brskalniku, da najprej naloži vaš CSS, tako da lahko uporabniki vidijo vsebino na vašem spletnem mestu.
Javascript pa naj bo čim bližje dnu. To je zato, ker morajo brskalniki najprej razčleniti JavaScript, preden lahko preide na naslednjo oznako. Če skripte postavite pred dejansko vsebino, bodo uporabniki strmeli v prazno stran, medtem ko brskalnik krči JavaScript.
10. Pojdite v oldschool, kjer je to mogoče
Z uporabo skriptnega jezika, kot je PHP, lahko naredite stvari, ki z navadnim HTML-jem niso mogoče. Vendar obdelava PHP traja dlje kot razčlenjevanje HTML-ja, zato se izogibajte zahtevanju informacij prek PHP-ja, če jih je mogoče pridobiti s statičnim HTML-jem.
Podobno ni vedno dobro uporabiti mehanizma CSS @import za vključevanje zunanjih tabel slogi na vaše spletne strani namesto oznake HTML. Čeprav oba dosegata isti namen, @import porabi več virov kot neposredna povezava do vaših slogovnih listov.
11. Omogoči predpomnjenje
Ko obiščete spletno mesto, so vsi elementi na strani shranjeni na trdem disku v začasnem pomnilniku, imenovanem predpomnilnik. To je priročno, saj bo ob naslednjih obiskih vaš brskalnik odprl stran, ne da bi moral strežniku poslati novo zahtevo HTTP.
Če imate spletno mesto WordPress, lahko z vtičnikom, kot je vtičnik W3 Total Cache, enostavno omogočite predpomnjenje. Če imate statično spletno mesto HTML, lahko predpomnjenje omogočite tako, da v datoteki .htaccess uporabite tako imenovano glavo Expires. Ko so omogočene, glave s potekom ne bodo le prihranile časa za prenos že predpomnjenih datotek, ampak bodo pripomogle tudi k zmanjšanju števila zahtev HTTP.
12. Pomladno čiste baze podatkov
Verjetno uporabljate CMS, kot sta WordPress ali Joomla, za gostovanje vašega spletnega mesta. Ko se ukvarjate z namestitvijo (dodajate in odstranjujete vtičnike, ustvarjate in posodabljate objave, nameščate nadgradnje in podobno), bo baza podatkov, ki poganja CMS, postala precej napihnjena in počasna. Da bi se temu izognili, uporabite redno čiščenje baze podatkov z vtičnikom WP-Optimize.
13. Blokiraj vroče povezave
Vroče povezave se zgodi, ko nekdo prikaže sliko z vašega spletnega mesta z neposredno uporabo njegove spletne povezave. Vsakič, ko se naloži, se slika izvleče s strežnika izvornega spletnega mesta.
Na voljo imate več možnosti za preprečitev vročih povezav. Številni znani gostitelji ponujajo preklop v skrbniškem vmesniku, da preprečijo vroče povezave. Potem so tu še WordPress vtičniki, kot sta All In One Security & Firewall, ki zagotavljajo zaščito pred vročimi povezavami. Na koncu lahko v datoteko .htaccess dodate navodila.
14. Preklopite nastavitev Ohrani živ
Sporočilo Keep Alive se izmenjuje med spletnim strežnikom in odjemalskim računalnikom, da omogoči isto povezavo tcp za pogovor HTTP, namesto da bi z vsako novo zahtevo odprli novo. Keep Alive, znan tudi kot trajna povezava, pomaga zmanjšati zakasnitev za nadaljnje zahteve. Večina družb za gostovanje, zlasti pri deljenem gostovanju, onemogoči to funkcijo.
Nastavitev je najbolje nadzorovati s spreminjanjem spletnega strežnika. Privzeto nastavitev strežnika pa lahko preglasite tako, da v datoteko .htaccess dodate naslednje vrstice:
Komplet glav Povezava ohranja življenje
15. Pospešite WordPress
WordPress ima več vtičnikov za izboljšanje učinkovitosti, ki bodo pomagali optimizirati različne vidike spletnega mesta. Eden najobsežnejših je perfmatter, ki predstavlja številne najpogosteje uporabljene tehnike pospeševanja zmogljivosti. Dobra stvar tega vtičnika je, da je večina njegovih optimizacijskih tehnik izpostavljena prek preprostega uporabniškega vmesnika, zaradi česar je dostopen vsem vrstam uporabnikov.
16. Namestite Google PageSpeed
Google PageSpeed je niz odprtokodnih modulov za spletna strežnika Apache in Nginx. Pomagajo optimizirati vaše spletno mesto z izvajanjem nekaterih najbolj uporabnih tehnik za izboljšanje učinkovitosti, kot so tiste, ki smo jih delili v tem članku. Module lahko prenesete in namestite v svoj spletni strežnik, če ste njegov lastnik. V nasprotnem primeru boste morali poiskati ponudnika gostovanja, ki to počne. Običajno spletni gostitelji to ponujajo samo s svojimi namenskimi načrti gostovanja, čeprav jih nekateri, kot je GoDaddy, namestijo na svoje strežnike za gostovanje Linux.
17. Zmanjšajte iskanje DNS
Eden glavnih dejavnikov, ki neposredno vpliva na to, kako hitro se vaše spletno mesto naloži, je čas, potreben za iskanje DNS. Iskanje DNS je postopek iskanja naslova IP, povezanega z URL-jem.
Eden od načinov za pospešitev vašega spletnega mesta je zmanjšanje števila edinstvenih imen gostiteljev. Manjše število poizvedb DNS bo skrajšalo odzivni čas in povzročilo hitrejše nalaganje spletnih mest. Upoštevajte tudi dejstvo, da je čas iskanja zapisov DNS odvisen od hitrosti ponudnika DNS.
Če niste zadovoljni z delovanjem ponudnika DNS, preklopite na drugega. DNSperf sledi hitrosti poizvedb različnih avtoritativnih ponudnikov DNS.
18. Nadgradite na boljšega spletnega gostitelja
Če ste poskušali pospešiti svoje spletno mesto, vendar niste opazili večje razlike, je težava lahko vaše spletno gostovanje. Številni najcenejši spletni gostitelji, zlasti tisti v skupni rabi, so precej natrpani in uporabljajo strežnike, ki nimajo dovolj virov, da bi jih namenili dovolj za vsako spletno stran. Namesto tega porabite nekaj časa za raziskovanje različnih ponujenih možnosti, preden se namestite na gostitelja in načrt gostovanja za vaše spletno mesto.
19. Uporabite omrežje za dostavo vsebine
Poleg tega, da preklopite na boljšega spletnega gostitelja, razmislite tudi o uporabi omrežja za dostavo vsebin (CDN). Za razliko od vašega strežnika, ki se nahaja na določeni lokaciji, CDN uporablja mrežo strežnikov, ki v določenem smislu vašo vsebino distribuirajo po strežnikih po vsem svetu in jo v bistvu približajo obiskovalcem, ne glede na njihovo lokacijo. CDN-ji pospešujejo spletno mesto z zmanjšanjem fizične razdalje med vsebino in obiskovalci. Vse vrste vsebin lahko gostite s CDN-ji in celo ciljno usmerite na določene lokacije.
20. Redno spremljajte delovanje
Pomemben vidik prilagajanja vašega spletnega mesta je paziti na njegovo delovanje. To vam ne bo pomagalo samo oceniti vpliva popravka, ampak bo glede na uporabljeno orodje opozorilo tudi na vidike spletnega mesta, ki jih je treba posvetiti. Test hitrosti spletnega mesta Pingdom je priljubljeno spletno orodje, ki ne bo samo preizkusilo časov nalaganja strani, temveč bo opozorilo tudi na težave.
Podobno lahko z Googlovim testnim spletnim mestom analizirate uspešnost svojega spletnega mesta v mobilnih napravah. Poleg tega, da daje uporabne meritve, bo orodje delilo tudi priporočila, ki vam bodo pomagala pospešiti vaše spletno mesto za mobilne naprave.
- Predstavili smo najboljše spletno gostovanje Wordpress.