- \n
- tre\u015b\u0107<\/strong> \u2013 warto\u015bciowa dla u\u017cytkownika,<\/li>\n
- nawigacja<\/strong> \u2013 p\u0142ynna i czytelna (linkowanie wewn\u0119trzne),<\/li>\n
- jako\u015b\u0107<\/strong> \u2013 nie oszukiwa\u0107 Google :) – (ukryty tekst, DC, przekierowania),<\/li>\n<\/ul>\n
do kt\u00f3rych z du\u017cym prawdopodobie\u0144stwem dojdzie szybko\u015b\u0107 \u0142adowania strony, o czym z chwil\u0119.<\/p>\n
Buduj\u0105c stron\u0119 w oparciu o powy\u017csze wskaz\u00f3wki, dodaj\u0105c linkowanie naturalne<\/strong>, strona kiedy\u015b (w bli\u017cej nieokre\u015blonej przysz\u0142o\u015bci \u2026) pojawi si\u0119, adekwatnie do warto\u015bci, w wynikach wyszukiwania. Jak kto\u015b ma ochot\u0119 i zaci\u0119cie to czemu nie np. jest pasjonatem i tworzy dla siebie.<\/p>\n
Webmaster Tools<\/h3>\n
W narz\u0119dziach Google wprowadzi\u0142o troch\u0119 zmian, cz\u0119\u015b\u0107 z nich czysto kosmetycznych a cz\u0119\u015b\u0107 wzbogacaj\u0105cych informacje o stronie. Z tych wa\u017cniejszych dodano warto\u015bci przy s\u0142owach kluczowych, ze statystyk indeksowania znikn\u0105\u0142 wska\u017anik PageRank. Dodano te\u017c ca\u0142y dzia\u0142 laboratorium, gdzie mo\u017cemy zobaczy\u0107 stron\u0119 \u201eoczami” Googlebota, dowiedzie\u0107 si\u0119 o z\u0142o\u015bliwym oprogramowaniu na stronie i przejrze\u0107 wydajno\u015b\u0107 witryny<\/strong>.<\/p>\n
Funkcja jest w fazie eksperymentalnej. Dowiadujemy si\u0119 z niej o \u015brednim czasie \u0142adowania strony i odniesienie tego do \u0142adowania innych stron w sieci. Wykres na przestrzeni czasu oraz informacje co mo\u017cna optymalizowa\u0107 i o ile zmniejszy to wielko\u015b\u0107 \u0142adowan\u0105 do przegl\u0105darki. Oraz dodatek Page Speed<\/strong>, wymaga u\u017cytkowania Firefox (wersja 3.5) i Firebug (wersja 1.4).<\/p>\n
Analiza strony z Firebug (page speed)<\/h3>\n
Narz\u0119dzie Firebug<\/strong> samo w sobie jest przydatne do analizy kodu strony, zar\u00f3wno HTML i CSS. Mo\u017cemy zaznaczy\u0107 dowolny element na stronie i sprawdzi\u0107 kod HTML wykorzystywany do jego budowy oraz sk\u0105d bierze si\u0119 jego styl CSS. Jest to szczeg\u00f3lnie przydatne, je\u017celi sami nie tworzyli\u015bmy strony (np. korzystamy z przygotowanej sk\u00f3rki WordPress) a chcemy co\u015b na niej zmieni\u0107.<\/p>\n
![\"Firebug](\"http:\/\/www.cognitive-it.org\/wp-content\/uploads\/images\/firebug-page-speed.jpg\" "\\"Firebug")
<\/p>\nAnalizator Page Speed<\/strong> to dodatkowa zak\u0142adka w Firebug. Po uruchomieniu przeprowadza analiz\u0119 element\u00f3w odpowiedzialn\u0105 za szybko\u015b\u0107 \u0142adowania si\u0119 strony do okna przegl\u0105darki.<\/p>\n
Szybko\u015b\u0107 \u0142adowania si\u0119 strony a SERP<\/h4>\n
Podstawowe pytanie, od strony pozycjonowania, to czy warto wprowadza\u0107 takie zmiany. Od strony u\u017cytkowej odpowied\u017a jest jednoznacznie na tak. Szybsze \u0142adowanie strony to wygoda<\/strong> dla os\u00f3b odwiedzaj\u0105cych nasz\u0105 stron\u0119. Zreszt\u0105 przy dzisiejszych oczekiwaniach u\u017cytkownik\u00f3w co do tempa dost\u0119pu do informacji nie ma co nad tym dywagowa\u0107, nale\u017cy dostosowa\u0107.<\/p>\n
Co do SERP\u00f3w (Search Engine Results Page)<\/strong> to sprawa ma dwa wymiary. Pierwszy, zmniejszenie wielko\u015bci stron (poprawa wydajno\u015bci) zmniejszy ilo\u015b\u0107 danych, kt\u00f3re musi gromadzi\u0107 Google. Przy takiej ilo\u015bci stron nawet u\u0142amek procenta pozwoli na oszcz\u0119dno\u015bci zwi\u0105zane z centrami danych, \u0142\u0105czami itp. Naturalnym wydaje si\u0119 motywacja do tego za pomoc\u0105 wzrostu pozycji w wynikach wyszukiwania.<\/p>\n
Z drugiej strony, serwisy, kt\u00f3re maj\u0105 mniej tre\u015bci, automatycznie szybciej si\u0119 \u0142aduj\u0105. To stoi w sprzeczno\u015bci warto\u015bci\u0105 stron okre\u015blanej na podstawie ilo\u015bci informacji. Wynika\u0142oby z tego, \u017ce bardziej b\u0119dzie liczy\u0107 si\u0119 optymalizacja element\u00f3w<\/strong> a nie wielko\u015b\u0107 docelowa strony. W sumie to dobre posuni\u0119cie ze strony Google, zyskaj\u0105 zar\u00f3wno u\u017cytkownicy jak i Google. My\u015bl\u0119 jednak, \u017ce warto\u015b\u0107 tego elementu nie zmieni znacz\u0105co wyniku branego pod uwag\u0119 przy ustalaniu pozycji w wyszukiwarce.<\/p>\n
Podstawowe problemy<\/h3>\n
Je\u017celi zdecydujemy si\u0119 na optymalizacj\u0119 strony pod wzgl\u0119dem wydajno\u015bci to czego si\u0119 spodziewa\u0107. Testowa\u0142em to g\u0142\u00f3wnie na WordPressie, cho\u0107 przegl\u0105d kilku dodatkowych stron (w tym Google Adwords i Analytics) wskazuj\u0105 na podobne aspekty. Informacje o poprawkach otrzymujemy w podziale na trzy kategorie (ok, umiarkowane, znacz\u0105ce).<\/p>\n
Najcz\u0119\u015bciej otrzymujemy do poprawki<\/p>\n
- \n
- Optymalizacj\u0119 cache i cookies<\/li>\n
- W\u0142\u0105czenie kompresji Gzip<\/li>\n
- CSS (style) i JS (skrypty) \u2013 zmniejszenie wielko\u015bci plik\u00f3w i po\u0142\u0105czenie w jeden, przeniesienie ich do nag\u0142\u00f3wka, usuni\u0119cie nieaktywnych element\u00f3w<\/li>\n
- Optymalizacja\u00a0 obrazk\u00f3w (zwi\u0119kszenie kompresji)<\/li>\n<\/ol>\n
Jak przyspieszy\u0107 dzia\u0142anie strony<\/h3>\n
Mo\u017cna to robi\u0107 r\u0119cznie, lub w przypadku wordpressa wykorzysta\u0107 dodatkowe wtyczki. Wykorzysta\u0142em do tego dwie wtyczki (Script Compressor<\/strong> i Gzip Output<\/strong>). Z t\u0105 pierwsz\u0105 trzeba uwa\u017ca\u0107, gdy\u017c przeniesienie CSS i JS do sekcji head przez ni\u0105 mo\u017ce si\u0119 sko\u0144czy\u0107 utrat\u0105 cz\u0119\u015bci funkcjonalno\u015bci skrypt\u00f3w lub cz\u0119\u015bci styl\u00f3w i strona ju\u017c nie wygl\u0105da jak wcze\u015bniej. To za\u0142atwia w wi\u0119kszo\u015bci 2 i 3 pkt z listy. Reszt\u0119 odno\u015bnie tych zmian mo\u017cemy pobra\u0107 z narz\u0119dzia (zmniejszony CSS i JS oraz skompresowane obrazki<\/em> – pkt 4).<\/p>\n
Co do optymalizacji cache to testowa\u0142em wtyczki WP Cache i Super Cache, ale zniech\u0119ci\u0142 mnie zbyt du\u017cy stopie\u0144 ingerencji w wordpressa. Trzeba przyzna\u0107, \u017ce demonem pr\u0119dko\u015bci to wordpress nie jest, jednak analiza stron Google Adwords i Analytics wykrywa podobne problemy wi\u0119c nie ma si\u0119 co martwi\u0107. Natomiast strona Google jest dobrze zoptymalizowana<\/strong>.<\/p>\n
Podsumowanie \u2013 szybko\u015b\u0107 \u0142adowania strony<\/h3>\n
Google w ostatnim czasie zacz\u0105\u0142 promowa\u0107 dzia\u0142ania na rzecz zwi\u0119kszania wydajno\u015bci stron (zwi\u0119kszenia szybko\u015bci dzia\u0142ania). W webmaster tools otrzymali\u015bmy podstawowe informacje na temat problem\u00f3w ze stron\u0105 oraz narz\u0119dzie Firebug Page Speed<\/strong> do pobrania. Przeprowadza ono analiz\u0119 element\u00f3w naszej strony i informuje, kt\u00f3re elementy mo\u017cemy poprawi\u0107. G\u0142\u00f3wnie sprowadza si\u0119 to do optymalizacji cache oraz skrypt\u00f3w i styl\u00f3w<\/strong> wykorzystywanych na stronie.<\/p>\n
Mo\u017cliwe, \u017ce szybko\u015b\u0107 dzia\u0142ania \u0142adowania si\u0119 strony b\u0119dzie mia\u0142a wp\u0142yw na pozycj\u0119 w wynikach wyszukiwania. Na razie jednak strony Google, oraz wi\u0119kszo\u015b\u0107 popularnych serwis\u00f3w nie jest zoptymalizowana.<\/p>\n","protected":false},"excerpt":{"rendered":"
O tym, \u017ce Google zaleca tworzenie stron pod k\u0105tem u\u017cytkownika (usability – optymalizacja strony) wie chyba ka\u017cdy, kto zajmuje si\u0119 pozycjonowaniem i po\u015bwi\u0119ci\u0142 chwil\u0119 czasu…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[159,156],"tags":[50,104],"class_list":["post-1602","post","type-post","status-publish","format-standard","hentry","category-optymalizacja","category-seo-2","tag-optymalizacja-strony","tag-szybkosc-strony"],"_links":{"self":[{"href":"https:\/\/www.cognitive-it.org\/index.php\/wp-json\/wp\/v2\/posts\/1602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cognitive-it.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cognitive-it.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cognitive-it.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cognitive-it.org\/index.php\/wp-json\/wp\/v2\/comments?post=1602"}],"version-history":[{"count":0,"href":"https:\/\/www.cognitive-it.org\/index.php\/wp-json\/wp\/v2\/posts\/1602\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cognitive-it.org\/index.php\/wp-json\/wp\/v2\/media?parent=1602"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cognitive-it.org\/index.php\/wp-json\/wp\/v2\/categories?post=1602"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cognitive-it.org\/index.php\/wp-json\/wp\/v2\/tags?post=1602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- nawigacja<\/strong> \u2013 p\u0142ynna i czytelna (linkowanie wewn\u0119trzne),<\/li>\n