See veebisaidi kiirust käsitlev blogisari on olnud lõbus sõit.

Siiani oleme teada saanud, et Amazon kaotab 1,6 miljardit dollarit (!), Kui nende veebisait aeglustub.

Oleme ka täpselt teada saanud, mis kulisside taga toimub, et põhjustada veebisaitide aeglustumist.

See viib meid loomuliku järelduseni: kuidas täpselt saate asja kiirendada? Katame kõike alates serverikiirusest kuni optimeerimise ja mõne vahepealse boonusekstra.

Esiteks vaatame, mis põhjustab aeglast kiirust:

Kui laadite minu veebisaidi siia Bitcatchasse, alustab teie brauser (Firefox, Safari, Chrome jne) minu veebiserveriga vestlust.

Brauser: “Hei veebiserver! Kas saate mulle kõik bitid ja tükid Bitcatcha.com kuvamiseks, palun? ”

Server: “Muidugi, las ma leian nad üles ja saadan üle kogu”.

Seejärel paneb veebiserver kõik veebisaidi osad tunnelisse ja saadab need brauserisse selle laadimiseks.

Kõlab piisavalt lihtsalt, kuid aeglustab järgmist:

  • Laisk server, mille taotlustele vastamine võtab aega.
  • Server, mis haldab samaaegselt paljude muude veebisaitide osi.
  • Paljud suured veebisaidi osad, mis kõik tuleb üles leida ja tunnelist alla saata.
  • Kiire tunnel.

Siin võib palju valesti minna. Niisiis, kuidas me asju kiirendame?

Kiirendage oma veebisaiti

1. osa: muutke oma server kiiremaks

1. Minge üle paremale veebimajutajale (st paremale serverile)

Teie veebimajutaja on serverit pakkuv ettevõte. See on nagu Interneti-maatüki rentimine, kuhu salvestate kõik veebisaidi osad.

Enamik meist kipub ostma kõige odavamat maatükki, mille leiame. Kuid see pole tingimata tark lahendus.

Odavad veebihostid rendivad ülerahvastatud ja väikeseid servereid. Pidage meeles, et soovite, et teie server reageeriks taotlustele kiiresti ja saadaks oma veebisaidi kiiresti tunnelist alla brauserile.

Märge

Vaadake meie kiireimate veebimajutuste loendit, mis põhineb nende serveri reageerimisajal.

2. Lülitage jagatud hostilt üle VPS-i

Odavad veebihostid paigutavad teie veebisaidi serverisse koos paljude teiste veebisaitidega. Seda nimetatakse jagatud hostimiseks ja see tähendab, et peate ressursside pärast võitlema.

Kui ühel veebisaidil tekib äkki palju liiklust, aeglustab see teie veebisaidi ribalaiust.

VPS-i (virtuaalse privaatserveri) või (vähemalt sellise tipptasemel jagatud serveri nagu SiteGround) ümberlülitamisega piirdub teie veebi jagatud serveri nurk just teie jaoks. See tähendab, et te ei pea muretsema teiste veebisaitide pärast, mis teie ressursse varastavad.

3. Viige server oma publikule lähemale

Iga kord, kui keegi teie saidil klõpsab, peab teie server kogu planeedi teabe füüsiliselt oma arvutiekraanile saatma.

Kui server asub teisel pool maailma, võtab see kaua aega. Kui teate, kust suurem osa teie liiklusest tuleb, paluge oma veebimajutajal panna teie veebisait teie peamisele vaatajaskonnale lähimasse serverisse.

4. Kasutage sisu edastamise võrku

Probleem oma serveri teatud sihtrühmale lähemale viimisega on see, et keegi kaotab kaotuse. Kui kolite oma serveri Californias, saavad Austraalia külastajad aeglast laadimisaega. Nii on ka teie Euroopa külastajatel.

Sisu edastamise võrk ehk CDN paigutab teie andmed serveritesse üle kogu maailma. Nii et kui keegi teie veebisaidil klõpsab, saadab teabe talle kõige lähemal asuv server.

See tähendab, et teie külastajad saavad ülikiire kiiruse kõikjal maailmas. (Teie teadmiseks kasutan siin Bitcatcha’s Cloudflare.)

5. Aktiveerige seade “Hoia elus”

Kui teie server saadab teie veebisaidi failid tunnelist alla, liigub iga osa eraldi. Teie CSS-i stiilileht, logo, kõik pildid jne.

Ilmselt on kõige tõhusam viis selle saavutamiseks saata nad kõik sama suure tunneli juurest alla.

Sealt tuleb seade “hoia elus”. Kui see on aktiveeritud, püsib peatunnel peal ja kõik tuleb sama ühenduse kaudu. (See on ülikiire).

Kuid kui seade on välja lülitatud, tuleb iga elemendi jaoks teha uus tunnel. (See on väga aeglane).

Enamik veebimajutajaid hoiab seda seadet sisse lülitatud (mis on hea), kuid mõnikord sulgevad jagatud hostid ühendused ilma hoiatuseta.

2. osa: Veebisaidi elementide optimeerimine

Nüüd, kui oleme teie serveri võimalikult kiireks ja tõhusaks muutnud, kuidas optimeerida veebisaidi osi ise?

6. Vähendage edasi-tagasi sõiduaega (RTT)

Praegu peab teie brauser küsima serverilt iga elemendi kohta ükshaaval. Teie logo, seejärel kõik pildid ja seejärel CSS-i stiilileht.

Selle kättesaamiseks kulub üks edasi-tagasi sõit.

Mida rohkem edasi-tagasi sõite peate tegema, seda kauem võtab kogu veebisaidi laadimine aega. See on nagu auto kastidesse pakkimine ja uude majja kolimine.

Mida rohkem kaste teil on, seda rohkem edasi-tagasi sõite peate tegema. Lahendus? Vähendage kasutatavate kastide arvu.

Vähendage elementide hulka, mida teie server peab tunnelist alla saatma. Vähem pilte, vähem koodi, vähem pistikprogramme.

7. Lubage oma veebisaidil pakkimine

Kahjuks pole oluline ainult kastide arv. See on, kui rasked nad on. Kui kõik teie elemendid on suured ja rasked, võtab see teie tunnelis palju ruumi. Nad liiguvad ka aeglasemalt. See on nagu veoautode ehitamine. Kõik täis raskeid kaste.

Õnneks saate oma veebisaidi ja kõik selle kokku pakkida. Kasutades sellist tööriista nagu Gzip. (Seda tunnistab 90% brauseritest. – See on peaaegu igaüks, välja arvatud mõned sirvijad, kes endiselt kasutavad Internet Explorer 4.)

Teie saidi tüsedamad osad on pildid, HTML, CSS ja Javascript. Nende tihendamisega saate vähendada saidi keskmist “kaalu” selle edastamise ajal.

Naljakas fakt

Veebisaidi keskmine kaal on 2 MB, kuid see kasvab iga aastaga.

8. Optimeerige oma pilte

Pildid on tavaliselt mis tahes veebisaidi kõige raskem osa. Need on suurim, rasvatuim ja aeglaseim laadimiselement.

Alustage kärpimisega neile täpselt vajalikus suuruses. Ärge laadige üles tohutuid pilte ja vähendage neid HTML-is. Laadige need lihtsalt üles õiges suuruses.

Enne üleslaadimist tihendage ka pilte. Kui kasutate WordPressi, võivad pluginad nagu WP Smush vähendada pildi suurust 80%!

9.… Või tee spritte

Sprite on üksik pilt, mis sisaldab palju vähe pilte. See sobib suurepäraselt nuppude või muude pildielementide jagamiseks.

Nüüd peab teie veebisait esitama ühe, mitte kümme eraldi taotlust. Seejärel saate CSS-i abil valida, milliseid pildi osi kuvatakse.

10. Kärbige oma koodi

HTML on tihe ja raske. See on ka uskumatult korduv. CSS on veidi sujuvam, kuid suur osa sellest on ülearune.

On aeg vaadata oma kood läbi peene hammastega kammiga ja vabaneda kõikidest ebavajalikest bittidest.

Kui kasutate malli WordPressist, Tumblrist jne, siis on tõenäoliselt koormatud kood, mida te ei kasuta. Need mallid on loodud selleks, et anda teile palju funktsioonide valikuid. Kuid enamikul meist pole seda kõike vaja.

Ole halastamatu!

11. Uninstallige kasutud pluginad (WordPress)

Oleme kõik aastate jooksul katsetanud tonnide pistikprogrammidega. Kuid sageli unustame need desinstallida.

Iga pistikprogramm on uus serveri taotlus. See on veel üks kaalukas pakett, mis blokeerib teie kiiret tunnelit.

Kui te ei kasuta seda, lülitage see välja.

12. Vähendage ümbersuunamisi

Iga ümbersuunamise korral lähevad teie paketid kaks korda tunnelist üles ja alla. Ärge kasutage oma veebisaidil ümbersuunamisi, kui te seda tingimata ei pea.

3. osa: Boonuse lisad

13. Vähendage DNS-i otsinguid

Seal on üks osa protsessist, millest me pole veel rääkinud. See juhtub kohe alguses.

Enne kui teie brauser alustab serveriga vestlust, peab ta leidma serveri asukoha (leides selle IP-aadressi). See on nagu serveri numbri otsimine telefoniraamatust. See võtab natuke aega. (Tavaliselt 20–120 millisekundit).

See võtab veelgi kauem aega, kui teie veebisaidiga on seotud mitu domeeninime. Levinumad näited hõlmavad: blog.yourwebsite.com või täiendavaid domeene piltide, stiililehtede ja välklampide jaoks.

Kui teie brauser peab seda tegema viis korda, võite kaotada poole sekundi. Hoidke seda võimalikult vähe domeenides.

14. Brauseri vahemälu

Kujutage ette, kui kiiresti asjad läheksid, kui teie brauser säilitaks kõigi veebisaidifailide koopiad. Nii ei oleks vaja iga kord serveriga ühendust võtta. See võib neid lihtsalt mälust laadida.

See on vahemällu salvestamine. See tähendab, et teie brauser mäletab veebisaiti. Kui laadite selle teist korda üles, on see ülikiire.

Phew! See oli tavalisest pikem postitus, kuid minu arvates oli see seda väärt.

Nüüd teate oma veebisaidi välkkiireks tegemiseks kõike, mida on vaja teada. Need nipid võivad sekundeid teie laadimiskiirusest raseerida.

See tähendab õnnelikke külastajaid. Ja see tähendab rohkem müüki.

WordPressi kiirjuhend

Kui teie veebisait on loodud WordPressi abil, oleme koostanud WordPressi kiirendamiseks üksikasjaliku juhendi. Bitcatcha.com-i laadimiseks 3 sekundiga kasutame täpseid samme.

Kim Martin
Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me