You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today.

Jak zrychlit svůj internetový obchod OpenCart

Jak jste si již možná všimli, naší preferovanou platformou, pokud jde o elektronický obchod, je OpenCart. Kromě toho, že nabízí širokou škálu funkcí, rozšíření, má dobrou modulární strukturu, pohodlné a intuitivní uživatelské rozhraní, jednoduchou navigaci, je to také platforma, která funguje poměrně rychle. Ale, toto neplatí pro vysoký počet produktů. Rychlost je třeba řešit již při počtu produktů nad 3000.

Čas načítání je mimořádně důležitý. Pokud si opravdu myslíte, že uživatelé budou dostatečně trpěliví na to, aby na načtení vaší webové stránky počkali tak dlouho, jak je potřeba, jste na velkém omylu.  načtení do 5 vteřin. Toto období má velký význam pro vaši výkonnost SEO, množství konverzí a online příjem. could-cost-amazon-16-billion-sales">Amazonu, každé zpoždění o 1 sekundu, snižuje množství online konverzí o 7 %.

V tomto článku vám dáme pár tipů, jak zrychlit váš internetový obchod.

Komprese

Důležitost komprese berou v úvahu tvůrci OpenCart, protože pro ni přidali pole v administrativním panelu. Můžeme to najít v

Nastavení -> Váš obchod -> Server

Do tohoto pole můžeme zadat hodnoty od 0 do 9 (výhodnější jsou střední). Doporučujeme hodnotu 5 nebo 6. Po každé změně vždy otestujte, zda váš internetový obchod stále funguje.

Počítání kategorií

OpenCart nám standardně ukazuje, kolik produktů je v každé kategorii. Tato funkce vytváří požadavky v mnoha tabulkách a značně zpomaluje naši webovou stránku. Doporučujeme (pokud nevidíte jeho důležitost) jednoduše jej vypnout. Můžete to udělat tak, že navštívíte nastavení administrativního panelu:

Nastavení -> Váš obchod -> Možnosti

Odtud si stačí vybrat možnost „Ne“.

Lepší plán hostingu

Pokud momentálně využíváte nejúspornější webhostingový plán, ale můžete si dovolit vyšší, důrazně vám doporučujeme navýšit.

Indexy v tabulkách

Ve výchozím nastavení vaše tabulky OpenCart nemají indexy, ale každý to může v případě potřeby opravit. Zde vám nemůžeme poskytnout univerzální vzorec (protože takový neexistuje), ale můžeme vám poskytnout ten, který je mu nejblíže.

Za prvé, a to je nezbytné, udělejte zálohu databáze. Poté přejděte do phpmyadmin, vyberte svou databázi a pak kartu SQL. Poté v textovém poli můžete zkopírovat požadavky a stisknout „Provést“.

Tabulka pro kategorie

ALTER TABLE `oc_category` ADD INDEX ( `parent_id` ) ;
ALTER TABLE `oc_category` ADD INDEX (`top`) ;
ALTER TABLE `oc_category` ADD INDEX ( `pořadí_seřazení` ) ;
ALTER TABLE `oc_category` ADD INDEX (`status`) ;
ALTER TABLE `oc_category_description` ADD INDEX ( `language_id` );
ALTER TABLE `oc_category_to_store` ADD INDEX ( `store_id` );

V případě, že máte mnoho podkategorií s podkategoriemi, s podkategoriemi, vložte tento index do sloupce path_id:
ALTER TABLE `oc_category_path` ADD INDEX ( `path_id` );

Tabulka produktů

ALTER TABLE `oc_product` ADD INDEX (`sku`) ;
ALTER TABLE `oc_product` ADD INDEX (`upc`) ;
ALTER TABLE `oc_product` ADD INDEX ( `manufacturer_id` );
ALTER TABLE `oc_product` ADD INDEX ( `pořadí_třídění`) ;
ALTER TABLE `oc_product` ADD INDEX (`status`) ;
ALTER TABLE `oc_product_option` ADD INDEX ( `option_id` );
ALTER TABLE `oc_product_option_value` ADD INDEX (`product_option_id` );
ALTER TABLE `oc_product_option_value` ADD INDEX ( `product_id` );
ALTER TABLE `oc_product_option_value` ADD INDEX ( `option_id` );
ALTER TABLE `oc_product_option_value` ADD INDEX ( `option_value_id` );
ALTER TABLE `oc_product_to_category` ADD INDEX ( `category_id` );
ALTER TABLE `oc_product_attribute` ADD INDEX ( `attribute_id` );
ALTER TABLE `oc_product_attribute` ADD INDEX ( `language_id` );
ALTER TABLE `oc_product_description` ADD INDEX ( `language_id` );
ALTER TABLE `oc_product_to_store` ADD INDEX ( `store_id` )

Tabulka s možnostemi produktu

V případě, že máte velkou množinu možností, přidejte indexy do těchto tabulek:
ALTER TABLE `oc_option` ADD INDEX ( `pořadí_třídění`) ;
ALTER TABLE `oc_option_description` ADD INDEX ( `name`) ;
ALTER TABLE `oc_option_value` ADD INDEX ( `option_id` );
ALTER TABLE `oc_option_value_description` ADD INDEX ( `option_id` );

Tabulka s pěknými adresami URL (OpenCart 3)

ALTER TABLE `oc_seo_url` ADD INDEX ( `query`) ;

ALTER TABLE `oc_seo_url` ADD INDEX (`keyword` ) ;

ALTER TABLE `oc_seo_url` ADD INDEX ( `seo_url_id` );

Tyto požadavky výrazně zrychlí váš web.

GZIP komprese

Tato komprese se liší od výše uvedené komprese. Zde komprimujete stránky na serveru a tím můžete zmenšit jejich velikost až o 80%. To výrazně zrychlí váš internetový obchod a je povinné.

Jak komprimujete, pokud je váš server apache a ve složce, která obsahuje vaši webovou stránku, máte soubor .htaccess? Stáhněte si soubor a otevřete jej v textovém editoru.

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML a fonty
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plai
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch MSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

Přidejte tento kód do svého souboru .htaccess a nahrajte jej na server. Okamžitě pocítíte zrychlení vašeho webu, když to uděláte.

Doporučujeme hned po nahrání souboru zkontrolovat, zda váš web funguje. .htcaccess je extrémně citlivý a může snadno „rozbít" váš web. Pokud váš obchod selže, odstraňte, co jste přidali, a uložte soubor tak, jak byl.

Kód uvedený výše lze použít ve všech internetových obchodech, nejen v OpenCart. Jediným požadavkem je, aby váš server byl Apache.

Využijte vyrovnávací paměť prohlížeče

Našemu prohlížeči můžeme povolit ukládat zdroje jako Javascript, CSS a obrázky do vyrovnávací paměti. Tímto způsobem, pokud klient často navštěvuje naši webovou stránku, jeho prohlížeč stáhne některé soubory a nebude je muset znovu načíst nebo stahovat.

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##

Můžete to upravit v souboru .htaccess.

Různé nástroje, které můžete použít ke sledování rychlosti načítání vašeho webu

Jelikož je někdy obtížné manuálně posoudit, zda věci, které děláme, fungují (někdy je rozdíl v milisekundách), poskytneme vám několik způsobů, jak zkontrolovat, zda jste byli úspěšní.

Minifikace

Minifikace je proces, při kterém vezmeme soubor CSS nebo Javascript a uděláme jej tak, aby se vizualizoval v jednom řádku. Takto ztratíme komentáře, zkracují se proměnné a názvy funkcí. Velikost souboru je také výrazně snížena.

Online nástroj, pomocí kterého můžete minifikovatsvé soubory, je: http://www.minifier.org/ .

Nejlepší možností je zminifikovat všechny soubory a sjednotit je do jednoho souboru CSS nebo Javascript – takto vytváříme méně požadavků.

Dalším nástrojem, který doporučujeme, jeGoogle Page Insights.

https://developers.google.com/speed/pagespeed/insights/< /a>

Tento nástroj hodnotí vaši webovou stránku skóre od 0 do 100 bodů. Je mimořádně precizní a náročný (stejně jako vše, co je i na dálku propojeno s Google), takže je opravdu obtížné získat vysoké body. 80 (nebo více) bodů se považuje za dobrý výsledek – váš web je rychlý a dobře optimalizovaný pro jakékoli zařízení. Díky tomu můžeme dokonce získat hodnocení uživatelské zkušenosti, kterou nabízíme. Opět v bodě (s maximálním počtem 100 bodů) – vše nad 90 se považuje za výhru.

GTMETRIX – https://gtmetrix.com/

Tento nástroj má mnoho kritérií, ale pro každé existuje podrobné vysvětlení, jak projít. Ukazuje (v procentech), jaká je rychlost vašeho webu, jaká je velikost stránky, kolik požadavků musíte udělat, abyste získali všechny zdroje.

Mějte na paměti, že většina těchto webových stránek a nástrojů často funguje ze vzdáleného místa. Například, pokud je vaše webová stránka v Bulharsku a nástroj testuje a hodnotí z USA – dojde ke zpoždění způsobenému vzdáleností, které se nelze vyhnout.