Existuje méně frustrujících věcí než web, jehož načítání si vyžaduje čas. Není tedy překvapením, že nejen lidé, ale i vyhledávače se snaží vyhýbat pomalým webům. S ohledem na to je zde několik nejlepších tipů, které můžete implementovat, abyste se vyhnuli otravným návštěvníkům a odvrátili je při první návštěvě vašeho webu.
1. Usměrněte svůj kód
Nejlepší nástroj pro tvorbu webových stránek umožní vytvořit web poměrně jednoduše. I když jejich bohatá sada šablon vám pomůže snadno stylizovat vaše webové stránky, mají jednu nevýhodu. Mnoho šablon obsahuje chaotický kód, který může zpomalit váš web.
Chcete-li tento problém překonat, můžete odstranit veškerý nepotřebný kód a formátovat soubory HTML, CSS a JavaScript. Tento proces odstraňování přebytečného množství se nazývá zhuštění a pro začátek můžete použít jednoduché online nástroje, jako je minifikátor Will Peavy. Uživatelé WordPressu mohou pomocí pluginu Autoptimize tento proces docela zjednodušit.
2. Zkomprimujte svůj web
Netrvá dlouho, než se weby stanou velkými a těžkými. Všechny obrázky a dokonce i soubory HTML, CSS a JavaScript ve formátu prostého textu rychle nabobtnají. Jedním z nejlepších mechanismů k urychlení webu je povolení komprese pomocí Gzip. Tím se sníží velikost odpovědi HTTP, čímž se zkrátí doba odezvy.
Než povolíte příslušný modul komprese na svém webovém serveru, musíte jej povolit úpravou souboru .htaccess. Přesné kroky se liší a závisí na vašem webovém serveru, ale v Apache to provedete takto.
3. Optimalizujte obrázky
Obrázky jsou jednou z nejchudších částí webu a obvykle nejpomalejším načítáním prvku na jakékoli webové stránce. Chcete-li vládnout v chování, namísto změny velikosti velkých obrázků pomocí HTML začněte změnou velikosti všech obrázků na vašem webu až do přesné velikosti, ve které je chcete mít.
Ve skutečnosti byste měli vést seznam různých velikostí obrázků pro různé prvky na vašem webu, abyste zajistili, že nikdy nenahrajete více pixelů, než potřebujete. Pokud máte webové stránky náročné na obrázek, měli byste také zvážit jejich komprimaci. Jedním z nejběžnějších nástrojů pro tento účel je reSmush.
Funguje se všemi populárními systémy pro správu obsahu (CMS) a má také klienta Linux CLI pro kompresi obrázků pro použití na statických stránkách. Můžete také použít Compressor.io k okamžitému mačkání více obrázků.
4. Líné načítání multimédií
Líné načítání znamená, že obrázky, videa a rámce iframe se načtou až poté, co uživatelé posouvají stránku dolů a skutečně je vidí. To může výrazně zlepšit počáteční doby načítání vašich stránek.
Dříve to bylo něco, co byste implementovali pomocí JavaScriptu, ale do webových prohlížečů není zabudováno žádné líné načítání. Uživatelé WordPressu mají několik možností a dva z našich oblíbených jsou Lazy Load od WP Rocket a a3 Lazy Load, který je určen pro mobilní zařízení.
5. Použijte rychlé odkazy pro sdílení na sociálních médiích
V dnešní době byste chtěli, aby lidé sdíleli váš obsah na sociálních médiích. Na jednoduchých webových stránkách HTML můžete použít nástroj pro generování odkazů, jako je bezplatný generátor odkazů, který vám pomůže vytvářet odkazy na sociální sdílení pro Facebook, Twitter, LinkedIn a Pinterest, aniž byste se museli spoléhat na prvky iframe nebo JavaScript. Uživatelé WordPressu jako obvykle nemají nedostatek pluginů, které mohou pro tento účel použít, včetně Social Warfare a Grow.
6. Odinstalujte zbytečné doplňky
CMS jako WordPress může mít spoustu pluginů, které mohou přidat opravdu užitečné funkce na váš web. Příliš mnoho doplňků však může váš web zpomalit na procházení, a proto byste měli spouštět pouze doplňky, které opravdu potřebujete.
To znamená, že ne všechny pluginy jsou navrženy stejně dobře a můžete svůj web zrychlit nahrazením pluginu rychlejší alternativou. Online nástroj GTmetrix zdarma analyzuje vaše webové stránky a zobrazí vám seznam pluginů, které mají vysoké doby načítání. Zvažte možnost nahradit tyto doplňky, zejména pokud jsou volány vícekrát lehčí alternativou.
Uživatelé WordPressu mohou také použít plugin Query Monitor pro podrobnou analýzu pluginů použitých na jejich webových stránkách. Samozřejmě nezapomeňte samotný plugin Query Monitor odebrat, pokud splní svůj účel.
7. Snižte přesměrování
Při přesouvání a mazání stránek jsou často nezbytná přesměrování, která představují nejlepší způsob, jak eliminovat problémy s nefunkčními odkazy. Přestože přesměrování 301 jsou vhodnější než chyby 404, stále nejsou ideální, protože zpomalují čas potřebný k tomu, aby prohlížeč dosáhl správné verze stránky. Pomocí nástroje hromadného přesměrování Screaming Frog můžete analyzovat přesměrování na vašem webu a pokusit se minimalizovat jejich použití.
8. Proveďte méně požadavků HTTP
Snížení požadavků HTTP je dobrý způsob, jak optimalizovat vaše webové stránky. Každý prvek, který přidáte na stránku, se převede do požadavku HTTP. Čím více musí prohlížeč tyto požadavky učinit, tím déle bude trvat úplné načtení stránky. Proto jsou výsledky snižování počtu žádostí velmi působivé, i když to nějakou práci vyžaduje.
Můžete použít Nástroje pro vývojáře v prohlížeči a přepnout na kartu Síť k podrobnému zobrazení požadavků HTTP. Jakmile budete mít představu o tom, které soubory se načítají nejdelší dobu, můžete hledat ty, které můžete kombinovat (zejména soubory CSS), a ty, které můžete úplně zařadit.
9. Vložte CSS před skripty
Správné umístění stylů a skriptů ovlivní načtení vašeho webu. CSS byste měli vždy umístit nahoře v sekci. To umožňuje prohlížeči nejprve načíst vaše CSS, aby uživatelé mohli vidět obsah vašeho webu.
Javascript by naopak měl být co nejblíže ke dnu. Je to proto, že prohlížeče musí nejprve analyzovat JavaScript, než bude moci přejít na další značku. Pokud umístíte skripty před skutečný obsah, uživatelé budou zírat na prázdnou stránku, zatímco prohlížeč skartuje JavaScript.
10. Jděte do staré školy, kde je to možné
Pomocí skriptovacího jazyka, jako je PHP, můžete dělat věci, které s prostým HTML nejsou možné. Zpracování PHP však trvá déle než analýza HTML, takže se vyhněte vyžádání informací prostřednictvím PHP, pokud je lze načíst pomocí statického HTML.
Podobně není vždy dobrý nápad použít mechanismus CSS @import pro zahrnutí externích šablon stylů na vaše webové stránky místo značky HTML. Zatímco oba dosahují stejného účelu, @import využívá více zdrojů než přímé propojení s vašimi stylovými listy.
11. Povolte ukládání do mezipaměti
Když navštívíte web, všechny prvky na stránce jsou uloženy na pevném disku v dočasné úložné oblasti zvané mezipaměť. To se hodí, protože při následujících návštěvách váš prohlížeč stránku vyvolá, aniž by musel na server odesílat další požadavek HTTP.
Pokud provozujete web WordPress, můžete snadno povolit ukládání do mezipaměti pomocí pluginu, jako je plugin W3 Total Cache. Na druhou stranu, pokud máte statický web HTML, můžete povolit ukládání do mezipaměti pomocí takzvaného záhlaví Expires v souboru .htaccess. Po povolení záhlaví s vypršením platnosti nejen ušetří čas potřebný ke stažení již uložených souborů v mezipaměti, ale také pomohou snížit počet požadavků HTTP.
12. Jarní čisté databáze
Je pravděpodobné, že k hostování svých webových stránek používáte CMS, jako je WordPress nebo Joomla. Jak budete s instalací manipulovat (přidávat a odebírat pluginy, vytvářet a aktualizovat příspěvky, instalovat upgrady atd.), Databáze napájená CMS bude docela nafouklá a pomalá. Abyste tomu zabránili, měli byste k pravidelnému čištění databáze použít plugin WP-Optimize.
13. Blokovat hotlinking
K hotlinkům dochází, když někdo zobrazí obrázek z vašeho webu pomocí přímého webového odkazu. Při každém načtení se obrázek extrahuje ze serveru zdrojového webu.
Máte několik možností, jak zabránit hotlinkingu. Mnoho známých hostitelů nabízí přepínání v administračním rozhraní, aby se zabránilo hotlinkingu. Pak existují pluginy WordPress, jako je All In One Security & Firewall, které poskytují ochranu před hotlinking. Nakonec můžete přidat pokyny do souboru .htaccess.
14. Přepněte nastavení Keep Alive
Zpráva Keep Alive je vyměňována mezi webovým serverem a klientským počítačem, aby umožňovala stejné připojení tcp pro konverzaci HTTP místo otevírání nového s každým novým požadavkem. Keep Alive, také známý jako trvalé připojení, pomáhá snížit latenci následných požadavků. Většina hostingových společností, zejména ve sdíleném hostingu, tuto funkci deaktivuje.
Nastavení se nejlépe řídí vyladěním webového serveru. Výchozí nastavení serveru však můžete přepsat přidáním následujících řádků do souboru .htaccess:
Sada záhlaví Connection keep-alive
15. Zrychlete WordPress
WordPress má několik pluginů pro zlepšení výkonu, které pomohou optimalizovat různé aspekty webu. Jedním z nejkomplexnějších je perfmatters, který zahrnuje mnoho běžně používaných technik akcelerace výkonu. Dobrá věc na tomto prémiovém pluginu je, že většina jeho optimalizačních technik je vystavena prostřednictvím jednoduchého uživatelského rozhraní, které jej zpřístupňuje všem druhům uživatelů.
16. Nainstalujte Google PageSpeed
Google PageSpeed je sada modulů open source pro webové servery Apache a Nginx. Pomáhají optimalizovat váš web implementací některých z nejužitečnějších technik zvyšování výkonu, jako jsou ty, které jsme sdíleli v tomto článku. Moduly si můžete stáhnout a nainstalovat na svůj webový server, pokud jej vlastníte. Jinak budete muset hledat poskytovatele hostingu, který to dělá. Weboví hostitelé to obvykle nabízejí pouze se svými špičkovými specializovanými plány hostování, i když někteří jako GoDaddy to instalují na své hostitelské servery Linux.
17. Omezte vyhledávání DNS
Jedním z hlavních faktorů, který má přímý vliv na to, jak rychle se váš web načte, je doba potřebná k vyhledání DNS. Vyhledávání DNS je proces hledání adresy IP spojené s adresou URL.
Jedním ze způsobů, jak urychlit svůj web, je snížit počet jedinečných jmen hostitelů. Menší počet dotazů DNS sníží dobu odezvy a způsobí rychlejší načítání webových stránek. Zvažte také skutečnost, že doba potřebná k dotazování na záznamy DNS závisí na rychlosti poskytovatele DNS.
Pokud nejste spokojeni s výkonem vašeho poskytovatele DNS, zvažte přechod na jiného. DNSperf sleduje rychlost dotazu různých autoritativních poskytovatelů DNS.
18. Upgradujte na lepšího webového hostitele
Pokud jste se pokoušeli zrychlit svůj web, ale nezaznamenali jste velký rozdíl, problém by mohl být ve vašem webhostingu. Mnoho z nejlevnějších webových hostitelů, zejména těch sdílených, je docela přeplněných a používá servery, které nemají dostatek prostředků k dostatečnému přidělení na jednotlivé webové stránky. Místo toho byste měli strávit nějaký čas zkoumáním různých nabízených možností, než se přihlásíte k hostiteli a plánu hostování vašeho webu.
19. Použijte síť pro doručování obsahu
Kromě přechodu na lepšího webového hostitele byste měli zvážit také použití Content Delivery Network (CDN). Na rozdíl od vašeho serveru, který je umístěn na konkrétním místě, používá síť CDN síť serverů, které v jistém smyslu distribuují váš obsah na servery po celém světě a v podstatě jej přesouvají blíže k vašim návštěvníkům bez ohledu na jejich umístění. Sítě CDN zrychlují webovou stránku zmenšením fyzické vzdálenosti mezi obsahem a návštěvníky. Můžete hostovat všechny typy obsahu s CDN a dokonce použít více k cílení na konkrétní umístění.
20. Pravidelně sledujte výkon
Důležitým aspektem vyladění vašeho webu je sledovat jeho výkon. To vám nejen pomůže posoudit dopad vylepšení, ale v závislosti na použitém nástroji také upozorníte na aspekty webu, které vyžadují pozornost. Test rychlosti webu Pingdom je oblíbený online nástroj, který nejen otestuje časy načítání stránky, ale také upozorní na problémy.
Podobně můžete pomocí nástroje Google Test My Site analyzovat výkon vašeho webu na mobilních zařízeních. Kromě rozdávání užitečných metrik bude tento nástroj také sdílet doporučení, která vám pomohou zrychlit web pro mobilní zařízení.
- Představili jsme nejlepší webhosting Wordpress.