Blogi

Meie töö on luua ideid | Meie ideed loovad lahendusi | Meie lahendused loovad äri

SEO

Kuidas teha oma sait ülemõistuse kiireks

Ükskõik, kui ilus teie sait ka välja ei näeks, veebilehe kiirus on kriitilise tähtsusega. Laadimise kiirus mitte ainult ei tõsta sind otsingutulemustes parematele kohtadele vaid vähendab ka inimeste lahkumist (40% inimestest lahkub, kui laadimine kestab kauem kui 3 sekundit). Iga laadimisele kulutatud sekund viib müügitegemise protsenti 7% võrra alla.

 

 

Niisiis, kuidas suurendada laadimiskiirust ja tänu sellele viia tulud maksimumi?

 

Põhitõed

 

Kiirema veebilehe võti seisneb esilehe laadimisaja vähendamises. Lõppkasutaja jaoks kulub 80% oodatavast ajast HTTP päringutele. Sellepärast tuleb minimeerida päringute saatmist.

 

Kuidas seda teha:

 

  • Lihtsus – tee veebilehe disain lihtsaks. Üks, kaks pilti ja tekst, sest tõenäoliselt tahad kasutada ka muid komponte.

  • Kombineerimine – pane kõik skriptid ühte skripti ja kõik CSS ühte kohta.

 

Pildid ja CSS sprites

  

Kui su saidil on palju pilte, sunnid serverit minema mitu korda edas-tagasi, et neid kõiki laadida. See aeglustab lehe kiirust.

 

Sprites paneb kõik su taustapildid ühte ‘pilti’. Pildid kuvatakse pärast automaatselt õigesti CSS taustapildi ja tausta positsiooni omadustega.

 

CSS sprites:

 

  • vähendab viivitusi, mis tingitud, et serveril on vaja ressursside allalaadmiseks edasi-tagasi minna

  • suurendab päringute kiirust

  • vähendab baitide (andmemahtu), mida vaja igal lehel allalaadida

 

Võite kasutada teenust nagu SpriteMe, et see protsess läheks veelgi lihtsamalt. Muidu jälgige Google soovitusi Sprite kohta.

 

Kompressimine

 

Sa saad vahendite nagu deflate või gzip abil vähendada baitide arvu, mida on vaja alla laadida. Kasutades GZIP-i algoritmi, teevad enamus populaarseid veebiservereid nagu Apache ja IIS selle HTML-s, CSS-s ja javascript-is automaatselt.

 

Selleks on vaja ka sisu optimeerida. Kaks asja, mida teha, et protsess läheks efektiivselt:

 

  • Loo oma HTML ja CSS koodis järjepidevus. See juhtub kui: -paned CSS koodi võtme väärtused ja HTML atribuudid tähestikulisse järjekorda. -kasutad väiketähti nii tihti kui võimalik.

  • Vähenda Javascripti ja CSS-i. Vabane mittevajalikest reavahedest, lisaruumist. Javascripti vähendamiseks kasuta vahendeid nagu JSMin, Closure Compiler või Yahoo Compressor.

  

Staatilise sisu levitamine CDN-ga

 

Kuna kasutaja asukoht mõjutab lehe laadimiskiirust, levitates sisu erinevatesse serveritesse, kiirendad protsessi. Selleks saad kasutada CDN-i (content delivery network).

 

Mis on CDN? See on kogumik servereid, mis eksisteerivad erinavates paikades üle maailma.

 

CDN teeb kahte asja:

 

  • Saadab faile kiiremini – puhverdatud failid saadetakse kohtadesse, mis on kasutajale kõige lähemal.

  • Faili suurus kahaneb

 

Näiteks võib CDN teenuse osutajal olla servereid Californias, New Yorkis, Rootsis ja Hong Kongis. Kui külastaja tahab su veebilehele minna, valitakse kiireim võrk.

 

CDN on lihtne koodi muutmine, kuid see võib osutuda kulukaks.

 

Vahemälu

 

Iga kord, kui keegi su kodulehte külastab, salvestatakse nende kõvakettale igasuguseid faile – pildid, skriptid jne. See vähendab HTTP päringute arvu ja suurendab kiirust järgmine kord, kui seda külastatakse.

 

Nendel failidel on aegumiskuupäev. Vaikimisi on selleks ajaks 24 tundi – see tähendab, et iga päev peab uuesti salvestama. See ei ole paljudele veebilehtedele kasulik.

 

Kaks asja, mida meeles pidada:

 

  • Staatilised osad – sea staatilised osad ‘never expire’ peale. Nii väldid aeganõudvaid ja tarbetuid HTTP päringuid.

  • Dünaamilised osad – sea dünaamilised osad 1 aasta peale.

 

Apache serverid kasutavad ExpiresDefault käsku selle kuupäeva muutmiseks. Ehk selline käsk: ExpiresDefault “access plus 1 year”

 

Rohkem infot vahemälu kohta loe siit.

 

HTTP ‘keep alive’

 

HTTP päringud käivad lihtsalt – otsivad, saadavad ja sulguvad. See võib olla lihtne, kuid mitte väga kiire.

 

HTTP ‘keep alive’ on trikk, mis põhimõtteliselt laseb veebibrauseril ja serveril kasutada sama ühendust otsimaks ja saatmaks mitmeid faile. Teisisõnu, server hoiab ühendust lahti, selleasemel, et see avaneks iga päringu pärast.

 

Siin on kaks võimalust selle ülalhoidmiseks:

 

 

Kolm kiirust mõõtvat tööriista

 

Siin on kolm vahendit, mis hindavad su saidi kiirust ja seejärel annavad soovitusi selle parandamiseks.

 

#1 Pingdom Website Speed Test

See tasuta vahend Pingdomi poolt testib su veebilehe kiirust. Tulemused ühtivad tegelike kasutajate kogemusega.

 

#2 Yslow

 

See vahend Yahoo poolt annab sulle kokkuvõtte lehe kompnentidest, näitab statistikat, pakub tulemuslikke analüüse nagu Smush.it ja JSLint ja seejärel annab sulle punktid, mida parandada.

 

Sealt saad ka laadida alla Chrome laienduse, võimaldab testida mistahes veebilehte.

  

#3 Page Speed Insights

 

See vahend Google poolt aitab parandada veebilehe efektiivsust. Lihtsalt kirjuta tekstikasti oma URL, vajuta nupul ja saad aruande.

 

Pärast analüüsi jaotatakse ettepanekud prioriteetideks – madal, keskmine, kõrge.

 

Järeldus

 

Kuna veebilehed lähevad aina detailirikkamateks ja uuenduslikemaks, tähendab see ka, et lehe kiirus läheb aeglasemaks.  

Bookmark and Share