14 světelných triků pro zrychlení vašeho webu

Tato série blogů o rychlosti webových stránek byla zábavná jízda.


Dosud jsme se dozvěděli, že Amazon ztratí 1,6 miliardy dolarů (!), Pokud jejich web zpomalí.

Dozvěděli jsme se také přesně to, co se děje v zákulisí a způsobuje zpomalení webových stránek.

To nás přivádí k našemu přirozenému závěru: jak přesně můžete věci urychlit? Pokrýváme vše od rychlosti serveru, přes optimalizaci a několik bonusových bonusů mezi nimi.

Nejprve si řekneme, co způsobuje pomalou rychlost:

Když načtete můj web zde v Bitcatche, váš prohlížeč (Firefox, Safari, Chrome atd.) Zahájí konverzaci s mým webovým serverem.

Prohlížeč: „Ahoj webový server! Můžete mi dát všechny kousky a kousky k zobrazení Bitcatcha.com, prosím? “

Server: „Jistě, nechte mě je najít a pošlete je napříč“.

Potom webový server vloží všechny části webu do tunelu a odešle je do vašeho prohlížeče, aby je nahrál.

Zní to dost jednoduše, ale tady je to, co zpomalí věci:

  • Líný server, který trvá roky, aby odpovídal na požadavky.
  • Server, který současně spravuje části pro mnoho dalších webů.
  • Spousta velkých „částí“ webových stránek, z nichž každá musí být nalezena a poslána tunelem.
  • Rušný tunel.

Je tu hodně věcí, které se zde mohou pokazit. Jak tedy věci urychlíme?

Zrychlete svůj web

Část 1: Váš server bude rychlejší

1. Upgradujte na lepšího webového hostitele (tj. Lepší server)

Váš webový hostitel je společnost, která poskytuje server. Je to jako pronajmout pozemek s internetem, kde uložíte všechny části webu.

Většina z nás má tendenci kupovat nejlevnější pozemek, který najdeme. Ale to není nutně moudré řešení.

Levné webové hostitele pronajímají servery, které jsou přeplněné a malé. Pamatujte, že chcete, aby váš server rychle reagoval na požadavky, a svůj web rychle posílejte tunelem do prohlížeče.

Poznámka

Podívejte se na náš seznam nejrychlejších webhostingů na základě doby odezvy serveru.

2. Přepněte ze sdíleného hostování na VPS

Levné webové hostitele umístí vaše webové stránky na server spolu s tunami jiných webových stránek. Říká se tomu sdílený hosting a to znamená, že musíte bojovat o zdroje.

Pokud se jeden web náhle dostane do provozu, zpomalí vás, zatímco pohltí šířku pásma.

Přepnutím na VPS (virtuální privátní server) nebo (alespoň na high-end sdílený server, jako je SiteGround), váš webový hostitel oplodí koutek sdíleného serveru právě pro vás. To znamená, že se nemusíte starat o jiné weby, které kradou vaše zdroje.

3. Přesuňte server blíže k publiku

Pokaždé, když někdo klikne na váš web, váš server musí fyzicky odeslat informace po celé planetě na obrazovku počítače.

Pokud je server na druhé straně světa, bude to trvat dlouho. Pokud víte, odkud pochází většina vašeho provozu, požádejte svého hostitele, aby umístil váš web na server nejblíže vašemu hlavnímu publiku..

4. Použijte síť pro doručování obsahu

Problém s přiblížením serveru blíže určitému publiku je, že někdo ztratí. Pokud přesunete server do Kalifornie, vaši australští návštěvníci se budou pomalu načítat. Stejně jako vaši evropští návštěvníci.

Síť pro doručování obsahu (CDN) umisťuje vaše data na servery po celém světě. Když tedy někdo klikne na váš web, odešle informace server, který je mu nejblíže.

To znamená, že vaši návštěvníci získají extrémně vysokou rychlost, ať jsou kdekoli na světě. (Pro vaši informaci používám Cloudflare zde v Bitcatche.)

5. Aktivujte nastavení „udržovat naživu“

Když váš server odešle soubory vašich webových stránek tunelem, každá část cestuje samostatně. Vaše šablona stylů CSS, vaše logo, každý z vašich obrázků atd.

Nejúčinnějším způsobem, jak toho dosáhnout, je samozřejmě poslat je po stejném velkém tunelu.

Zde přichází nastavení „udržovat naživu“. Když je aktivován, hlavní tunel zůstane zapnutý a všechno klesá na stejné spojení. (Toto je super rychlé).

Když je však nastavení vypnuto, musí být pro každý prvek vytvořen nový tunel. (Toto je super pomalé).

Většina webových hostitelů udržuje toto nastavení zapnuto (což je dobré), ale někdy sdílí hostitelé připojení bez varování uzavírají.

Část 2: Optimalizace prvků webových stránek

Nyní, když jsme váš server učinili co nejrychleji a nejefektivněji, jak optimalizujeme samotné části webu?

6. Zkraťte dobu zpátečky (RTT)

Váš prohlížeč musí aktuálně požádat server o každý prvek, jeden po druhém. Vaše logo, potom každý z obrázků, pak vaše šablona stylů CSS.

Čas potřebný k přijetí je jedna zpáteční cesta.

Čím více zpáteční cesty musíte udělat, tím déle trvá načtení celého webu. Je to jako zabalit auto do krabic a přesunout je do nového domu.

Čím více krabic máte, tím více okružních výletů musíte udělat. Řešení? Snižte množství krabic, které berete.

Snižte množství prvků, které musí server odeslat tunelem. Méně obrázků, méně kódu, méně pluginů.

7. Povolte na svém webu kompresi

Bohužel to není jen počet krabic. Je to těžké. Pokud jsou všechny vaše prvky velké a těžké, zabere v tunelu hodně místa. Také se budou pohybovat pomaleji. Je to jako stavba nákladních automobilů. Každý plný těžkých beden.

Naštěstí můžete komprimovat svůj web a vše na něm. Pomocí nástroje jako Gzip. (Uznává to 90% prohlížečů. – Je to skoro každý kromě několika opozdilců, kteří stále používají Internet Explorer 4.)

Nejchytřejší částí vašeho webu jsou obrázky, HTML, CSS a Javascript. Komprimací můžete během přenosu snížit průměrnou váhu vašeho webu.

Zábavný fakt

Průměrná váha webu je 2 MB, ale každým rokem roste.

8. Optimalizujte své obrázky

Obrázky jsou obvykle nejtěžší částí všech webových stránek. Jsou to největší, nejtučnější a nejpomalejší prvek načítání.

Začněte jejich oříznutím na přesnou velikost, kterou potřebujete. Nenahrávejte obrovské obrázky a neměňte je v HTML. Stačí je nahrát ve správné velikosti.

Před nahráním také komprimujte obrázky. Pokud používáte WordPress, pluginy jako WP Smush mohou snížit velikost obrázku o skvělých 80%!

9.… Nebo udělejte skřítky

Sprite je jeden jediný obrázek, který obsahuje spoustu malých obrázků. Je to skvělé pro sdílení tlačítek nebo jiných obrazových prvků.

Nyní váš web potřebuje pouze jednu žádost, nikoli deset samostatných. Poté můžete pomocí CSS zvolit, které části obrázku se budou zobrazovat.

10. Ořízněte svůj kód

HTML je husté a těžké. Je to také neuvěřitelně opakující se. CSS je trochu jednodušší, ale mnoho z toho je nadbytečné.

Je čas projít si kód jemným hřebenem na zuby a zbavit se všech zbytečných bitů.

Pokud používáte šablonu z WordPress, Tumblr atd., Pak je pravděpodobně spousta kódu, který nepoužíváte. Tyto šablony jsou nastaveny tak, aby vám poskytovaly spoustu možností funkčnosti. Ale většina z nás to nepotřebuje.

Buďte nemilosrdní!

11. Odinstalovat zbytečné pluginy (WordPress)

V průběhu let jsme všichni experimentovali s tunami pluginů. Ale často je zapomínáme odinstalovat.

Každý plugin je další požadavek serveru. Je to další závažný balíček blokující váš vysokorychlostní tunel.

Pokud jej nepoužíváte, vypněte jej.

12. Omezte přesměrování

U každého přesměrování vaše balíčky jdou nahoru a dolů tunelem dvakrát. Pokud to naprosto nemusíte, nepoužívejte přesměrování na svém webu.

Část 3: Bonusové doplňky

13. Omezte vyhledávání DNS

Je tu jedna část procesu, o které jsme ještě nemluvili. Stává se to hned na začátku.

Než váš prohlížeč zahájí konverzaci se serverem, musí najít umístění serveru (vyhledáním jeho IP adresy). Je to jako vyhledat číslo serveru v telefonním seznamu. To zabere trochu času. (Obvykle 20-120 milisekund).

Trvá ještě déle, pokud je k vašemu webu přiřazeno více doménových jmen. Mezi běžné příklady patří: blog.yourwebsite.com nebo další domény pro obrázky, šablony stylů a objekty flash.

Pokud to váš prohlížeč musí udělat pětkrát, můžete ztratit půl sekundy. Uložte jej na co nejméně domén.

14. Ukládání do mezipaměti prohlížeče

Představte si, jak rychle by to bylo, kdyby váš prohlížeč mohl uchovat kopii všech souborů webových stránek. Tímto způsobem by se server nemusel pokaždé kontaktovat. Mohlo by je načíst z paměti.

To je to, co je ukládání do mezipaměti. Znamená to, že váš prohlížeč „pamatuje“ web. Když ji načíst podruhé, je to super rychlé.

Phew! To byl delší příspěvek než obvykle, ale myslím, že to stálo za to.

Nyní víte vše, co potřebujete vědět o tom, jak zrychlit blesky na svých webových stránkách. Tyto triky by mohly oholit vteřiny z rychlosti načítání.

To znamená šťastné návštěvníky. A to znamená vyšší prodej.

Průvodce rychlostí WordPress

Pokud je váš web vytvořen pomocí WordPress, sestavili jsme podrobný průvodce krok za krokem o urychlení WordPress. Přesné kroky používáme k tomu, abychom načítali Bitcatcha.com za 3 sekundy.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map