Naše kontakty
Ako ste si už možno všimli, našou preferovanou platformou, pokiaľ ide o elektronický obchod, je OpenCart. Okrem toho, že ponúka širokú škálu funkcií, rozšírení, má dobrú modulárnu štruktúru, pohodlné a intuitívne používateľské rozhranie, jednoduchú navigáciu, je to tiež platforma, ktorá funguje pomerne rýchlo. Ale, toto neplatí pre vysoký počet produktov. Rýchlosť je treba riešiť už pri počte produktov nad 3000.
Čas načítania je mimoriadne dôležitý. Ak si naozaj myslíte, že používatelia budú dostatočne trpezliví na to, aby na načítanie vašej webovej stránky počkali tak dlho, ako je potrebné, ste na veľkom omyle. V súčasnosti je štandard pre načítanie do 5 sekúnd. Toto obdobie má veľký význam pre vašu výkonnosť SEO, množstvo konverzií a online príjem. Podľa Amazonu, každé oneskorenie o 1 sekundu, znižuje množstvo online konverzií o 7 %.
V tomto článku vám dáme pár tipov, ako zrýchliť váš internetový obchod.
Dôležitosť kompresie berú do úvahy tvorcovia OpenCart, pretože pre ňu pridali pole v administratívnom paneli. Môžeme to nájsť v
Nastavenia -> Váš obchod -> Server
Do tohto poľa môžeme zadať hodnoty od 0 do 9 (výhodnejšie sú stredné). Odporúčame hodnotu 5 alebo 6. Po každej zmene vždy otestujte, či váš internetový obchod stále funguje.
OpenCart nám štandardne ukazuje, koľko produktov je v každej kategórii.
Táto funkcia vytvára požiadavky v mnohých tabuľkách a značne spomaľuje našu webovú stránku. Odporúčame (ak nevidíte jeho dôležitosť) jednoducho ho vypnúť. Môžete to urobiť tak, že navštívite nastavenia administratívneho panela:
Nastavenia -> Váš obchod -> Možnosti
Odtiaľ si stačí vybrať možnosť „Nie“.
Ak momentálne využívate najúspornejší webhostingový plán, ale môžete si dovoliť vyšší, dôrazne vám odporúčame navýšiť.
V predvolenom nastavení vaše tabuľky OpenCart nemajú indexy, ale každý to môže v prípade potreby opraviť. Tu vám nemôžeme poskytnúť univerzálny vzorec (pretože taký neexistuje), ale môžeme vám poskytnúť ten, ktorý je mu najbližšie.
Po prvé, a to je nevyhnutné, urobte zálohu databázy. Potom prejdite do phpmyadmin, vyberte svoju databázu a potom kartu SQL. Potom v textovom poli môžete skopírovať požiadavky a stlačiť „Vykonať“.
ALTER TABLE `oc_category` ADD INDEX ( `parent_id` ) ; ALTER TABLE `oc_category` ADD INDEX ( `top`) ; ALTER TABLE `oc_category` ADD INDEX ( `poradie_zoradenia` ) ; 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 prípade, že máte veľa podkategórií s podkategóriami, s podkategóriami, vložte tento index do stĺpca path_id: ALTER TABLE `oc_category_path` ADD INDEX ( `path_id` );
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 ( `poradie_triedenia`) ; 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` )
V prípade, že máte veľkú množinu možností, pridajte indexy do týchto tabuliek: ALTER TABLE `oc_option` ADD INDEX ( `poradie_triedenia`) ; 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` );
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` );
Tieto požiadavky výrazne zrýchlia váš web.
Táto kompresia sa líši od vyššie uvedenej kompresie. Tu komprimujete stránky na serveri a tým môžete zmenšiť ich veľkosť až o 80%. To výrazne zrýchli váš internetový obchod a je povinné.
Ako komprimujete, ak je váš server apache a v priečinku, ktorý obsahuje vašu webovú stránku, máte súbor .htaccess? Stiahnite si súbor a otvorte ho v textovom editore.
<IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts 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>
Pridajte tento kód do svojho súboru .htaccess a nahrajte ho na server. Okamžite pocítite zrýchlenie vášho webu, keď to urobíte.
Odporúčame hneď po nahraní súboru skontrolovať, či váš web funguje. .htcaccess je extrémne citlivý a môže ľahko „rozbiť" váš web. Ak váš obchod zlyhá, odstráňte, čo ste pridali, a uložte súbor tak, ako bol.
Kód uvedený vyššie je možné použiť vo všetkých internetových obchodoch, nielen v OpenCart. Jedinou požiadavkou je, aby váš server bol Apache.
Nášmu prehliadaču môžeme povoliť ukladať zdroje ako Javascript, CSS a obrázky do vyrovnávacej pamäte. Týmto spôsobom, ak klient často navštevuje našu webovú stránku, jeho prehliadač stiahne niektoré súbory a nebude ich musieť znova načítať alebo sťahovať.
## 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 upraviť v súbore .htaccess.
Keďže je niekedy ťažké manuálne posúdiť, či veci, ktoré robíme, fungujú (niekedy je rozdiel v milisekundách), poskytneme vám niekoľko spôsobov, ako skontrolovať, či ste boli úspešní.
Minifikácia je proces, pri ktorom vezmeme súbor CSS alebo Javascript a urobíme ho tak, aby sa vizualizoval v jednom riadku. Takto stratíme komentáre, skracujú sa premenné a názvy funkcií. Veľkosť súboru je tiež výrazne znížená.
Online nástroj, pomocou ktorého môžete minifikovať svoje súbory, je: http://www.minifier.org/ .
Najlepšou možnosťou je zminifikovať všetky súbory a zjednotiť ich do jedného súboru CSS alebo Javascript – takto vytvárame menej požiadaviek.
Ďalším nástrojom, ktorý odporúčame, je Google Page Insights.
https://developers.google.com/speed/pagespeed/insights/
Tento nástroj hodnotí vašu webovú stránku skóre od 0 do 100 bodov. Je mimoriadne precízny a náročný (rovnako ako všetko, čo je aj na diaľku prepojené s Google), takže je naozaj ťažké získať vysoké body. 80 (alebo viac) bodov sa považuje za dobrý výsledok – váš web je rýchly a dobre optimalizovaný pre akékoľvek zariadenie. Vďaka tomu môžeme dokonca získať hodnotenie používateľskej skúsenosti, ktorú ponúkame. Opäť v bode (s maximálnym počtom 100 bodov) – všetko nad 90 sa považuje za výhru.
GTMETRIX – https://gtmetrix.com/
Tento nástroj má veľa kritérií, ale pre každé existuje podrobné vysvetlenie, ako prejsť. Ukazuje (v percentách), aká je rýchlosť vášho webu, aká je veľkosť stránky, koľko požiadaviek musíte urobiť, aby ste získali všetky zdroje.
Majte na pamäti, že väčšina týchto webových stránok a nástrojov často funguje zo vzdialeného miesta. Napríklad, ak je vaša webová stránka v Bulharsku a nástroj testuje a hodnotí z USA – dôjde k oneskoreniu spôsobenému vzdialenosťou, ktorej sa nedá vyhnúť.
