1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

PORADNIK Szybkość działania Click Shopa - sugestie od Google

Dyskusja w 'Poradniki, gotowe rozwiązania' rozpoczęta przez użytkownika Dominik, 6 Sierpień 2015.

  1. expomoda

    expomoda Praktyk

    Wiadomości:
    32
    Docenione treści:
    2
    Niestety dziś zrobiłem sobie kilka testów i niestety jeżeli chce faktycznie znacząco obniżyć wagę zdjęcia to niestety dostanie ono także na jakości;/
    Może znacie jakieś dobre programy do kompresowania zdjęć które faktycznie pozwolą na ugraniu trochę z wagi zdjęcia bez utraty jakości?
    W tej chwili nawet jeżeli zdjęcie ma wymiar 400x600 to wagowo ma nawet do 250kb;/

    Pozdrawiam
     
  2. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Taka wielkość z reguły jest OK. Patrz też jednak na rozdzielczość ('ppi'). Im większa rozdzielczość, tym większa "waga". Jeśli masz 300 ppi zdjęcie będzie prawie na pewno "ciężkie". Często wystarczy 72 ppi, aby osiągnąć zadowalający efekt ;). Od tego parametru po prostu zależy jak "duże" będą Twoje piksele, czyli jak dokładna będzie fotka. Im mniejsze piksele (a więc więcej ich na cal), tym większa dokładność/jakość zdjęcia, co ma znaczenie szczególnie przy oglądaniu fotki w dużym przybliżeniu.

    Na potrzeby sklepu nie zawsze jednak jest sens dbać o to, aby klient mógł przyglądać się w szczegółach guzikowi na sukience. Fotka jest bowiem poglądowa i głównie ma za zadanie pokazać towar w "całości". Oczywiście nie należy przesadzać w drugą stronę i serwować nieznośną "pikselozę", bo to odstrasza od zakupów.

    Raz jeszcze przejrzałem Twój sklep. Musisz pozbyć się zdjęć tego typu jak to poniżej:
    view-source:http://www.expomoda.pl/userdata/gfx/291b440e9ef7a40bafe976708a1f3569.jpg

    Żakiecik ładny, modelka też ;), ale przy oglądaniu fotki w największym przybliżeniu nie widać całości produktu. Mogę podziwiać detale, ale wówczas wielkość przytłacza i automatycznie przechodzą do widoku, gdzie mogę jednym okiem "ogarnąć" całość. To przykładowe zdjęcie ma rozmiary 1500 x 2250 (72 ppi).

    Takich zdjęć jest u Ciebie naprawdę sporo, na szybko jeszcze trzy przykłady:
    view-source:http://www.expomoda.pl/userdata/gfx/8f7b2b1d67b346d83368692b040b2030.jpg
    view-source:http://www.expomoda.pl/userdata/gfx/4629047aeffd61da4d0bb2bfeffa7ad1.jpg
    view-source:http://www.expomoda.pl/userdata/gfx/b51b4e3bd15e34686367eb798baa070e.jpg

    Porównaj zdjęcie ostatnie z przedostatnim - wielkość zbliżona ---> 1200x1800 i 1300x2000. Pierwsze ma rozdzielczość 72 ppi, drugie 240 ppi. Dlatego pierwsze "waży" 114 KB, a drugie 850 KB. Zmieniłem w tym ostatnim rozdzielczość na 72 ppi. Teraz waży 195 KB, jak zmniejszę rozmiar prawdopodobnie "zejdę" poniżej 100 KB (9 razy mniej!). Poniżej załącznik - z punktu widzenia przeciętnego klienta - nie ma praktycznie żadnej różnicy:
    http://serwer1463075.home.pl/72ppi.jpg

    To oczywiście tylko moje zdanie. Ja korzystam z Photoshop-a.
     
    Ostatnia modyfikacja: 25 Listopad 2015
  3. expomoda

    expomoda Praktyk

    Wiadomości:
    32
    Docenione treści:
    2
    Wszystko pięknie opisałeś za co dziękuje. Czyli mam nauczkę że, wcale nie trzeba denerwować się rozmiarem a bardziej chodzi o pixele. Hm czyli radzisz mi zapewne każde zdjęcie tego typu od nowa wrzucać ze zmniejszoną ilością ppi? Da radę zrobić to bez wrzucania zdjęcia od nowa czy niestety czeka mnie mordęga z pobieraniem edytowanie i wrzucaniem znów do produktu ? Bo zmiana samej rozdzielczości nic mi nie da dopóki nie zmienię wartości pixelów. Dobrze rozumiem ?(waga będzie dalej duża z uwagi na dokładność przez pixele) :)
     
  4. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Rozmiar 1500x1500 to informacja, iż nasze zdjęcie (tzw. grafika rastrowa) składa się z 1500 pikseli w poziomie i 1500 pikseli w pionie. Innymi słowy fotka składa się z takiej to dużej ilości małych punkcików, tworzących całość (mnożąc 1500 x 1500 = 2 250 000). Tworzona jest w zasadzie macierz dwuwymiarowa (jak przy grze w statki - na przecięciu określonego wiersza z kolumną masz poszczególne punkty). Każdy z tych punkcików ma zapisaną wartość koloru.

    5.2.2.1 ---> http://karnet.up.wroc.pl/~jasj/cwiczenia/semi4b.html

    Oprócz tego masz jeszcze kluczową, drugą wartość - czyli rozdzielczość. Jedno z drugim jest ściśle powiązane. Rozdzielczość to "gęstość" rozmieszczenia pikseli. Rozmiar mówi nam ILE ma ich być, a gęstość JAK mają być duże, a raczej jak "gęsto" mają być obok siebie porozmieszczane. Tutaj masz to lepiej zobrazowane:
    http://www.tomaszkowal.pl/index.php...h-obrazach&catid=11:szczypta-wiedzy&Itemid=57
     
    Ostatnia modyfikacja: 25 Listopad 2015
  5. expomoda

    expomoda Praktyk

    Wiadomości:
    32
    Docenione treści:
    2
    Jak na razie wziąłem się tylko za tą jedną markę która ma takie "przepastne" zdjęcia , zdecydowałem się na rozmiar 512x768 . Zdjęcia kompresuje od razu czynnikiem dpi na poziomie 72. Efekt > jestem w połowie zmian a już wyczuwalnie strona przyśpieszyła. Myślę też o reszcie produktów jednak to już może być czasochłonne. Polecacie "przejrzeć" wszystkie produkty ? Myślę że , przejrzenie wszystkich może wiązać się jeszcze z lepszym wynikiem :)
    Dziękuje wszystkim za rady :)
     
    trifit.pl lubi to.
  6. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 660
    Docenione treści:
    333
    Jak raz to zrobisz, to będziesz miał z głowy na długi okres czasu. Nowe produkty będziesz od razu dodawał wg. nowej rozmiarówki. Stopniowo po kilka zdjęć dziennie, tak żebyś miał czas być też z nami na forum :)
     
  7. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Możesz ten czas "skrócić", jeśli skorzystasz z aplikacji Click Studio.

    https://home.pl/sklepy-internetowe/click-studio
    https://pomoc.home.pl/baza-wiedzy/pierwsze-uruchomienie-click-studio/
    https://pomoc.home.pl/baza-wiedzy/czym-jest-aplikacja-click-studio-i-jak-z-niej-korzystac/

    Tam w wygodny i przejrzysty sposób możesz pousuwać zdjęcia i szybko powgrywać nowe z komputera.
     
    Grzesiek lubi to.
  8. expomoda

    expomoda Praktyk

    Wiadomości:
    32
    Docenione treści:
    2
    Czyli rozumiem że, ta apka działa szybciej niż standardowy panel w przeglądarce ? ;)
    Już i tak kolejną markę robię przez clickshop'a .
     
  9. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 660
    Docenione treści:
    333
    Click Studio jest niczym innym jak menadżerem asortymentu sklepu. Z pewnymi ograniczeniami, ale i z pewnymi udogodnieniami. Dlatego polecamy ją wtedy, gdy wiemy, że daną zmianę można zrobić szybciej i lepiej. Click Studio działa dla wersji sklepu PREMIUM (niezbędny jest dostęp konta z obsługą WebApi). Dodatkowo Click Studio jest swego rodzaju łącznikiem dla sklepu i aplikacji zewnętrznych, np. Subiekt GT (fakturowanie). Alternatywą jest aplikacja S2S od e-mo.com.pl (https://www.e-mo.com.pl/s2s)

    Click Studio możesz uruchomić zawsze.
     
  10. expomoda

    expomoda Praktyk

    Wiadomości:
    32
    Docenione treści:
    2
    Mam jeszcze jedno pytanie.
    Chodzi mi o tkz "menager plików" (serwerowy). Aby do niego wejść wchodzimy w dowolny edytor html i klikamy przed ostatnie okienko dodaj obrazek. Nagle ukazują się obrazy które jakiś czas temu wgrywałem i spokojnie mógłbym je usunąć . Teraz moje pytanie czy da rade coś takiego zrobić?

    Ps.Próbowałem zalogować się master commanderem na serwer ale wszystkie te pliki z menagera są nie dostępne;/

    Pozdrawiam
     
  11. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Tak - w prawym dolnym rogu każdego obrazka (już w edytorze plików) możesz zaznaczyć "ptaszka". Dalej "Edycja" (zielone tło, trzeci przycisk od lewej) - rozwijasz listę i na samym dole USUŃ.
     
  12. expomoda

    expomoda Praktyk

    Wiadomości:
    32
    Docenione treści:
    2
    Dziękuje Ci bardzo , niestety na infolinii 2 konsultantów z kolei powiedziało że, te pliki są zamaskowane i nie da się ich usunąć :)
     
  13. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Są zamaskowane, ale nie aż tak bardzo ;). Infolinia ma to do siebie, iż zależy na kogo się trafi.
     
  14. expomoda

    expomoda Praktyk

    Wiadomości:
    32
    Docenione treści:
    2
    Uff poradziłem sobie okazuje się że, jeden producent którego miałem miał tabelki które zajmowały 3mb każda;/ ale już sobie poradziłem :)
    Mam takie pytanie czy gdzieś można sprawdzić szybkość odpowiedzi serwera ? Bo dalej wczytanie się strony zajmuje od 5 do 6 sekund za pierwszym razem. (wiem że, jest dużo zdjęć ale może postaram się zmniejszyć te na głównej)
    może macie jakieś sugestie do mojej strony? Co sądzicie o przeniesieniu nr telefonu do kontaktu jak i pozostałych dwóch informacji gdzieś na góre ? np w pasek (jak widziałem gdzieś tutaj na forum jest poradnik)
     
  15. gielo2

    gielo2 Zaawansowany

    Wiadomości:
    164
    Docenione treści:
    22
    Co do zdjęć to sam wymiar, to jedno, a ich kompresja to drugie :)

    Co do wymiaru, to spokojnie możesz korzystać z wymiarów 1000x1000 px na sklepe. W dobie monitorów o rozdzielczości 1920px i więcej, zdaje się być to normalnym rozmiarem, aby powiększone zdjęcie nie wyglądało jak znaczek pocztowy.

    Co do kompresji zdjęć to poszukaj w internecie usług online, dzięki którym możesz zoptymalizować swoje zdjęcia. Są darmowe i płatne.

    Co do samej kompresji Gzip to jak wspominał przedmówca, wynik 90% jest bardzo dobrym wynikiem. Myślę, że warto także wiedzieć, że w przypadku jeśli korzystasz lub będziesz korzystał w przyszłości z połączeń szyfrowanyh - Https, to ze względów bezpieczeństwa kompresja Gzip nie jest w ogóle obsługiwana i to jest poprawne rozwiązanie.

    Ps. Co do czasu odpowiedzi serwera to w jednym z linków dla testów jaki wcześniej podawałem jest podawany także czas odpowiedzi serwera podczas testu.

    Polecam ten artykuł o optymalizacji strony http://lukaszt.pl/jak-zwiekszyc-predkosc-witryny/ nie jest on mojego autorstwa ale dość konkretnie opisuje problem optymalizacji stron.
     
    Ostatnia modyfikacja: 15 Grudzień 2015
  16. Dominik

    Dominik Opiekun

    Wiadomości:
    176
    Docenione treści:
    27
    Polecam programik Riot
    W zeszłym roku zrobiłem taki manewr - poprosiłem Home o zgranie na ftp wszystkich zdjęć
    Zgrałem je następnie na dysk, przepuściłem przez Riota, wgrałem na ftp i poprosiłem Home o zastąpienie na serwerze.

    Całość zajęła ok 1h + sto coś zł, a sklep schudł bodajże o 70%. :)
     
  17. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    Na pewno jest to najszybsze rozwiązanie, jednak można też pojedynczo jak ktoś ma fotek mało :)
     
  18. Dominik

    Dominik Opiekun

    Wiadomości:
    176
    Docenione treści:
    27
    Acha, jeszcze jedno na przyszłość - oprócz kompresji zdjęć, do której polecam Riota (darmowy, szybki, można użyć dla wielu plików na raz, jedna uwaga: zdjęcia z rozszerzeniem .png trzeba robić każde po kolei, bo inaczej riot zamieni je na jpg (który daje generalnie "lżejsze" pliki, ale utracisz np. przezroczyste tło) - do pobrania z http://luci.criosweb.ro/riot/ ),
    polecam też Irfanview, który do użytku komercyjnego jest co prawda płatny (52 zł na dziś), ale ma fantastyczną funkcję Batch Conversion, która pozwala na zmniejszenie rozdzielczości zdjęć (o której mowa wyżej) do zalecanych 72dpi (możesz zmniejszyć do dowolnej rozdzielczości, ale 72dpi jest zalecane do stron internetowych) dla wszystkich wybranych plików. Oprócz tego w funkcji Batch możesz też ustawić, żeby dłuższy bok miał maksymalnie 1200 px (więcej nie potrzeba w sklepie) i jeżeli jakiekolwiek zdjęcie będzie miało więcej, to zostanie proporcjonalnie zmniejszone - tylko uwaga, nie podawaj na sztywno obu wymiarów zdjęcia dla wszystkich edytowanych zdjęć, ale podaj długość maksymalną dłuższego boku. Do pobrania (za darmo ale bez licencji do komercyjnego wykorzystania) tutaj: http://irfan-view.pl/pobierz lub http://softx.pl/program/irfanview-16s (za 52zł z "papierami" dla firmy)
     
  19. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    zamiast Irfana polecam FreeVimager, zrobi to samo co Irfan a to GPL :) trochę brzydszy z wyglądu jest tylko :D bardziej kanciasty :D
     
  20. smart4living

    smart4living Nowy użytkownik

    Wiadomości:
    2
    Docenione treści:
    0
    Witam Panowie przeczytałem tego posta i chciałbym Was prosić o radę, mam serwis na współdzielonym serwerze home.pl ale mój czas oczekiwania na odpowiedź serwera to od 1,37 s do 1,81s sklep mam na prescie ale to chyba nie powinno mieć takiego znaczenia. To co mogłem poustawiać na administratorze to zrobiłem cała strona się ładuje ~3s.
    gdy ktoś z Was chciał zerknąć smart4living.pl

    Z góry dzięki Może ktoś z home.pl się wypowie bo usługę mam business a na chacie spuścili mnie na drzewo.
    G.
     
    Ostatnia modyfikacja: 5 Kwiecień 2016

Poleć forum znajomym