Ocena strony

0

Witam

Proszę o ocenę i co poprawić.

http://mario89.smarthost.pl/

0

fajna, schludna stronka wzorowana na material design, spoko jest :)

p.s. przy

<script src="js/niceScroll.js"</script>

musisz chyba zamknąć ">" ale to pierdoła w sumie ;)

0
czysteskarpety napisał(a):

fajna, schludna stronka wzorowana na material design, spoko jest :)

p.s. przy

<script src="js/niceScroll.js"</script>

musisz chyba zamknąć ">" ale to pierdoła w sumie ;)

właśnie, że ktoś mi powiedział, że strona nie jest zgodna z zasadami web designu i nie jest estetycznie zrobiona, dlatego proszę o pomoc co poprawić

1

wiesz, zawsze ktoś ci się będzie przypier... nawet z czystej złośliwości, wszystkich nie zadowolisz :)
ew. możesz też dodać do htaccess:

ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/json "access 1 month
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"

wtedy będziesz miał wyższe wyniki w testach syntetycznych z cache
plus włączyć gzip, bo nie ma:
https://checkgzipcompression.com/?url=http%3A%2F%2Fmario89.smarthost.pl%2F
jak? tutaj:
https://varvy.com/pagespeed/enable-compression.html

0

Powiem szczerze, że na mobilnym Chrome dziala bardzo wolno, szczególnie przewijanie.

0

W ogóle parodią w tych czasach jest to, że na tak szybkich komputerach jakie mamy teraz takie stronki się ładują. Przecież render tego powinien zająć 1ns.

0
grzesiek51114 napisał(a):

Powiem szczerze, że na mobilnym Chrome dziala bardzo wolno, szczególnie przewijanie.

Dzięki za odpowiedź. Jakieś sugestie jak mogę to przyspieszyć ?

0

Z jakiegoś tutoriala uczyłeś się robić takie fancy stronki? Jeśli tak to mogę linka?

0
Biały Rycerz napisał(a):

Z jakiegoś tutoriala uczyłeś się robić takie fancy stronki? Jeśli tak to mogę linka?

nie z tutoriala; przeglądam strony i próbuje stworzyć takie coś u siebie jak jakiś element mi się spodoba

0
czysteskarpety napisał(a):

wiesz, zawsze ktoś ci się będzie przypier... nawet z czystej złośliwości, wszystkich nie zadowolisz :)
ew. możesz też dodać do htaccess:

ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/json "access 1 month
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"

wtedy będziesz miał wyższe wyniki w testach syntetycznych z cache
plus włączyć gzip, bo nie ma:
https://checkgzipcompression.com/?url=http%3A%2F%2Fmario89.smarthost.pl%2F
jak? tutaj:
https://varvy.com/pagespeed/enable-compression.html

utworzyłem plik .htaccess

wkleiłem:
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.gzip.
</ifModule>

wyświetla:

The server encountered an internal error or misconfiguration and was unable to complete your request.

Please contact the server administrator at [email protected] to inform them of the time this error occurred, and the actions you performed just before this error.

More information about this error may be available in the server error log.

Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.

0

z gzip być może kwestia hostingu
możesz też poszukać jquery ver light, twój zajmuje ponad 80kb, są wersje 29kb
spróbuj wyłączyć jquery.nicescroll.min.js może on zwalnia na chrome mobile
potestuj- to też nauka ;)

0
Uncaught TypeError: $(...).ColorPanel is not a function
    at colorPanel.js:1
0
czysteskarpety napisał(a):

z gzip być może kwestia hostingu
możesz też poszukać jquery ver light, twój zajmuje ponad 80kb, są wersje 29kb
spróbuj wyłączyć jquery.nicescroll.min.js może on zwalnia na chrome mobile
potestuj- to też nauka ;)

Zostawić preloader czy usunąć ? bo podobno strasznie drażni

0

rób jak uważasz,przecież to twoja strona, dla mnie bez róznicy :)

0

Raport GTmetrix : Inline small JavaScript

Czy dobrym rozwiązaniem będzie umieszczenie kodu javascript inline bezpośrednio w html ?

Raport Minify HTML, CSS, Javascript
Czy kompresować pliki html, css, js ?

0

Bardzo mi się podoba, taka mała wizytówka online. Estetyka też na poziomie.

0

Pokusiłem się o krótkie zastanowienie się nad designem Twojej strony, jeśli chodzi o UX (co do kodu, mam za mało doświadczenia). Jako zwykły użytkownik (yyy… no, poudawajmy ;) ) uważam, że:

1. Ogólne wrażenie. Strona została wykonana bardzo schludnie. Liczba linków nie przytłacza. Można się sprawnie poruszać.
2. Szybkość działania. Trudno mi to ocenić, gdyż jestem przezwyczajony do "nienatychmiastowego" ładowania się stron.
3. Układ treści (w obrębie strony i poszczególnych podstron). Rozsądny. Za mało treści (lub zbyt ogólna), by to konkretniej ocenić.
4. Rozmieszczenie elementów. Na stronie http://mario89.smarthost.pl/portfolio.html razi mnie trochę wolne miejsce poprawej stronie – przy mojej rozdzielczości w poziomie 1024px. Poza tym – nie mam większych zastrzeżeń.


Poza tym, taka moja myśl: dobra strona powinna według mnie być (posortowałem od najmniej ważnej do najważniejszej; o punkcie nr 1 można myśleć jak o warunku koniecznym, a o punkcie nr 4 jak o warunku wystarczającym do pozytywnego wrażenia z użytkowania strony):

4. Treściwa – strona po prostu powinna być treściwa, bym na nią w ogóle chciał zajrzeć. To znaczy – musi albo mieć to, czego szukam, albo przekonać mnie, że "tego właśnie szukasz!". By Google mógł ją poprawnie wyświetlić na pierwszym miejscu w swoich wynikach (także z uwagi na słowa kluczowe), które odpowiadają mojemu zapytaniu (to złożona sprawa). By samemu autorowi chciało się powiązać z nią profile na Facebooku, na GitHubie oraz na 4programmers (tak, ja czasem patrzę na link do bloga u niektórych użytkowników) – dzięki czemu Google ją wyżej zaindeksuje (miejmy nadzieję; to odnosi się do blogów itp.).
3. Przejrzysta pod względem treści – nawet gdy jest treściwa, to nie znaczy, że autor nie wrzucił na daną podstronę trzydziestu artykułów (na szczęście każdy, według punktu nr 2, ładnie sformatowany), przez które muszę się przekopywać, żeby znaleźć ten jeden pasujący – a tekst na odnośniku/przycisku nic mi o tym nie powiedział.
2. Przejrzysta pod względem wizualnym – nawet gdy wiadomo, co gdzie powinno być na przykład po nazwach odnośników/przycisków (menu) czy wskazówkach (np. gdy się najedzie kursorem), bez przejrzystości w oprawie graficznej (przykładowo) zniechęcę się, zanim dotrę do tego jednego artykułu na dwudziestej podstronie (na szczęście jest Google i jego indeksy). Albo gdy szukam podstrony "FAQ", a znajduję tylko "About" (bo przycisk "FAQ" został inaczej sformatowany niż pozostałe przyciski w menu i jest na dole strony).
1. Kompatybilna z przeglądarkami i odporna na dziwne ustawienia użytkownika – nawet gdy jest przejrzysta, to jeśli nie załaduje się w mojej przeglądarce, nic z tego nie będzie (lub załaduje się np. samo logo, bo reszta zawartości zależy od ciastek). Zdarzyło mi się nawet zobaczyć, że strona była po prostu pusta, biała (jak about:blank wpisane w pasku URL przeglądarki – ale nie patrzyłem do kodu). Nie pamiętam teraz, ale zakładam, że na 85% była to kwestia wyłączonej obsługi ciastek.

Twoja strona spełnia punkt nr 1 (przy mojej konfiguracji przeglądarki), nr 2 oraz nr 3. Czy nr 4, to wyjdzie w praniu, jeśli z tej strony (lub szablonu na niej przygotowanego) coś więcej będziesz chcieć zrobić.


UPDATE: Oczywiście, hm, nie uwzględniłem w powyższym zestawieniu niektórych rzeczy, jak:

  • bezpieczeństwo faktyczne (które strona ma), "sugerowane" (które strona mówi, że ma), "pożądane" (które użytkownik powinien mieć) i "oczekiwane" (które użytkownik chciałby mieć);
  • szybkość i płynność działania – to są dla mnie rzeczy pośledniejsze w ogólności, bo silnie zależą od celu mojej wizyty na stronie;
  • możliwość znalezienia strony – coś wspomniałem, ale SEO to złożony temat i myślę, że albo wiesz więcej ode mnie, albo nie masz się co przejmować tym na własną rękę.

Podkreślam, nie jestem żadnym ekspertem, a powyższe są to moje luźne uwagi. ;)

1 użytkowników online, w tym zalogowanych: 0, gości: 1