Web nebo e-shop může mít doslova každý. Stačí pár kliknutí a z kohokoli se může stát hrdý majitel domény nebo provozovatel e-shopu. Uděláte větší či menší technické a estetické úpravy a nový online byznys je na světě. Jenže pak s údivem zjistíte, že to nefunguje tak, jak jste si představovali…  Jak je to možné? 

Proč vaše podnikání nevzkvétá, když je web hezký, srozumitelný a zajímavý? Pravděpodobně jste šlápli vedle hned na začátku při volbě poskytovatele hostingu. Je úplně jedno, jak smělé plány se svým projektem máte, zda chcete prodávat pár položek, nebo to rozjet ve velkém mezinárodně, všude narazíte na zákazníka a jeho potřeby. A ty základní jsou ve všech případech stejné: rychlost, přehlednost a pohodlí.

Dobrý e-shop. Co to je?

„Stabilita, kompletní absence výpadků, zvládání návštěvnostních výkyvů zejména v době slevových nebo předvánočních akcí a především rychlost – to jsou základní atributy dobrého online obchodu,“ říká Damir Špoljarič, náš CEO a expert na e-shopy.

Nemůžete proto očekávat, že zákazník bude čekat půl minuty, než se mu načte vaše stránka. Nebo že váš výpadek s úsměvem přejde a za hodinu to zkusí znovu. A pokud se mu zasekne proces nakupování v košíku, že se k vám ještě vůbec někdy vrátí.  Možná pro vás bude překvapením, jak nároční uživatelé mohou být. Výzkumy totiž ukazují, že 47 % návštěvníků webových stránek očekává, že se načtou do 2 vteřin, po 3 vteřinách 40 % z nich odchází. 

Kde jste udělali chybu?

Důvodů, proč je váš web nebo e-shop pomalý, může být více. Mezi nejčastější chyby, které ovlivňují rychlost načítání stránky, patří její přílišná velikost, nesprávně nastavené cachování, neaktuální verze použitých aplikací nebo celková nepřipravenost poskytovatele na nápor uživatelů. 

Důležitým faktorem je bezesporu volba vhodného hostingu. Přitom jeho výběru většina majitelů e-shopů a komerčních webových prezentací přikládá minimální význam. Webhosting zpravidla dostanou spolu s hotovým webem od agentury, která jim ho navrhovala, ovšem netuší, že technickou stránku věci tito dodavatelé často neřeší. Všechno se dá ale zvládnout a napravit.

AAA Auto: Jeden příklad za všechny

Společnost AURES Holdings, provozovatel mezinárodní sítě autocenter AAA Auto, nás před časem požádala o pomoc s řešením nové výzvy, která se před nimi díky rozsáhlé obchodní a marketingové expanzi objevila. V očekávání následného růstu návštěvnosti webových stránek vyvstaly obavy, že by jejich technické řešení nemuselo takový nápor zvládnout. To by pro tak velkou společnost mohlo znamenat výraznou ekonomickou ztrátu, což jsme nemohli připustit.

„Před pěti lety jsme v AAA Auto byli postaveni před rozhodnutí, kam se bude ubírat hostingové řešení našeho zásadního prodejního kanálu – webových stránek s aplikací pro vyhledávání vozů na prodej, a to napříč čtyřmi evropskými trhy. Protože jsme chtěli být připravení na všechno a mít pod kontrolou veškeré technické zázemí, oslovili jsme na základně referencí zkušené odborníky, kteří dali vše od základů do pořádku,“ říká šéf webového oddělení sítě e AAA Auto Martin Tampír.

Co na to vshosting~?

Po důkladné analýze stavu webových projektů  AAA Auto jsme stanovili několik cílů, které jsme beze zbytku naplnili:

• zrychlení webových stránek
• navržení řešení, které zajistí vysokou dostupnost a odolnost webových stránek proti výpadkům
• sjednocení hostingové infrastruktury, aby byla zajištěná maximální efektivita
• upravení infrastruktury pro možnost škálování použitých aplikací, což zajistí stabilitu i při vyšší návštěvnosti
• využívání podpory zkušeného a spolehlivého týmu poskytovatele, který dokáže mimo jiné predikovat kritická místa v infrastruktuře i aplikaci a zabránit potenciálním problémům dříve, než nastanou

„Náš tým dokázal vytvořit vyhrazenou sjednocenou high-availability infrastrukturu pro všechny projekty AAA Auto, zrychlit načítání webových stránek díky elegantnímu řešení doručování statického obsahu, který tvoří drtivou většinu všech requestů, sjednotit všechny DNS a další atributy jednotlivých domén a nakonec také provést performance testy výkonnosti nové infrastruktury a vytvořit plán pro další růst,“ prozradil Damir.

V praxi to znamená, že webová aplikace  sítě AAA Auto má dnes dostupnost více než 99,99 %, infrastruktura firmy je připravená na nové technologie, slabá místa jsou včas identifikovaná a zajištěná. Ke konkrétním příkladům patří například eliminace desítek milionů statických fotografií a přenastavení technického řešení na generování jejich dynamického náhledu, což zajistilo zrychlení webu a jednoznačné zlepšení UX každého návštěvníka. 

Rádi pomůžeme i vám…

Zdá se vám, že by váš e-shop nebo web taky zasloužil „poladit“? Chcete svým návštěvníkům a zákazníkům poskytnout ten nejlepší možný zážitek, aby u vás strávili co nejvíce času a byli s touto zkušeností spokojení? Ozvěte se na konzultace@vshosting.cz a poradíme vám, jak na to. 

WordPress je nejpoužívanějším redakčním systémem a běží na něm 30 % všech webových stránek. Svou popularitu si získal velkým množstvím pluginů, díky kterým je možné jej používat prakticky pro cokoliv – osobní blog, firemní prezentaci, e-shop.

Podobně jako jiné redakční systémy vytváří WordPress stránky dynamicky. Tudíž při každém přístupu si musí sáhnout do databáze pro data a z nich pak pomocí PHP vygenerovat stránku, kterou uživateli pošle. Oproti statickým stránkám tedy web vyžaduje více serverových prostředků a načítá se pomaleji. To je důležité brát na vědomí, protože 40 % uživatelů odchází, pokud se web nenačte do 3 vteřin.

Cachování umožní spojit rychlost statických stránek s robustností WordPress

Namísto toho, aby se stránka generovala znovu pro každého uživatele, se výsledek uloží. Další návštěvníci již dostanou rovnou tuto předgenerovanou statickou stránku. Tím se zrychlí načítání a šetří se serverové zdroje.

V případě přidání nového článku či komentáře se cache automaticky zneplatní, takže se nemusíte obávat, že by uživatelé viděli neaktuální web.

Instalace WP Super Cache

Pro WordPress existuje několik cachovacích pluginů. Nejpopulárnějším z nich je WP Super Cache, jehož nastavení se budeme dále věnovat. Nainstalujete jej standardně přes “Pluginy” → “Přidat nový” v administrátorském rozhraní WordPressu. 

Nastavení

Abyste z WP Super Cache vytěžili maximum, je třeba jej nejdříve nastavit podle potřeb vašeho webu. Volby pluginu najdete v “Nastavení” → “WP Super Cache”. Základní pohled vypadá následovně:

Nahoře lze vidět seznam záložek: Easy, Advanced, CDN, Contents, Preload, Plugins, Debug. Nás budou zajímat především první tři.

Na výchozí záložce Easy je nejdříve potřeba plugin zapnout pomocí zatržítka Caching on. Pak můžete rovnou spustit Cache tester a otestovat, zda funguje správně.

Advanced

Tato záložka obsahuje nejdůležitější nastavení. Jak vidíte z následujícího screenu, je jich poměrně hodně. Projdeme tedy postupně, co jednotlivé volby znamenají.

Cache Delivery Method – způsob cachování. Na výběr je ze dvou možností:

Simple – Nacachované soubory jsou servírovány přes PHP, což je kompatibilnější.

Expert – Výkonnější, ale je vyžaduje přístup k .htaccess a zapnutý mod_rewrite v Apache.

Don’t cache page for known users – necachovat pro známé uživatele. Tím jsou myšleni uživatelé přihlášení. Ti, kteří na webu nechali komentář a ti s cookie autora. Doporučeno zapnout.

Don’t cache pages with GET parameters – necachovat stránky s parametry. Jde například o výsledky vyhledávání. Je možné ponechat zapnuté.

Compress pages so they’re served more quickly to visitors – komprimovat stránky. To sice zrychlí načítání, ale u některých klientů může působit problémy. Doporučujeme proto ponechat vypnuté.

Cache rebuild. Serve a supercache file to anonymous users while a new file is being generated – uživatelům, kteří navštíví stránku, zatímco se generuje nová nacachovaná verze, bude nabídnuta stará verze. To zabrání tomu, aby se stránka generovala několikrát naráz. Doporučujeme zapnout.

304 Not Modified browser caching. Indicate when a page has not been modified since it was last requested – pokud nedošlo ke změně stránky, server odpoví 304 Not Modified. To indikuje prohlížeči, že se stránka nezměnila od posledního načtení a je možné použít cache prohlížeče. Některé starší browsery mají s tímto problém, proto doporučujeme nezapínat.

Make known users anonymous so they’re served supercached static files – udělá ze známých uživatelů anonymní, aby jim bylo možné servírovat nacachovaný obsah. Může to způsobovat problémy, protože například uživatel neuvidí komentář, který právě poslal. Doporučujeme tedy nechat vypnuté.

Enable dynamic caching – umožňuje, aby některé stránky byly vytvářeny dynamicky. Toto vyžaduje změny v kódu.

Mobile device support – je potřeba pouze pokud vaše WP téma není responzivní. Vyžaduje použití pluginu WP Touch.

Remove UTF8/blog charset support from .htaccess file – zapněte, jen pokud se vám zobrazují špatné znaky na nacachovaných stránkách.

Clear all cache files when a post or page is published or updated – kompletně smaže cache, pokud je stránka updatovaná či publikovaná. Obvykle můžete ponechat vypnuté.

Extra homepage checks – extra kontroly hlavní stránky. Pokud se obsah hlavní stránky často mění, je dobré zapnout.

Only refresh current page when comments made – k aktualizaci cache dojde jen v případě, že je přidán komentář. Je možné ponechat vypnuté.

Coarse file locking – zabraňuje duplicitním cache souborům, ale má negativní výkon na cachování. Proto doporučujeme vypnout.

Late init. Display cached files after WordPress has loaded – zobrazuje nacachované soubory až po načtení celého WP.

Cache Timeout – určuje dobu, po kterou se mají stránky cachovat. Optimální hodnota záleží na tom, jak dynamicky se jejich obsah mění. Obvykle je dobré začít na jedné hodině (3600 s) a podle potřeby upravit. Nedoporučujeme však nastavovat příliš dlouhý interval (déle než den). Časovač pro kontrolu vypršelých souborů nastavte na zlomek této hodnoty.

Další možnosti na záložce Advanced není potřeba upravovat.

CDN

CDN je síť pro rychlejší doručování obsahu. Zrychluje weby tím, že pro načítání statického obsahu využívá servery na více geografických lokacích, a tak snižuje vzdálenost mezi návštěvníkem webu a serverem. vshosting~ samozřejmě nabízí vlastní CDN řešení se servery na několika lokacích v Evropě a USA. Více se o něm dozvíte zde.

Pokud CDN využíváte, na této záložce můžete nastavit, aby fungovala s nacachovanými soubory WP Super Cache. Příklad nastavení naleznete níže:

Do Site URL vyplníte svoji doménu. Do Off-site URL potom používanou CDN URL. Ta bývá v případě naší CDN služby ve tvaru domena.vshcdn.net. Include directories a exclude directories můžete nechat beze změny.

Závěr

Nastavení je hotové a WP Super Cache byste nyní měli mít vyladěnou pro maximální výkon a spolehlivost. Otestovat rychlost načítání můžete například pomocí nástroje https://performance.sucuri.net.

Radek, vshosting~

Cílovou skupinou vshosting~ v posledních pěti letech se čím dál častěji stávají střední a velké e-commerce projekty – eshopy, eshop platformy či nástroje pro e-shopy. Vedle e-commerce je vshosting~ oblíbeným poskytovatelem také pro portály, webové agentury (mezi klienty patří například většina členů Asociace.biz) a další.

Mezi zákazníky vshosting~ patří již mnoho let desítky největších českých a slovenských e-commerce projektů a stovky středních a menších. Můžeme jmenovat například Okay, AAA AUTO, Electro World, Nay.sk, Shoptet, Shopsys, Notino (Parfums), Vivantis, Megapixel a spoustu dalších. Proč je vshosting~ největším českým a slovenským poskytovatelem komplexní infrastruktury pro e-commerce?

Know how se správou tisíců systémů

10 let se staráme o čím dál více systémů. Známe slabá místa všech běžně používaných platforem, víme, které technologie jde nejlépe škálovat, které technologie si příliš nelámou hlavu se zabezpečením a jaký koncept aplikací bude pro klienta nejdéle udržitelným, nejlépe škálovatelným a nejspolehlivějším. Klient a jeho vývojáři tak od nás mají potřebné informace a technologického partnera, který jim poskytne a v praxi uplatní know-how, které jejich vlastní administrátorský tým jen stěží získá.

Umožňuje nám to široký technologický záběr a velký počet rozsáhlých produkčních systémů, o které se staráme. Smyslem je, že nás kontaktuje klientův architekt aplikace s tím, že chce aplikaci postavit na následujících technologií a od nás chce slyšet zhodnocení rizik jakožto od budoucího provozovatele produkčního prostředí v režimu 24/7, jehož úkol je zajistit co nejvyšší dostupnost a případně sdělit lepší alternativy (stabilnější, efektivnější, škálovatelnější, bezpečnější).

Vlastní lab prostředí a prošlapávání cesty vývojářům

Testujeme nové technologie ideálně dříve, než je klient chce. Tuto činnost budeme navíc dále rozvíjet a u nejpoužívanějších technologií se zapojovat do testování release candidate serverových aplikací. Klientovi poté napíšeme „navrhujeme upgradovat software na verzi xy, protože tím získáme následující výhody. Upgrade doporučujeme první provést ve vašem labu“.

Skvělá infrastruktura

O tom jsme napsali desítky článků. To, že máme jedno z nejlepších datových center ve Střední Evropě je už snad všeobecně známo. Nadměrné investice do ServerParku se ukázaly jako vhodně vynaložené z pohledu stability, kterou naši klienti pociťují bez pár měsíců dva roky od zahájení provozu. Na páteřní síti nešetříme a pořídili jsme jedny z nejspolehlivějších a nejvýkonnějších routerů a switchů v dané řadě, které je možné pořídit (MX960, Nexus řady 7000 a další).

Provozujeme již více než 5 let vlastní cloudovou platformu, kterou neustále inovujeme. Nově budeme do infrastruktury zapojovat nejnovější enterprise storage NetApp FAS8200 s podporou automatického disaster recovery.

Zvažujeme i poskytování služeb na infrastruktuře třetí strany, konkrétně na infrastruktuře AWS. Na klientovi poté bude vybrat, kterou variantu infrastruktury zvolí.

Individuální přístup a DevOps

Ať už jde o malý e-shop na jednom cloud serveru, jehož součástí jsou samozřejmě naše plnohodnotné managed služby, nebo o velké řešení, přístup je individuální. Před rokem jsme si vyzkoušeli migraci projektu Shoptet (platforma pro více než 10 000 eshopů), kterou jsme hravě zvládli během dvou nocí a o infrastrukturu se nyní staráme kompletně.

Všechny rozsáhlé projekty disponují vlastním individuálním labem v logickém zapojení 1:1 s produkční infrastrukturou (výkonnostně je lab samozřejmě výrazně méně výkonný), ve kterém testujeme, v rámci individuálně nastavených DevOps procesů, nové serverové aplikace, rozsáhlejší updaty a klient lab používá i jako staging infrastrukturu svých aplikací před deploy na produkci.

Letos plánujeme rozšít managed služby pro velká řešení o sekci, kterou pracovně nazýváme Managed Special Operations, což bude další krok v individuálním přístupu, kdy bude služba rozšířena o trvalou službu serverového architekta a dalších konkrétních specialistů nad rámec běžné a stálé údržby systémů. Tuto službu pro velké projekty již poskytujeme, od letošního roku bude ale oficiálně představena a nabídnuta i novým klientům.

SLA

Reklama v primetime v televizi prý stojí i několik set tisíc za půl minutový spot. Při představě jakéhokoliv problému například ve vánoční sezóně běhá každému provozovateli eshopu mráz po zádech. Jako jediní poskytujeme nadstandardní SLA a další garance a služby, o kterých si konkurence může nechat zdát. Při problému (o kterém budeme vědět dřív než vy, v ideálním případě u některých situací díky novému monitoringu i dříve než se projeví v reálném provozu) budete do 60 vteřin mluvit se server administrátorem.

Obrovskou výhodou vshosting~ je rovněž to, že známe běžný průběh vánoční sezóny a umíme na to eshop připravit tak, aby se minimalizovalo riziko nečekaného přetížení či se nenarazilo na jiný nečekaný problém v době, kdy to bude nejméně vhodné.

Managed CDN, Maily, …

Aby byly naše služby opravdu komplexní, poskytujeme e-commerce klientům i další přidané služby například v podobě ManagedCDN, která má své POPy již po Evropě a USA a zajišťuje zrychlení webu za minimální finanční náklad a plně v naší správě bez jakýchkoliv starostí. Na konci roku 2016 jsme spustili službu CloudMail – plně automatizované mailové řešení, které je spolehlivé a se spoustou výhod a pohodlných vlastností pro koncové uživatele.

Kdo to pro e-commerce dělá krom nás v takovém rozsahu v ČR/SR?

Zatím nikdo.

Další trhy, na které budeme cílit s naším e-commerce řešením je Polsko.

Většina programátorů má jasný cíl – dodat produkt v co nejvyšší kvalitě, v co nejdřívějším termínu, nebo za co nejméně peněz (dle priority zadavatele). Mezi další požadavky patří čím dál častěji continuous delivery a práce s větším rozsahem moderních platforem. Kde se však děje nejčastěji chyba, která provozovatele internetového projektu stojí mnoho zbytečně vynaložených finančních prostředků?

Návrh architektury aplikace

Mnoho vývojářů a softwarových architektů navrhne aplikaci za použití mnoha platforem. Často ale neberou v potaz reálné vlastnosti daných platforem v reálném provozu. Však vývoj se má trápit především vývojem a uváděním aplikací v život v produkci, s provozem si mají lámat hlavu administrátoři. Pro vysokou dostupnost a dlouhodobou udržitelnost projektu je však vhodné, aby se osoby odpovědné za provoz (administrátoři) podíleli i na návrhu architektury.

Ve vshosting~ se staráme o tisíce serverů, čímž jsme si za 10 let vybudovali a dále budujeme unikátní know-how, které se budeme i nadále snažit stále více šířit mezi naše klienty prostřednictvím rad typu co je vhodné použít a pro jaký účel.

Je opravdu vhodné použít PostgreSQL v prostředí, které je náročné na požadavky škálování a vysokou dostupnost? Je vhodné použít Redis ke cachování, když se jedná o single-thread platformu, kdy při větší zátěži může dojít k saturaci výkonu Redisu a zpomalení/výpadku internetové aplikace bez ohledu na výkon serveru? Je opravdu vhodné udržovat v jednom adresáři tisíce souborů a často s takovým adresářem v aplikaci pracovat? Je aplikace připravena pro nasazení v cloudu/clusteru? Co je třeba vyřešit u náročného projektu fulltext jiným způsobem, než vyhledávat nad relační databází?

A stovky dalších dotazů, které položí administrátor programátorovi a sdělí programátorovi/project managerovi odpovědnému za aplikaci zkušenosti z praxe, výhody a nevýhody, a případné alternativy či poznatky, jak aplikaci zlepšit. Ne vše se dá najít v dokumentaci daného produktu na oficiálním webu a na googlení zkušeností programátoři většinou nemají čas.

Spolupráce Development & Operations (DevOps)

U velkých managed řešení ladíme s klienty individuálně procesy trvalé spolupráce mezi vývojáři aplikace a produkčním provozem (tedy námi). Jde například o způsob deploymentu, který bude pro programátory dostatečně operativní, ale současně nenaruší jasně definovanou odpovědnost za produkční infrastrukturu.

Jde také o procesy ve vztahu k testovací infrastruktuře a mnoho dalšího. Cílem je stabilní a udržitelná produkční infrastruktura a operativní, rychlá možnost deploymentu nových aplikací pro klienta.

Šíření a sdílení know-how

Ve vshosting~ v roce 2017 budeme zavádět následující novinky, od kterých si slibujeme lepší přípravu nově připravovaných klientských aplikací na reálný provoz.

• Informační videa – jak fungují které aplikace, krátké rozhovory s programátory klientů, novinky na globálním trhu a reagování na aktuální témata a další
• Komunitní sekce – sdílení zkušeností našich klientů
• Služby serverového architekta pro rozsáhlá managed řešení

Tímto přístupem se vshosting~ odlišuje od svých středoevropských konkurentů, protože svým klientům poskytuje unikátní know-how a nadále se v tom plánuje zlepšovat. Managed služby nemají být pouhou náhradou vlastního admina ve firmě a stejně tak nemají být jen o tom, že programátor napíše nainstalujte a administrátor dle návodu nainstaluje. Celé operations související s provozem velkého internetového projektu je komplexní záležitost. I proto je vshosting~ partnerem těch největších e-shopů a dalších internetových projektů.

Damir Špoljarič

CEO