14 világítási trükk a webhely felgyorsításához
Ez a blogsorozat a webhely sebességéről nagyon szórakoztató volt.
Eddig megtudtuk, hogy az Amazon 1,6 milliárd dollárt (!) Veszítene, ha a weboldaluk lelassulna.
Azt is megtudtam, hogy pontosan mi zajlik a kulisszák mögött, hogy lelassítsam a weboldalt.
Ez természetes következtetésünkre vezet: hogyan tudod pontosan felgyorsítani a dolgokat? A szerver sebességétől az optimalizálásig és néhány extra bónuszig mindent átfogunk.
Először is összegezzük, mi okozza a lassú sebességet:
Amikor feltölti itteni webhelyemet a Bitcatchára, a böngészője (Firefox, Safari, Chrome stb.) Beszélgetést indít a webszerveremmel.
Böngésző: „Hé webszerver! El tudná hozni nekem az összes darabot, hogy a Bitcatcha.com webhelyet megjelenítse? "
Szerver: "Persze, hadd találjam meg és küldjem el".
Ezután a webszerver a webhely összes összetevőjét egy alagútba helyezi, és elküldi őket a böngészőbe feltöltésre.
Ez elég egyszerűnek hangzik, de a következő következményekkel jár:
- Lusta szerver, amely életkorokat igényel a kérések megválaszolásához.
- Kiszolgáló, amely egyidejűleg sok más webhely pályáit kezeli.
- Rengeteg nagyszerű "darab" a weboldalról, amelyeket meg kell találni és el kell küldeni az alagútba.
- Zsúfolt alagút.
Sok dolog tévedhet itt. Tehát hogyan tudjuk felgyorsítani a dolgokat?
1. rész: Gyorsítsa a szervert
1. Frissítsen jobb webgazdára (azaz jobb szerverre)
Az Ön webgazdája az a cég, amely a szervert biztosítja. Olyan ez, mint egy internetes oldal bérlése, ahol tárolni fogja a webhely minden részét.
Legtöbben hajlamosak vagyunk a legolcsóbb földet vásárolni. De ez nem feltétlenül bölcs megoldás.
Az olcsó webhelyek zsúfolt és kicsi bérleti kiszolgálókat tárolnak. Ne feledje, hogy azt szeretné, hogy szervere gyorsan reagáljon a kérésekre, és gyorsan elküldje webhelyét az alagútban a böngészőjének.
Tekintse meg a leggyorsabb webtárhely-listát a szerver válaszideje alapján.
2. Váltson megosztott tárhelyről VPS-re
Az olcsó webtárhelyek rengeteg más webhellyel együtt egy szerverre helyezik az Ön weboldalát. Megosztott tárhelynek hívják, és azt jelenti, hogy küzdenie kell az erőforrásokért.
Ha egy webhely hirtelen nagy forgalmat fogad, akkor lassítja, miközben növeli a sávszélességet.
Ha VPS-re (virtuális magánszerver) vagy (legalább egy kiváló minőségű megosztott szerverre, például SiteGround) vált, az internetes gazdagép bezárja a megosztott szerver egyik sarkát az Ön számára. Ez azt jelenti, hogy nem kell attól tartania, hogy más webhelyek ellopják az erőforrásait.
3. Helyezze a szervert közelebb a közönségéhez.
Minden alkalommal, amikor valaki rákattint a webhelyére, a szerverének fizikailag kell információt küldenie a bolygóról a számítógép képernyőjére.
Ha a szerver a világ másik felén van, akkor sokáig tart. Ha tudja, honnan származik a forgalmának legnagyobb része, kérje meg webtárhelyét, hogy a fő közönségéhez legközelebb eső szerverre helyezze webhelyét.
4. Használjon tartalomszolgáltató hálózatot
A szerver közelítése egy bizonyos közönséghez azzal a problémával jár, hogy valaki elveszíti. Ha szerverét Kaliforniába helyezi, az ausztrál látogatók lassú betöltési időt kapnak. Az európai látogatók is.
A tartalomszolgáltató hálózat vagy a CDN az adatokat az egész világon lévő szerverekre helyezi. Tehát amikor valaki rákattint a webhelyére, a hozzá legközelebb lévő szerver küldi el az információt.
Ez azt jelenti, hogy a látogatók szupergyorsak, bárhol is vannak a világon. (Tájékoztatásul itt a Bitflatchában használom a Cloudflare szoftvert.)
5. Engedélyezze az "életben tartás" beállítást
Amikor a szerver elküldi a webhelyfájljait az alagútba, mindkét fél külön utazik. CSS stíluslapod, logód, minden képed stb.
Ennek nyilvánvalóan a leghatékonyabb módja az, ha mindet ugyanabba a nagy alagútba küldi.
Itt jön be a "tartsa életben" beállítás. Aktiválásakor a főalagút tovább marad, és minden ugyanazon a kapcsolaton megy keresztül (nagyon gyors).
De ha a beállítást leállítják, minden elemhez új alagutat kell készíteni. (Nagyon lassú).
A legtöbb webgazda megtartja ezt a beállítást (ami jó), de néha a megosztott gazdagépek figyelmeztetés nélkül szoros kapcsolatot létesítenek.
2. rész: Webhely-elemek optimalizálása
Most, hogy a lehető leggyorsabbá és hatékonyabbá tettük szerverét, hogyan optimalizálhatjuk magunk a webhely összetevőit?
6. Csökkentse az oda-vissza utazási időt (RTT)
Jelenleg a böngészőjének minden elemet meg kell kérnie a szervertől. Az Ön logója, majd az egyes képek, majd a CSS stíluslap.
A beérkezéshez szükséges idő oda-vissza út.
Minél több oda-vissza útra van szükség, annál több időbe telik az egész weboldal betöltése. Ez olyan, mintha dobozokat csomagolna autójába, és új házba költözne.
Minél több dobozod van, annál több oda-vissza útra van szükséged. A megoldás? Csökkentse az elvett dobozok mennyiségét.
Csökkentse a szervernek az alagútba küldendő elemek számát. Kevesebb kép, kevesebb kód, kevesebb beépülő modul.
7. Engedélyezze a tömörítést a webhelyén
Sajnos nem csak a dobozok száma. Ez milyen nehéz. Ha minden elemed nagy és nehéz, akkor sok helyet foglal el az alagútodban. Ők is lassabban mozognak. Olyan, mint teherautók építése. Mindegyik tele nehéz dobozokkal.
Szerencsére tömörítheti a webhelyet és mindent, ami rajta van. Olyan eszközzel, mint a Gzip. (A böngészők 90% -a felismeri. - Szinte mindenki, néhány külföldi kivételével, akik még mindig használják az Internet Explorer 4-et.)
Webhelyének legfurcsább részei a képek, a HTML, a CSS és a Javascript. Tömörítésükkel csökkentheti webhelye átlagos "súlyát" az átvitel során.
A weboldal átlagos mérete 2 MB, de évről évre növekszik.
8. Optimalizálja a képeket
A képek általában minden weboldal legnehezebb részét képezik. Én vagyok a legnagyobb, a legkövérebb, a leglassabb rakodó.
Kezdje azzal, hogy pontosan a kívánt méretre vágja őket. Ne töltsön fel hatalmas képeket, és ne nagyítsa őket HTML-ben. Csak töltse be őket a megfelelő méretre.
Töltsön képeket feltöltés előtt is. Ha WordPress-t használ, a WP Smush-hoz hasonló beépülő modulok 80% -kal csökkenthetik a képméretet!
9.… Vagy készítsen szeszes italokat
A sprite egyetlen kép, amely sok apró képet tartalmaz. Nagyszerű gombok vagy más képelemek megosztásához.
Most a webhelyének egyetlen kérelmet kell benyújtania, nem pedig tízet. Ezután a CSS segítségével kiválaszthatja, hol jelenjenek meg a kép egyes részei.
10. Vágja ki a kódját
A HTML sűrű és nehéz. Hihetetlenül ismétlődő is. A CSS egy kicsit hatékonyabb, de sok felesleges.
Itt az ideje, hogy finom fogfésűvel átnézd a kódodat, és megszabadulj az összes felesleges darabtól.
Ha a WordPress, a Tumblr stb. Sablonját használja, akkor valószínűleg sok olyan kód van, amelyet nem használ. Ezek a sablonok úgy vannak konfigurálva, hogy rengeteg lehetőséget biztosítsanak a funkcionalitáshoz. De a legtöbbünknek nincs szüksége minderre.
11. Távolítsa el a felesleges bővítményeket (WordPress)
Idővel sok tonna pluginnel kísérleteztem. De sokszor elfelejtjük eltávolítani őket.
Minden plugin egy másik szerverkérés. Ez egy másik fontos csomag, amely elzárja a nagy sebességű alagutat.
Ha nem használja, kapcsolja ki.
12. Csökkentse az átirányításokat
Minden átirányítás esetén a csomagjai kétszer mennek fel és le az alagútban. Hacsak nem kell, ne használjon átirányításokat a webhelyén.
3. rész: Bónusz extrák
13. Csökkentse a DNS-kereséseket
A folyamatnak még mindig nincs olyan része, amelyről még nem beszéltünk volna. Ez már a kezdetektől megtörténik.
Mielőtt a böngésző megkezdi a beszélgetést a szerverrel, meg kell találnia a kiszolgáló helyét (IP-címének megkeresése). Ez olyan, mintha a szerver számát keresnénk a telefonkönyvben. Kis időbe telik. (Általában 20-120 milliszekundum).
Még hosszabb ideig tart, ha több domainnév van társítva a webhelyéhez. Gyakori példák: blog.sajatwebhely.com vagy további domainek képekhez, stíluslapokhoz és flash objektumokhoz.
Ha a böngészőjének ezt ötször kell megtennie, fél másodpercet veszíthet. Tartsa a lehető legkevesebb helyen.
14. A böngésző gyorsítótárazása
Képzelje el, milyen gyors lenne a helyzet, ha a böngésző meg tudná tartani az összes fájl másolatát a webhelyen. Így nem kell minden alkalommal kapcsolatba lépnie a szerverrel. Csak memóriából tudta betölteni őket.
Ez a gyorsítótár. Ez azt jelenti, hogy a böngészője "emlékszik" a weboldalra. Amikor másodszor tölti be, nagyon gyors.
Phew! Ez a szokásosnál hosszabb bejegyzés volt, de szerintem megérte.
Most már mindent tud, amit tudni kell arról, hogy webhelye gyorsan villogjon. Ezek a trükkök másodpercek alatt megtakaríthatják a rakodási sebességet.
Ez boldog látogatókat jelent. És ez több eladást jelent.