Pagreitinkite savo svetainę: sumažinkite HTTP užklausas

Kai vartotojas atsidaro jūsų svetainę, kiekvienas objektas puslapyje (pvz vaizdai, tekstas or vaizdo filmai) reikalauja užklausos į serverį. Šios HTTP užklausos atidėlioja  svetainės užkrovimo laiką ir jei turite įdėjęs dešimtis tokių objektų svetainėje, šis vėlavimas gali pridėti iki kelių sekundžių jūsų svetainės užkrovimui.

Pirmasis žingsnis siekiant sumažinti HTTP užklausų vėlavimą yra sumažinti tokių objektų skaičių savo svetainėje. Atsikratykite nereikalingų vaizdų, antraščių, stiliaus įrangos ir pan. Jei įmanoma, taip pat galite sujungti 2 ar daugiau gretimų vaizdų į vieną.

Antra, įsitikinkite, kad jūsų išorės failų ir dokumentų užklausos yra sujungtos į vieną vietą. Pavyzdžiui, vietoj trijų CSS failų naudojimo, sukurkite savo puslapio maketą:

<link rel="stylesheet" type="text/css" href="/body.css" />
<link rel="stylesheet" type="text/css" href="/side.css" />
<link rel="stylesheet" type="text/css" href="/footer.css" />

geriau naudokite vieną su visa stiliaus informacija:

<link rel="stylesheet" type="text/css" href="/style.css" />

 Pagreitink savo svetainę serija:

•     Optimizuokite vaizdus.

•     Vaizdo formatai.

•     Optimizuokite jūsų CSS.

•     Naudokite įžambų brūkšnį (Slash) nuorodose.

•     Naudokite Height ir Width žymes, ( aukštis plotis).

•     Sumažinti HTTP užklausas...

Pagreitinkite savo svetainę: naudokite aukščio ir pločio žymes

Tai labai svarbus veiksnys, kurį daugelis žmonių (įskaitant ir mane iki tam tikro laiko) linkę pamiršti. Kai jūs naudojate vaizdus ar lenteles puslapiuose jūs visada turėtumėte įtraukti aukščio ir pločio žymes. Jei naršyklė nemato šių žymių, jai reikia išsiaiškinti vaizdo dydį, tada įkelti paveikslėlį ir tada įkelti visą likusį puslapį. Čia yra pavyzdys kodo, įtraukiantis šias žymes:

<img id="house" height="200" width="450" src="http://www.domain.com/house.png" alt="house image" />

Kai yra įtraukiamos aukščio ir pločio žymės, naršyklė automatiškai žinos paveikslėlio dydį. Pasekmėje, naršyklė galės lengvai nustatyti paveikslėlio vietą svetainėje ir įkelti likusį puslapį tuo pačiu metu. Kaip priedas prie puslapio užkrovimo pagreitinimo, šis metodas yra taip pat labiau patogus, nes lankytojas gali pradėti skaityti tekstą ar kitą informaciją, kol vaizdas yra siunčiamas.







 Pagreitink savo svetainę serija:

•     Optimizuokite vaizdus.

•     Vaizdo formatai.

•     Optimizuokite jūsų CSS.

•     Naudokite įžambų brūkšnį (Slash) nuorodose.

•     Naudokite Height ir Width žymes, ( aukštis plotis).

•     Sumažinti HTTP užklausas...




Pagreitinkite savo svetainę: naudokite įžambų brūkšnį nuorodose

Kai serveris atidaro nuorodą tokios formos kaip http://www.domain.com/about, jam  reikia išsiaiškinti, kokios formos failas ar tinklalapis yra išsaugotas šiuo adresu, eikvojant laiką šiame procese. Tačiau jei vietoj tokios nuorodos jūs įtrauksite įžambų brūkšnį (/) pabaigoje  - http://www.domain.com/about/ , interneto serveris jau žinos, kad nuoroda nukreipia į katalogą, ir tai sumažina laiką įkeliant puslapį.

Nuorodų patobulinimas įžambiu brūkšniu, norint pagreitinti svetainės užkrovimo laiką, nebus astronominis, bet betkas padedantis paspartinti svetainę, netgi mažytis triukas, padeda.

 Pagreitink savo svetainę serija:

•  Optimizuokite vaizdus.

•  Vaizdo formatai.

•  Optimizuokite jūsų CSS.

•  Naudokite įžambų brūkšnį (Slash) nuorodose.

•  Naudokite Height ir Width žymes, ( aukštis plotis).

•  Sumažinti HTTP užklausas...

Pagreitinkite savo svetainę: optimizuokite CSS

Išdėstant svetainių stiliaus lakštus (Style Sheets) pakopomis padaro interneto svetaines labiau veiksmingas, nes tai leidžia naršyklėms surasti su stiliumi susijusią informaciją iš .css failų tiesiogiai, panaikinant būtinybę skaityti informaciją kiekvieną kartą iš naujo, kai kiekvienas puslapis yra įkeliamas vėl ir vėl. Net jei "Style Sheets" yra natūraliai efektyvesni nei HTML, jūs vis dar galite optimizuoti CSS kodą, kad padarytumėte savo svetainę švaresnę ir greitesnę.

Pirmiausia pabandykite rasti išskaidytą kodą ir apdoroti jį kartu. Pavyzdžiui vietoj:

margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;

jūs geriau naudokite: 

margin: 10px 20px 10px 20px; 

Vietoj:
<p class="decorated">A paragraph of decorated text</p>
<p class="decorated">Second paragraph</p>
<p class="decorated">Third paragraph</p>
<p class="decorated">Forth paragraph</p> geriau naudoti:
<div class="decorated">
<p>A paragraph of decorated text</p>
<p>Second paragraph</p>
<p>Third paragraph</p>
<p>Forth paragraph</p>
</div>

Be to, jūs taip pat galite pabandyti CSS optimizavimo įrankį, pvz. CleanCSS. Šie įrankiai yra skirti sujungti panašius sektorius, pašalinti nereikalingas savybes, pašalinti tarpus ir pan.

 Pagreitink savo svetainę serija:

•     Optimizuokite vaizdus.

•     Vaizdo formatai.

•     Optimizuokite jūsų CSS.

•     Naudokite įžambų brūkšnį (Slash) nuorodose.

•     Naudokite Height ir Width žymes, ( aukštis plotis).

•     Sumažinti HTTP užklausas...

 

Pagreitink savo svetainę - paveikslėlių formatai

Pirmojoje šios serijos dalyje aptarėme, kaip optimizuoti atvaizdus, siekiant sumažinti jų dydį ir dėl to svetainės užsikrovimo laiką. Reikėtų žinoti, kad taip pat svarbu yra pasirinkti ir tinkamą formatą. Turėtumėte naudoti GIF, PNG ir JPEG formatus atsižvelgiant į pasirinkto paveikslėlio tipą ir jūsų svetainę dydžio apribojimus. Žemiau keletas gairių apie kiekvieną formatą:

JPEG: Šis formatas buvo sukurtas nuotraukoms ir dailės darbams. Jūs turėtumėte naudoti JPEG vaizdus, kai jūs rodote nuotrauką ar tikrų spalvų vaizdą. Atkreipkite dėmesį, kad jei jūs naudojate suspaudimą, kad sumažinti failo dydį, jums reikia naudoti 50% suspaudimo norma kad gauti optimalų rezultatą.

GIF: šis formatas yra susijęs su interneto istorija, daugiausia dėl savo mažo dydžio. JPEG vaizdai yra paremti milijonais spalvų, o GIF integruoti daugiausiai 256 spalvų. Jūs turėtumėte naudoti šį formatą vienodų spalvų vaizdams, pavyzdžiui, logotipams, mygtukams ar teksto vaizdams. GIF yra taip pat pasirinkimo formatas animuotiems vaizdams.

PNG: šis formatas buvo sukurtas specialiai internetui tikslu pakeisti GIF vaizdus. Pagrindinis privalumas PNG vaizdų lyginant su GIF yra tai, kad jie palaiko 24-bitų spalvas ir alfa skaidrumą. Tai sako mums, kad ne visos naršyklės atpažinti kai kurias PNG savybes. Turėtumėte naudoti PNG formatą paprastiems vaizdamss, kurie reikalauja daugiau nei 256 spalvas.

 Pagreitink savo svetainę serija:

•     Optimizuokite vaizdus.

•     Vaizdo formatai.

•     Optimizuokite jūsų CSS.

•     Naudokite Slash ant jūsų nuorodų.

•     Naudokite Height ir Width žymes, ( aukštis plotis).

•     Sumažinti HTTP užklausas...

Pagreitinkite savo svetainę: optimizuokite paveikslėlius

Yra plačiai žinoma, kad svetainių užsikrovimo laikas turi didelę įtaką bendrai vartotojų patirčiai. Jei šiame modernizacijos amžiuje žmonės  būtų pasirengę laukti bent pusę minutės svetainės įkėlimui, šis laiko tarpas nebūtų taip drastiškai sumažintas pastaruoju metu. Yra rinkos tyrimai iš tiesų patvirtinantys, kad vartotojai tiesiog palikti svetainę apskritai, jei ji neužsikrauna per 4 sekundes.

Pirmoji dalis iš mano patarimų serijos "Pagreitink savo svetainę", apims kaip optimizuoti vaizdus. Vaizdai gali sukurti papildomą apkrovą jūsų puslapių dydžiui, ypatingai jei jūs pamiršote juos optimizuoti. Photoshop ir panašios vaizdo redagavimo programinės įrangos turi funkciją, vadinamą "Išsaugoti internetui (Save for the net)". Visada naudokite šią funkciją, nes ji sumažins vaizdo dydį ir iš esmės užsikrovimo laiką.

Jei nenorite naudoti vaizdo redagavimo programinę įranga, arba jei norite ko nors daugiau praktiško, galite naudoti šią interneto vaizdo optimizatorių Dynamic Drive. Jis automatiškai optimizuoti GIF, PNG ir JPEG vaizdus, ir jis taip pat konvertuos failų formatus, jei reikia.

 Pagreitink savo svetainę serija:

•     Optimizuokite vaizdus.

•     Vaizdo formatai.

•     Optimizuokite jūsų CSS.

•     Naudokite įžambų brūkšnį (Slash) nuorodose.

•     Naudokite Height ir Width žymes, ( aukštis plotis).

•     Sumažinti HTTP užklausas...

Venkite nesusijusių su jūsų turiniu skelbimų

Jei jūsų dienoraštis kalba apie technologijas, nėra jokios priežasties rodyti skelbimus apie paskolų palūkanų normas ar viešbučius Paryžiuje. Be abejo, tai gali padėti jums pasidaryti šiek tiek pinigų per trumpą laiką, bet ilgainiui tai gali pakenkti jūsų patikimumui, nes tokie nesusiję skelbimai nesiūlo jokios vertės jūsų skaitytojams.

Nesusiję reklamos skelbimai gali apimti tekstinių nuorodų skelbimus, rėmėjų apžvalgas ir tiesioginius rėmėjus. Jei kas nors nori reklamuoti kažką jūsų svetainėje, kas nėra net iš tolo susijusę su jūsų tema, tai reiškia, kad toks reklamuotojas tiesiog ieško savo svetainės SEO dalies pagerinimo  (Google PageRank). Antra, tie skelbimai taip pat gali atgrasyti teisėtus rėmėjus, kurie nenori kad jų skelbimai būtų sumaišyti su neatitinkamu turiniu.

Aš žinau, kad yra sunku išjungti potencialių pajamų šaltinius, ypatingai, kai jie padeda apmokėti hostingo sąskaitas. Jei šiuo metu turite nesusijusių skelbimų ar rėmėjų savo dienoraštyje, galite pabandyti juos pašalinti palaipsniui. Pašalinkite pradžioje vieną ir ieškokite kuo jį pakeisti tikslingesniu, kas galėtų pasiūlyti vertę jūsų skaitytojams.