Temat: kalamis.pl proszę o uwagi :)

Piotr Likus:
Zdecydowanie za duże objętościowo obrazki pomocnicze (kB):
kalamis.pl/data/include/img/links/1257780506.jpg
kalamis.pl/data/include/img/links/1257780537.jpg

To są obrazki dodatkowe, a zajmują 20% rozmiaru strony (która jest i tak niemała - ponad 600 kB). Po prostym open/save w Irfanview zajmują 1/3 obecnego rozmiaru.

Druga rzecz to rozmiar CSS - 162 kB(!) O wiele za dużo.

Jakie ma przełożenie "ciężka" strona na sprzedaż? Poza utratą mniej cierpliwych klientów ponoć (choć nie mam na to potwierdzenia) taka strona jest niżej notowana przez wyszukiwarki.Piotr Likus edytował(a) ten post dnia 22.11.09 o godzinie 14:39

Dzięki, pliki zmniejszymy, z CSS będzie trudniej.

Przemysław Zalewski:
Grafika jak grafika. Szału nie ma. Pewnie znajdę tyle samo ładniejszych sklepów co i brzydszych. Na dobrą sprawę trudno to nawet oceniać. Jest to sklep zbudowany na IAI i właściwie oceniając Twój sklep oceniamy bardziej oprogramowanie IAI jak Twoją pracę.

Coś to mnie delikatnie mówiąc dziwi:
Wchodząc np. na ten produkt:
http://www.kalamis.pl/product-pol-3498--Illuminating-T...

Klikam na zdjęcie i pokazuje mi się drugie o identycznej wielkości. Po co?

Dzięki, coś się pomieszało ostatnio ze zdjęciami produktów, będę to sprawdzał i naprawiał.

Będę wdzięczny za kolejne opinie i uwagi.

Temat: kalamis.pl proszę o uwagi :)

Bartosz Zadurski:
Dzięki, pliki zmniejszymy, z CSS będzie trudniej.

Komentarze, spacje, entery w produkcyjnej wersji są zbędne.

Nazwy identyfikatorów i selektorów są ultra opisowe - #payment_9 div.order1_payment_header

Takie kwiatki też można optymalizować:
#span_hours_range2 {display:block; margin:0 0 7px 35px; font-size:11px; color: rgb(0, 0, 0);} /* Przedzialy godzinowe */
#span_hours_range3 {display:block; margin:0 0 7px 35px; font-size:11px; color: rgb(0, 0, 0);} /* Przedzialy godzinowe */
#span_hours_range4 {display:block; margin:0 0 7px 35px; font-size:11px; color: rgb(0, 0, 0);} /* Przedzialy godzinowe */
#span_hours_range5 {display:block; margin:0 0 7px 35px; font-size:11px; color: rgb(0, 0, 0);} /* Przedzialy godzinowe */
#span_hours_range6 {display:block; margin:0 0 0px 35px; font-size:11px; color: rgb(0, 0, 0);} /* Przedzialy godzinowe */

Nie wspominając o takich:
#payment_1 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px 2px no-repeat; } /* HHTransfer */
#payment_2 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -28px no-repeat; } /* Bon Towarowy */
#payment_3 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -58px no-repeat; } /* Gotówka */
#payment_4 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -88px no-repeat; } /* Pobranie */
#payment_5 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -118px no-repeat; } /* Przelew */
#payment_6 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -148px no-repeat; } /* mTransfer */
#payment_7 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -178px no-repeat; } /* Inteligo */
#payment_8 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -208px no-repeat; } /* POLCARD */
#payment_9 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -238px no-repeat; } /* AllPay */
#payment_10 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -268px no-repeat; } /* Przelewy24 */
#payment_11 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -298px no-repeat; } /* Płatności.pl */
#payment_12 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -328px no-repeat; } /* Skipjack */
#payment_13 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -358px no-repeat; } /* MoneyBookers */
#payment_14 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -388px no-repeat; } /* Paypal */
#payment_15 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px 2px no-repeat; } /* Punkty */
#payment_16 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -448px no-repeat; } /* Multitransfer */
#payment_17 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -478px no-repeat; } /* Żagiel */
#payment_20 div.order1_payment_header {background:url('/gfx/pol/ikonyplatnosci2.gif') 30px -508px no-repeat; } /* Żagiel */

i takie takie.