Strona firmowa

[kawasaki 6]

Witam Serdecznie,
Chciałbym uzyskać od was opinie, lub co poprawić ze stroną internetową firmy, która wykonałem.
Zlecenie rodzinnie, także nie ma tutaj budżetu który mogę podać. Interesuję mnie najbardziej zaplecze techniczne również do oceny, a nie sam wygląd i działanie strony. Chodzi mi o prędkość działania strony itd.
Co naprawić, co poprawić, co się nie podoba. Jestem w zupełności otwarty na krytykę.

Adres strony: http://www.b-moto.pl
Pozdrawiam.

Edytowano Listopad 15, 2016 przez kawasaki (zobacz historię edycji)

[Fizyda 34]

U mnie strona wczytuje się 9,71 sekund, czyli jak dla mnie tragedia.

[kawasaki 6]

Predkość strony głównie to prędkość łącza vps?
Co zrobić aby wyświetlała się szybciej, u mnie nie widzę aż tak długiego czasu oczekwiania na stornę, 10 sekund to od cholery długo czasu...

[Fizyda 34]

Jak jest w cache przeglądarki to 2,61 sekundy. A jak nie to prawie 10. Największym problemem jest to zdjęcie:

http://b-moto.pl/wp-content/uploads/2016/09/KIN_7502-kopiuj.jpg

które wczytuje się 8,52 sekundy, ale nie ma się co dziwić zajmuj 6mb i jest rozdzielczości 4k w ogóle jest ono skompresowane?

 

PS. Footer wygląda jakby go ktoś jeszcze nie skończył.

[kawasaki 6]

Nie jest skompresowane, bo chciałem zachować jego rozdzielczość i jakość, a myślę, że mogłoby to mieć znaczenie.
Jak zadziałać, żeby nie stracić na jego jakości, a żeby je skompresować, bo faktycznie no 6mb moze sie troche wgrywac...
Co poprawić w footerze, chodzi Ci o tego facebooka, czy o coś innego?

P.S Na tym zdjęciu jestem ja !

Edytowano Listopad 15, 2016 przez kawasaki (zobacz historię edycji)

[Fizyda 34]

Jeśli dużo użytkowników przegląda stronę na monitorze 4k to rozdzielczość zostaw, a jak nie to fhd wydaje mi się maks dla zdjęć na stronę. Co do kompresji to kompresja na poziomie 70-75% potrafi bardzo odchudzić zdjęcie, a dodatkowo człowiekowi ciężko będzie powiedzieć czy jest kompresowane czy nie bez zestawienia go z oryginałem.

Poza tym pomyślałeś o telefonach? Tak gigantyczne zdjęcie nie dość że zjada transfer to jeszcze zabija przeglądarkę. Może i 6MB gdy mamy do dyspozycji 4GB transferu nie jest dużo, ale 6MB to ważą całe strony. Poza tym to też zjada transfer serwera.

 

Web to nie druk gdzie im lepsza jakość tym lepszy produkt. Takie zdjęcia nawet w formacie raw mają sens gdy chcesz je drukować lub jeszcze nie wiesz do czego będziesz używał w tedy warto zachować zdjęcie w oryginale takie jakie wypluł aparat.

[kawasaki 6]

Czym najlepiej skompresować takie zdjęcie?
Wydaję mi się, że moją stronę przegląda na razie bardzo mało osób, a co dopiero mówic o uzytkownikach 4k
Chociaż ja sam mam 4k monitor, dlatego mi się to zdjęcie tak cholernie podoba na tej stronie głównej, ale masz racje, czas ładowania się strony jest o wiele wazniejszy od mojego samozadowolenia.
Dziękuję za tak szybkie podpowiedzi i pozdrawiam serdecznie !

[Fizyda 34]

Ja używam i zawsze używałem Photoshopa który ma fajne narzędzia do zapisu grafik właśnie pod kątem optymalizacji dla stron. Czym innym to zrobić nie wiem, nic nie polecę bo nic innego nie używałem, ale myślę że Gimp powinien taką opcję również posiadać.

 

Tutaj masz zdjęcia jakie uzyskałem po kompresji w Photoshopie, jedno w rozdzielczości tej co oryginał, a drugie dodatkowo zeskalowane do fhd.

Org size, 70% (2,3MB) - http://i.imgur.com/x82eawY.jpg

FHD size, 75% (802KB) - http://i.imgur.com/zLAKCOo.jpg

 

z ciekawości jak ogarniesz sobie jakieś inne programy możesz dać znać jakie wyniki uzyskałeś, bo ogarnąć temat i tak musisz bo przyda Ci się to na pewno nie raz, a te zdjęcia co Ci skompresowałem spokojnie możesz użyć.

Edytowano Listopad 15, 2016 przez Fizyda (zobacz historię edycji)

[kawasaki 6]

Dziekuję bardzo.
Okey wieczorem pobiore gimpa i zobacze jak to tam zadziała.
Ogólnie co do strony jeszcze coś gryzie w oczy? Tak od 0/10 jak ocenisz ją wygląd / techniczne zaplcze?
Pozdroo

[Gość Kamikadze]

Ten fejsbuk na dole jest w ogóle nieczytelny. Czcionka bez polskich znaków.

[kawasaki 6]

Jaka najlepsza wtyczka na wordpress, żeby dodać właśnie taki element facebookowy?
Albo właśnie do stopki tak jak jest to teraz, tylko żeby ładniej to wyglądało, a najlepiej żeby się wysuwało z boku strony.
Pobrałem kilka takich wtyczek, skonfigurowałem i za cholere to mi nie chciało działać, dlatego poszedłem na łatwiznę i zrobiłem w footerze taki nie ładny ten fb.

[bybunny 540]

Logo jest mało czytelne, co do przyspieszenia strony zainteresuj się jakimś CDN. Stronę opartą o wordpress można fajnie przyspieszyć. Najważniejsze jest jednak to byś ogarną sam DNS bo masz mały bałagan co widać w załączniku.

[kawasaki 6]

Usunę po prostu te b-moto.pl - bo te utworzył sam panel vesty, dlatego taki chaos, usunę je po prostu z poziomu panelu, a strona i tak ustawiona na ovhowskie dnsy, wiec powinno wszystko hulać, prawda?
Dzieki za podpowiedzi ! |



Jeszcze co do loga, w jakim pliku mogą być podane wymiary jego, bo po prostu sytuacja jest taka, że nie ważne w jakim rozmiarze wrzucam logo do szablonu nadal jest tej samej wielkości, kompresuję obraz do takiego małego rozmiaru i nie wiem za bardzo jak to mogę zmienić, bo faktycznie, małe i nieczytelne.
Na pierwszy rzut oka takich rzeczy jest nie widać, dopiero jak któś zwróci uwagę to widać jak to cholernie przeszkadza !

Edytowano Listopad 15, 2016 przez kawasaki (zobacz historię edycji)

[Westbam 64]

Masz na sztywno wrzucone 62x62.

Zerknij

prntscr.com/d8b61f

 

A faktycznie masakrycznie długo się wczytuje...

Edytowano Listopad 17, 2016 przez Gość (zobacz historię edycji)

[kawasaki 6]

Logo za chwilkę ogarnę, ale sprawdź proszę jeszcze raz ładowanie się strony u ciebie, czy się poprawiło coś ?
Pozdrawiam.


P.S Dziękuję za odpowiedzi!

Edit 1: Gdzie zmienic wielkość tego logo, żeby było tej wielkości jakiej wrzucam zdjęcie, a nie na sztywno zminiejszało do 62x62 ?

Edytowano Listopad 17, 2016 przez kawasaki (zobacz historię edycji)

[dext 9]

Testuj tu
https://tools.pingdom.com/#!/b2ZWtl/b-moto.pl

[kawasaki 6]

Dzieki bardzo za podanie stronki !

[Fizyda 34]

Powiększenie loga zwiększy górną belkę, a to sprawi że jeszcze mniej miejsca zostanie na treści na stronie. Sens zwiększenia loga będzie w tedy gdy odkleisz górny pasek od góry przeglądarki, albo będziesz zmniejszał logo w momencie gdy zjedzie się w dół i pasek przyklei się do górnej krawędzi.

 

Dla mnie ten górny pasek jest duży w rozdzielczości 1080 a co dopiero w 720.

Edytowano Listopad 18, 2016 przez Fizyda (zobacz historię edycji)