Nowa strona. Ocenicie? :)

[elementh]

NEW LOOK!
NEW STYLE!
NEW EXPERIENCE!
NEW ABILITIES!
NEW POSIBILITIES!
NEW DESIGN!
EVERYTHING NEW
LIKE IT AND PLUS IT
http://elementh.pl/

P.S. Snickers dla każdego kto wynajdzie błąd na stronie

Proszę o ocenkę bez skrupułów

[Kamil Kuczyński]

1. Logo jest słabo widoczne
2. Brakuje hasła.Jak się wchodzi to nie wiadomo o co chodzi? Trzeba trochę poczytać
3. Przydałoby się dodać LosowaRealizacja czego? Ja się nie połapałem o co z tym chodzi.Po 2 warto byłoby jeszcze lepiej wyróźnić przyciski.

[elementh]

Witaj Kamil,
dzięki za surową opinię

Moje zdanie:
1. Logo zostaje
2. Nad hasłem cały czas główkuję (nie chcę spalić, musi być pro )
3. Racja, dodam o co chodzi z realizacjami.
3a. Przyciski MENU czy przyciski tego bajeru z losowym REALIZACJAMI?

[Kamil Kuczyński]

Stronka ogólnie jest fajna i wzbudza zaufanie co do umiejętności. Największym manka-mętem jest to, że trudno się zorientować na początku o co chodzi w niej.

Dziwie się, że nie zbierasz listy mailingowej, aczkolwiek sam nie wiem po co by Ci była.

Z menu chodziło mi o tą realizcję. Menu na górze mi się podoba. Jest czytelne i wiadomo co biega.

[JakubCzekaj]

No to ja się trochę poprzyczepiam Jest trochę błędów, trochę niedociągnięć i trochę do zoptymalizowania jedziemy więc: (od rzeczy najłatwiejszych do najtrudniejszych).

Łatwe:

- popraw kod strony, masz mnóstwo błędów dotyczące samego języka html - wszystko zobaczysz w validatorze w3c http://validator.w3.org/check?uri=http%3A%2F%2Felementh.pl%2F&charset=%28detect+automatically%29&doctype=Inline&group=0,

- nagłówek h1 jest jak tytuł, powinno się go używać tylko raz na stronie, także zmień strukturę tych "boksów" - zrób jeden nagłówek h1 o tworzeniu stron, a resztę usług dopisz w h2, h3 itd...

- jeżeli wstawiasz obrazki na stronę przez tag img - podawaj wysokość i szerokość, w ten sposób przeglądarka będzie wiedziała ile miejsca zajmie obraz jeszcze przed jego wczytaniem - przyspieszy to działanie strony,

- zmień może kolor tego slider'a u góry, żeby się wyróżniał i żeby nie patrzeć na niego jak "na resztę" oferty, jak wyżej napisano - ciężko się tam połapać o co chodzi,

Średnie:

-optymalizuj obrazy, możesz spokojnie poucinać trochę ich rozmiar bez straty jakości. Do optymalizacji jpg: http://jpegclub.org/, do optymalizacji png: http://optipng.sourceforge.net/, w przypadku niektórych plików będziesz mógł skompresować je nawet do rozmiaru o 50% mniejszego ! Jeszcze raz powtarzam że bez straty jakości ! Im mniejsza strona tym szybciej się wczytuje, a że google bierze to pod uwagę przy SERP-ach to jeszcze lepiej

-zminimalizuj kod CSS i HTML, ale to dopiero po wykonaniu wszelkich niezbędnych poprawek, znowu jak powyżej będziesz mógł zmniejszyć troszkę swoją stronę. poczytaj na ten temat tu: http://code.google.com/intl/pl/speed/page-speed/docs/payload.html#MinifyCSS i tu: http://code.google.com/intl/pl/speed/page-speed/docs/payload.html#MinifyHTML


Trudne:

- stosuj kompresje wysyłanych użytkownikowi plików (gzip lub deflate), zrobisz to choćby poprzez plik .htaccess a konkretnie uruchomienie w nim apachowego mod_deflate.c,

- określ jak długo pliki Twojej strony mają być przechowywane na komputerze odwiedzających, tutaj jak wyżej służy do tego .htaccess i moduł mod_expires.c, będziesz mógł dokładnie określić jakie typy plików jak długo będą przechowywane w tempach, a co za tym idzie - mniej transferu będzie zużywane na Twojej stronie, a szybkość wczytywania strony u użytkowników którzy już ją odwiedzili będzie drastycznie większa (zasoby z komputera),


Generalnie strona bardzo fajna, ja podrzuciłem Ci tylko wskazówki takie techniczne Miłej zabawy. Jak będziesz miał jakieś pytania dotyczące tych punktów to wal śmiało

[elementh]

Przejrzałem twoje sugestie i aż mi się głupio zrobiło, że nie zwróciłem uwagi na niektóre bardzo oczywiste aspekty
Bardzo się przyłożyłeś za co dziękuję. Od razu biorę się za poprawki, bo przecież tak nie może być
Czyli co? Chyba siedzę Ci karton Snickersów, albo dogłębne przegrzebanie twojego portfolio jak ukończysz Lepiej się postaraj, bo nie będzie litości xD

pozdrawiam,
Też jestem Kuba

[elementh]

Łatwe:
- popraw kod strony, masz mnóstwo błędów dotyczące samego języka html - wszystko zobaczysz w validatorze w3c http://validator.w3.org/check?uri=http%3A%2F%2Felementh.pl%2F&charset=%28detect+automatically%29&doctype=Inline&group=0,

Zrobione. Lepiej się nie da niż jest teraz, bo wykrywa błędy w skrypcie FB oraz przekłamuje z tym, że zamykam taga <p>, który nie został otwarty, a to nie prawda

- nagłówek h1 jest jak tytuł, powinno się go używać tylko raz na stronie, także zmień strukturę tych "boksów" - zrób jeden nagłówek h1 o tworzeniu stron, a resztę usług dopisz w h2, h3 itd...

Zostawiam to jak jest. Wydaje mi się, że to nie problem, że się powtarza h1. Jeśli jest inaczej to proszę o argumentację popartą przykładami lub artykułami

- jeżeli wstawiasz obrazki na stronę przez tag img - podawaj wysokość i szerokość, w ten sposób przeglądarka będzie wiedziała ile miejsca zajmie obraz jeszcze przed jego wczytaniem - przyspieszy to działanie strony,

Zrobione. Rzeczywiście wpływa to na speeda

- zmień może kolor tego slider'a u góry, żeby się wyróżniał i żeby nie patrzeć na niego jak "na resztę" oferty, jak wyżej napisano - ciężko się tam połapać o co chodzi,

Kolor zostaje. Moim zdaniem tworzy spójną-integralną całość z resztą strony.

Średnie:
-optymalizuj obrazy, możesz spokojnie poucinać trochę ich rozmiar bez straty jakości. Do optymalizacji jpg: http://jpegclub.org/, do optymalizacji png: http://optipng.sourceforge.net/, w przypadku niektórych plików będziesz mógł skompresować je nawet do rozmiaru o 50% mniejszego ! Jeszcze raz powtarzam że bez straty jakości ! Im mniejsza strona tym szybciej się wczytuje, a że google bierze to pod uwagę przy SERP-ach to jeszcze lepiej

Staram się w photoshopie optymalizować poprzez funkcję "Save for WEB and Devices" i źle to nie wychodzi i mało zajmuje.

-zminimalizuj kod CSS i HTML, ale to dopiero po wykonaniu wszelkich niezbędnych poprawek, znowu jak powyżej będziesz mógł zmniejszyć troszkę swoją stronę. poczytaj na ten temat tu: http://code.google.com/intl/pl/speed/page-speed/docs/payload.html#MinifyCSS i tu: http://code.google.com/intl/pl/speed/page-speed/docs/payload.html#MinifyHTML

Z tego co tam wyczytałem i przejrzałem swój kod to w sumie nie ma co skracać Wydaje mi się, że wszystko jest najkrócej jak się da.

Trudne:
- stosuj kompresje wysyłanych użytkownikowi plików (gzip lub deflate), zrobisz to choćby poprzez plik .htaccess a konkretnie uruchomienie w nim apachowego mod_deflate.c,

Zrobiłem to na podstawie tego artykułu http://www.samaxes.com/2009/01/more-on- ... -htaccess/ i wydaje mi się, że jest tak jak powinno

- określ jak długo pliki Twojej strony mają być przechowywane na komputerze odwiedzających, tutaj jak wyżej służy do tego .htaccess i moduł mod_expires.c, będziesz mógł dokładnie określić jakie typy plików jak długo będą przechowywane w tempach, a co za tym idzie - mniej transferu będzie zużywane na Twojej stronie, a szybkość wczytywania strony u użytkowników którzy już ją odwiedzili będzie drastycznie większa (zasoby z komputera),

Zrobione techniką taką jak w poprzednim punkcie.


Wydaję mi się, że sobie poradziłem. Sprawdziłem na koniec stronę speed testem na GOMEZ.COM narzędziem INSTANT LOAD TEST.
Wynik testu to 7sekund - dużo?

pozdrawiam i dzięki za wskazówki

[JakubCzekaj]

Zostawiam to jak jest. Wydaje mi się, że to nie problem, że się powtarza h1. Jeśli jest inaczej to proszę o argumentację popartą przykładami lub artykułami

Tutaj sobie poczytaj, oficjalne forum google.
http://www.google.com/support/forum/p/W ... 555e&hl=pl

Ale warto też przeglądnąć:
http://blog.seo-profi.pl/naglowek-h1-jak-uzywac/
http://blog.widzialni.pl/do-czego-sluza ... rnetowych/

Kolor zostaje. Moim zdaniem tworzy spójną-integralną całość z resztą strony.

To są w sumie subiektywne odczucia więc nawet nie powinienem zwracać na to uwagę

Staram się w photoshopie optymalizować poprzez funkcję "Save for WEB and Devices" i źle to nie wychodzi i mało zajmuje.

Mimo wszystko wciąż można je zoptymalizować: Można zmniejszyć rozmiar o 48.9 KB (32%)

Zrobiłem to na podstawie tego artykułu http://www.samaxes.com/2009/01/more-on- ... -htaccess/ i wydaje mi się, że jest tak jak powinno

Niestety wciąż coś jest nie tak z tego co widzę, ustawiłeś po prostu na zbyt krótki czas przetrzymywania strony w tempach - niektóre pliki jak np. obrazki mogą spokojnie siedzieć przez miesiąc czy więcej na komputerze użytkownika i z tym się nic nie dzieje.

Zrobione techniką taką jak w poprzednim punkcie.

Coś jest nie teges bo w firebugu pokazuje mi że wciąż wysyłane są nieskompresowane pliki.

Pokazałbyś mi ten Twój pliczek htaccess to coś wymyślimy, ale wszystko idzie w dobrym kierunku !

[elementh]

Oto mój pliczek .htaccess:

Kod: Zaznacz wszystko

# Elementh WebDesign
# Plik z przekierowaniami 301
#
# Przekierowanie www.elementh.pl na elementh.pl (bez www)
RewriteEngine On
rewritecond %{http_host} ^www.elementh.pl [nc]
rewriterule ^(.*)$ http://elementh.pl/$1 [r=301,nc]
#
# Przekierowanie z adresu z indexem na domene
rewriterule ^(.*)\/index\.php$ $1 [R=301,L]
rewriterule ^index\.php$ / [R=301,L]
rewriterule ^(.*)\/index\.html$ $1 [R=301,L]
rewriterule ^index\.html$ / [R=301,L]
rewriterule ^(.*)\/home\.html$ $1 [R=301,L]
rewriterule ^home\.html$ / [R=301,L]
#
# Przekierowania BAD-linków na poprawne i starych plików na nowe
Redirect 301 /pl/index.html http://elementh.pl/
Redirect 301 /home/empolpl/public_html/el/pl http://elementh.pl/
Redirect 301 /oferta.html http://elementh.pl/oferta.php
Redirect 301 /projekty.html http://elementh.pl/realizacje.php
Redirect 301 /projects.html http://elementh.pl/realizacje.php
Redirect 301 /realizacje.html http://elementh.pl/realizacje.php
Redirect 301 /realiacje.html http://elementh.pl/realizacje.php
Redirect 301 /real.html http://elementh.pl/realizacje.php
Redirect 301 /omnie.html http://elementh.pl/o_nas.php
Redirect 301 /pl/omnie.html http://elementh.pl/o_nas.php
Redirect 301 /o_mnie.html http://elementh.pl/o_nas.php
Redirect 301 /kontakt.html http://elementh.pl/kontakt.php
#
# BEGIN Compress text files <-[size=150] TU SIĘ ZACZYNA TO O CZYM MÓWIMY[/size]
<ifModule mod_deflate.c>
  <filesMatch "\.(css|js|x?html?|php)$">
    SetOutputFilter DEFLATE
  </filesMatch>
</ifModule>
# END Compress text files
 
# BEGIN Expire headers
<ifModule mod_expires.c>
  ExpiresActive On
  ExpiresDefault "access plus 1 seconds"
  ExpiresByType image/x-icon "access plus 2592000 seconds"
  ExpiresByType image/jpeg "access plus 2592000 seconds"
  ExpiresByType image/png "access plus 2592000 seconds"
  ExpiresByType image/gif "access plus 2592000 seconds"
  ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
  ExpiresByType text/css "access plus 604800 seconds"
  ExpiresByType text/javascript "access plus 216000 seconds"
  ExpiresByType application/javascript "access plus 216000 seconds"
  ExpiresByType application/x-javascript "access plus 216000 seconds"
  ExpiresByType text/html "access plus 600 seconds"
  ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>
# END Expire headers
 
# BEGIN Cache-Control Headers
<ifModule mod_headers.c>
  <filesMatch "\.(ico|jpe?g|png|gif|swf)$">
    Header set Cache-Control "max-age=2592000, public"
  </filesMatch>
  <filesMatch "\.(css)$">
    Header set Cache-Control "max-age=604800, public"
  </filesMatch>
  <filesMatch "\.(js)$">
    Header set Cache-Control "max-age=216000, private"
  </filesMatch>
  <filesMatch "\.(x?html?|php)$">
    Header set Cache-Control "max-age=600, private, must-revalidate"
  </filesMatch>
</ifModule>
# END Cache-Control Headers
 
# BEGIN Turn ETags Off
<ifModule mod_headers.c>
  Header unset ETag
</ifModule>
FileETag None
# END Turn ETags Off
 
# BEGIN Remove Last-Modified Header
<ifModule mod_headers.c>
  Header unset Last-Modified
</ifModule>
# END Remove Last-Modified Header


[JakubCzekaj]

Coś takiego powinno wystarczyć, z tym że ustawione mam tutaj że pliki wygasają po roku, poza html, rss wiadomo że one częściej są zmieniane.

Wrzuć przetestujemy

Kod: Zaznacz wszystko

# Elementh WebDesign
# Plik z przekierowaniami 301
#
# Przekierowanie www.elementh.pl na elementh.pl (bez www)
RewriteEngine On
rewritecond %{http_host} ^www.elementh.pl [nc]
rewriterule ^(.*)$ http://elementh.pl/$1 [r=301,nc]
#
# Przekierowanie z adresu z indexem na domene
rewriterule ^(.*)\/index\.php$ $1 [R=301,L]
rewriterule ^index\.php$ / [R=301,L]
rewriterule ^(.*)\/index\.html$ $1 [R=301,L]
rewriterule ^index\.html$ / [R=301,L]
rewriterule ^(.*)\/home\.html$ $1 [R=301,L]
rewriterule ^home\.html$ / [R=301,L]
#
# Przekierowania BAD-linków na poprawne i starych plików na nowe
Redirect 301 /pl/index.html http://elementh.pl/
Redirect 301 /home/empolpl/public_html/el/pl http://elementh.pl/
Redirect 301 /oferta.html http://elementh.pl/oferta.php
Redirect 301 /projekty.html http://elementh.pl/realizacje.php
Redirect 301 /projects.html http://elementh.pl/realizacje.php
Redirect 301 /realizacje.html http://elementh.pl/realizacje.php
Redirect 301 /realiacje.html http://elementh.pl/realizacje.php
Redirect 301 /real.html http://elementh.pl/realizacje.php
Redirect 301 /omnie.html http://elementh.pl/o_nas.php
Redirect 301 /pl/omnie.html http://elementh.pl/o_nas.php
Redirect 301 /o_mnie.html http://elementh.pl/o_nas.php
Redirect 301 /kontakt.html http://elementh.pl/kontakt.php

<IfModule mod_expires.c>
    Header set cache-control: public
    ExpiresActive on
    ExpiresDefault "access plus 1 month"
    ExpiresByType text/html             "access plus 1 week"
    ExpiresByType application/rss+xml   "access plus 1 week"
    ExpiresByType image/png             "access plus 1 year"
    ExpiresByType image/jpg             "access plus 1 year"
    ExpiresByType image/jpeg            "access plus 1 year"
    ExpiresByType video/ogg             "access plus 1 year"
    ExpiresByType audio/ogg             "access plus 1 year"
    ExpiresByType video/mp4             "access plus 1 year"
    ExpiresByType image/x-icon          "access plus 1 year"
    ExpiresByType font/ttf              "access plus 1 year"
    ExpiresByType image/svg+xml         "access plus 1 year"
</IfModule>

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
</IfModule>