Kuidas optimeerida oma veebisaidi kiirust

{h1}

Veebisaitide omanikud veedavad palju aega oma veebisaitide optimeerimiseks konversioonide ja müügi jaoks. Aga see on sama oluline, et optimeerida oma veebisaiti kiiruse jaoks.

Veebisaitide omanikud veedavad palju aega oma veebisaitide optimeerimiseks konversioonide ja müügi jaoks. Mõnikord keskendub inimene liiga palju ühele asjale, millest nad kõik muust loobuvad, sealhulgas olulised veebisaidi elemendid nagu koormuse kiirus. Nielsen Normal Groupi andmetel jääb keskmine kasutaja lehele ainult umbes 10-20 sekundit, seega pole kasutajal palju aega püüda ja neid säilitada. Kui nad veedavad poole sellest 10 sekundist oma lehe laadimisest, on nende mulje teie veebisaidilt algusest peale halb algus.

Selles artiklis näitan teile mõningaid erinevaid meetodeid veebisaidi kiirendamiseks. Kui kasutate CMS-süsteemi nagu WordPress või Joomla, jagan ka mõningaid vahemällu salvestatud pluginaid, mis imetavad teie blogisid ja veebisaite.

Ikoonifontid

ikoonifonte

Ikoonifontid on üsna uus veebidisaini trend, mis hõlmab ikoonidest koosneva fondi kasutamist. Põhjus, miks see taktika on suurepärane, on see, et fondid on vektorid ja seetõttu on neid võimalik mistahes suurusega kohandada ilma kvaliteedi halvenemiseta. Seega on meil sisuliselt ikoonid, mis näevad välja mobiilsideseadmetes, arvutites ja isegi kõrge eraldusvõimega võrkkestas või hi-DPI ekraanides.

Kirjutasin artikli ikoonifontide kasutamise kohta artikli, nii et kui te olete selle tehnika kasutamisest huvitatud, tasub lugeda.

Image Sprites

pilti

Üks peamine probleem, mis põhjustab kehva laadimisaja, nõuab liiga paljude piltide laadimist. Kui veebisait kasutab 30 pilti, on see põhiliselt 30 erinevat kõnet serverisse. Nii paljude kõnede tõttu ei saa te kasutada oma Interneti-ühenduse täielikku kiirust, kui laadite alla väikeseid faile.

Paar aastat tagasi olid pildid väga populaarsed, kuid selle kasutamine on aeglaselt kadunud, kuna veebidisainerid püüavad kasutada võimalikult vähe pilte. Kui teie veebisait kasutab ikka veel palju pilte, soovitaksin ma pildifailide rakendamist. Image spites võimaldab teil kombineerida paljusid üksikuid pilte ühe suurema pildiga ja seejärel kuvatakse CSS-iga ainult osa soovitud pildist. Nii et kui sa oleksid suutnud ühendada 30 neist piltidest üheks suuremaks pildiks, teeb iga kasutaja, kes külastab teie veebisaiti, 29 serverisse vähem kõnesid kui muidu.

CSS3 piltide asemel

css3 html5

Põhjus, miks pilti ei kasutata enam, on seetõttu, et disainerid püüavad pilte asendada CSS-i viimaseid edusamme. Uute CSS3 omadustega, nagu teksti-vari, kasti vari, kalded ja raadius, võivad disainerid korrata kõige rohkem asju, mis on tehtud viie aasta eest piltidena vaid CSS-iga. Ainus põhjus, miks pildid on endiselt hädavajalikud, on fotograafia kui realistlik rasterkujutis, mida ei saa vektoriseerida. CSS Deck on suurepärane ressurss, et näha ja õppida, mida HTML5 ja CSS3 abil on võimalik luua ilma piltideta.

CSS ülaosas ja JavaScript lehekülje allosas

css sisu javascript

Mõnikord laaditakse veebilehe laadimisel üles, sest see ootab JavaScripti laadimist. Enamik JS-i skripte ei kodeeri asünkroonselt laadimiseks, mistõttu neil on võimalik ülejäänud lehekülje koormust edasi lükata. Arukas strateegia on viia kõik JS-failid lehe allosas, vahetult enne sulgemismärki. See võimaldab kogu lehel laadida, nii et isegi kui JS-faili ei saa laadida, ei häiri see kasutaja kogemusi.

Kui tegemist on CSS-iga, siis on parim viis proovida võimalikult vähe CSS-faile ja vältida inline-stiili. Kuid veenduge, et kõik CSS-failid laaditakse lehe ülaosas nii, et need laadiksid enne teie sisu.

Kasutage CDN-i (sisuteenuste võrk)

sisu edastamise võrku

Sisu edastamise võrk on põhiliselt veebi pakkuja, millel on palju serveri asukohti riigi (või maailma) erinevates osades ja kes saavad failid oma kasutajatele saata lähimast ja kõige sobivamast asukohast.

Suured ettevõtted, nagu Google ja Yahoo, on pikka aega kasutanud sisuvõrku, kuid nüüd hakkavad neid kasutama ka peavoolus. CDN-id ei ole tasuta, seega peate selle eest maksma, kuid kui teil on veebisaidilt sõltuv ettevõte, siis on raha väärt, et tagada selle usaldusväärsus ja kiirus.

On palju CDNi pakkujaid, kuid mõned kõige populaarsemad neist on Amazon Cloudfront, Cachefly, CloudFlare ja MaxCDN.

WordPressi kasutajatele

Kui teie veebisait töötab WordPressis ja teil pole lihtsalt aega ega teadmisi ülalmainitud asjade rakendamiseks, on mõned kasulikud pluginad, mis teid aitaksid. Vahemälu plugin salvestab teie leheküljed automaatselt nii, et need oleksid kasutajale palju kiiremini kätte toimetatud. Ainus asi, mida sa pead tegema, on see installida ja lasta tal oma maagia teha. Seal on palju teisi vahemällu lisanduvaid pluginaid, seega proovige ja vaadake, milline neist teie ja teie veebisaidi jaoks parim.

Joomla kasutajatele

Samuti on Joomla veebisaitide jaoks palju suurepäraseid laiendusi teie veebisaidi kiirendamiseks. Üks eriti kasulik on RocketTheme RokBoosteri laiendus. See ühendab automaatselt teie JS- ja CSS-failid ning kodeerib teie pildid. Pärast selle laiendi installimist peate koheselt nägema oma veebisaidi koormuse jõudluse suurenemist.

Järeldus

Seal on see! Mitmed erinevad võimalused oma veebisaidi kiireks muutmiseks, et teie kasutajad ei oleks pettunud ja sunnitud oma veebisaidilt lahkuma, enne kui nad isegi teie sõnumit või toodet näevad. Pidage meeles, et soovite, et teie kasutajad saaksid oma veebisaidile tulla, oma tooteid või teenuseid vaadata ja osta või teiega ühendust võtta. Ära tee neile raskusi; vastasel juhul annavad nad oma äri ainult oma konkurentile.

Veebisaitide omanikud veedavad palju aega oma veebisaitide optimeerimiseks konversioonide ja müügi jaoks. Mõnikord keskendub inimene liiga palju ühele asjale, millest nad kõik muust loobuvad, sealhulgas olulised veebisaidi elemendid nagu koormuse kiirus. Nielsen Normal Groupi andmetel jääb keskmine kasutaja lehele ainult umbes 10-20 sekundit, seega pole kasutajal palju aega püüda ja neid säilitada. Kui nad veedavad poole sellest 10 sekundist oma lehe laadimisest, on nende mulje teie veebisaidilt algusest peale halb algus.

Selles artiklis näitan teile mõningaid erinevaid meetodeid veebisaidi kiirendamiseks. Kui kasutate CMS-süsteemi nagu WordPress või Joomla, jagan ka mõningaid vahemällu salvestatud pluginaid, mis imetavad teie blogisid ja veebisaite.

Ikoonifontid

ikoonifonte

Ikoonifontid on üsna uus veebidisaini trend, mis hõlmab ikoonidest koosneva fondi kasutamist. Põhjus, miks see taktika on suurepärane, on see, et fondid on vektorid ja seetõttu on neid võimalik mistahes suurusega kohandada ilma kvaliteedi halvenemiseta. Seega on meil sisuliselt ikoonid, mis näevad välja mobiilsideseadmetes, arvutites ja isegi kõrge eraldusvõimega võrkkestas või hi-DPI ekraanides.

Kirjutasin artikli ikoonifontide kasutamise kohta artikli, nii et kui te olete selle tehnika kasutamisest huvitatud, tasub lugeda.

Image Sprites

pilti

Üks peamine probleem, mis põhjustab kehva laadimisaja, nõuab liiga paljude piltide laadimist. Kui veebisait kasutab 30 pilti, on see põhiliselt 30 erinevat kõnet serverisse. Nii paljude kõnede tõttu ei saa te kasutada oma Interneti-ühenduse täielikku kiirust, kui laadite alla väikeseid faile.

Paar aastat tagasi olid pildid väga populaarsed, kuid selle kasutamine on aeglaselt kadunud, kuna veebidisainerid püüavad kasutada võimalikult vähe pilte. Kui teie veebisait kasutab ikka veel palju pilte, soovitaksin ma pildifailide rakendamist. Image spites võimaldab teil kombineerida paljusid üksikuid pilte ühe suurema pildiga ja seejärel kuvatakse CSS-iga ainult osa soovitud pildist. Nii et kui sa oleksid suutnud ühendada 30 neist piltidest üheks suuremaks pildiks, teeb iga kasutaja, kes külastab teie veebisaiti, 29 serverisse vähem kõnesid kui muidu.

CSS3 piltide asemel

css3 html5

Põhjus, miks pilti ei kasutata enam, on seetõttu, et disainerid püüavad pilte asendada CSS-i viimaseid edusamme. Uute CSS3 omadustega, nagu teksti-vari, kasti vari, kalded ja raadius, võivad disainerid korrata kõige rohkem asju, mis on tehtud viie aasta eest piltidena vaid CSS-iga. Ainus põhjus, miks pildid on endiselt hädavajalikud, on fotograafia kui realistlik rasterkujutis, mida ei saa vektoriseerida. CSS Deck on suurepärane ressurss, et näha ja õppida, mida HTML5 ja CSS3 abil on võimalik luua ilma piltideta.

CSS ülaosas ja JavaScript lehekülje allosas

css sisu javascript

Mõnikord laaditakse veebilehe laadimisel üles, sest see ootab JavaScripti laadimist. Enamik JS-i skripte ei kodeeri asünkroonselt laadimiseks, mistõttu neil on võimalik ülejäänud lehekülje koormust edasi lükata. Arukas strateegia on viia kõik JS-failid lehe allosas, vahetult enne sulgemist silt. See võimaldab kogu lehel laadida, nii et isegi kui JS-faili ei saa laadida, ei häiri see kasutaja kogemusi.


Video: Google Analytics: Kuidas näha SEO tulemusi?


Et.HowToMintMoney.com
Kõik Õigused Reserveeritud!
Kordusprint Materjale On Võimalik Viidates Allikale - Veebileht: Et.HowToMintMoney.com

© 2012–2019 Et.HowToMintMoney.com