Ako správne prevádzkovať e-shop alebo na veľkosti stránok záleží! I. diel
Aká veľkosť stránok internetového obchodu je tá správna a prečo na nej tak záleží?
Celková veľkosť webovej stránky by mala byť čo najmenšia, aby sa rýchlo načítala a zobrazovala na popredných pozíciách vo vyhľadávačoch ako Seznam.cz, Google.com, Atlas.cz a pod. V ideálnom prípade by nemala dátová veľkosť stránky presiahnuť 650 kb. Mierny presah rozmeru stránok je tolerovaný, ale rozhodne by nemal presiahnuť hodnotu vyššiu ako 1000 kb, pretože takúto stránku radia vyhľadávače na nižšie pozície.
Ukážka správnej veľkosti jednotlivých súborov na webových stránkach
Na čo je dobré dávať pozor
Najčastejším problematickým prvkom bývajú v tomto prípade obrázky. Nezriedka sa stáva, že grafik webových stránok, prípadne sám prevádzkovateľ e-shopu zabudne na dátové zmenšenie čiže komprimáciu obrázku. Obrázok veľkosti niekoľkých stoviek kilobajtov alebo jednotiek megabajtov býva vložený na web a na jeho úprave dochádza len nastavením rozmerov (šírka a výška), aby bol zobrazovaný ako malý. V tomto momente však nastáva problém, pretože sa načítava plná veľkosť obrázkov. Priemerná veľkosť obrázka vzhľadom k farebnosti by pri ikonkách mala byť cca 5 kb a kolážach cca 150 kb, často je však ich skutočná veľkosť 10-krát i 100-krát väčšia! Preto je dôležité upozorniť grafika na to, aby pri ukladaní obrázkov do kategórií alebo inde do textu myslel na obmedzenie ich dátovej veľkosti.
Kedy je treba obrázky komprimovať
E-shop systému FastCentrik komprimuje obrázky automaticky, nemusíte ich teda zmenšovať. Iné je to však pri obrázkoch vložených do administrácie e-shopu prostredníctvom WYSIWYG editora, kedy k automatickej komprimácii nedochádza (napríklad koláž, logo a banner v hlavičke e-shopu alebo obrázky či fotografie vložené do tela článku a podobne)! Je teda nutné ich pred vložením do administrácie dátovo zmenšiť.
Ukážka správnej veľkosti jednotlivých súborov na webovej stránke
Nesprávne vykonávanie zmien CSS štýlov môže spôsobovať ďalšie ťažkosti
Vytvárate si vlastnú grafiku pre internetový obchod pomocou CSS štýlov? V súvislosti so správnou veľkosťou stránok je potrebné dať si pozor na vykonávanie zmien v CSS súbore. Stáva sa, že prevádzkovateľ internetového obchodu upravuje CSS štýly tak, že skopíruje celý zdrojový CSS súbor a niektoré pôvodné nadefinovanie štýlov nahradí novými. To však so sebou prináša problém.
Ukážka nesprávne vykonanej úpravy štýlov CSS súbore
Ako správne vykonať úpravu štýlov v CSS súbore
Ak si vytvárate vlastnú grafiku pomocou CSS štýlov, nekopírujte obsah pôvodného CSS súboru, ale vytvorte nový CSS súbor, ktorý bude obsahovať len konkrétne úpravy štýlov. Výsledná veľkosť dátového súboru je tak oveľa menšia, vďaka čomu dochádza i k rýchlejšiemu načítaniu stránky, čo je dôležité z hľadiska zobrazovania vášho e-shopu na popredných pozíciách vo vyhľadávačoch typu Google.
Ukážka správne vykonanej úpravy štýlov v CSS súbore
Téme CSS súboru bude venovaný aj samostatný diel seriálu!
Ako zistiť veľkosť webovej stránky
Existujú nástroje určené pre každý prehliadač, pomocou ktorých je možné zistiť veľkosť stránok, väčšinou nainštalovaním plug-inov. Takýmto nástrojom pre prehliadač Firefox je napríklad Web Developer Toolbar, ktorý si môžete stiahnuť na nasledujúcej adrese: https://addons.mozilla.org/cs/firefox/addon/60. V záložke Informácie sa potom nachádza možnosť zobrazenia veľkosti dokumentu.
Ukážka možnosti zobrazenia veľkosti webovej stránky
V nasledujúcom diele sa dozviete
Zaujal vás tento štartovací diel nášho seriálu? Nenechajte si teda ujsť druhý diel, v ktorom sa už o týždeň zameriame na tvorbu titulkov stránok, popisiek pre vyhľadávače alebo kľúčové slová.
Čítajte aj ostatné diely seriálu Ako správne prevádzkovať e-shop: |
| II. diel: Ako správne prevádzkovať e-shop alebo SEO - optimalizácia stránok pre vyhľadávače |
| III.diel: Ako správne prevádzkovať e-shop alebo Umenie linkbuildingu |
| IV. diel: Ako správne prevádzkovať e-shop alebo Vytvorte si originálnu grafiku |
