{"id":40,"date":"2012-03-25T11:44:20","date_gmt":"2012-03-25T11:44:20","guid":{"rendered":"http:\/\/webowiec.net\/blog\/?p=40"},"modified":"2012-03-25T11:44:49","modified_gmt":"2012-03-25T11:44:49","slug":"kody-szpiegujace-optymalizacja-strony","status":"publish","type":"post","link":"https:\/\/webowiec.net\/blog\/kody-szpiegujace-optymalizacja-strony\/","title":{"rendered":"Kody szpieguj\u0105ce &#8211; optymalizacja strony"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" title=\"Optymalizacja strony www\" src=\"http:\/\/webdesign.grzegorzbielak.pl\/wp-content\/uploads\/2011\/12\/optymalizacja.jpg\" alt=\"\" width=\"310\" height=\"387\" \/>Ci\u0105gn\u0105c dalej temat kod\u00f3w wychodz\u0105cych \/ kod\u00f3w szpieguj\u0105cych, nie mo\u017cna pomin\u0105\u0107 chyba najwa\u017cniejszej kwestii czyli optymalizacji kodu.<\/p>\n<p>Jeszcze jaki\u015b czas temu, powiedzmy przed dwoma laty, projektowanie stron internetowych sprowadza\u0142o si\u0119 jedynie do poprawno\u015bci wizualnej, opcjonalnie standaryzacj\u0105 kodu wg W3C, kilka dni sp\u0119dzonych nad kursem HTML-a, podstawowe informacje o CSS, i w\u0142asna strona internetowa nie stanowi\u0142a ju\u017c wi\u0119kszego problemu.<\/p>\n<p>&nbsp;<\/p>\n<p>Jednak dzi\u015b, aby m\u00f3c dopisa\u0107 do swoich osi\u0105gni\u0119\u0107 kolejn\u0105 <a href=\"https:\/\/webowiec.net\/blog\/tag\/strony-www\/\">witryn\u0119 www<\/a>, nale\u017cy nico bardziej si\u0119 wysili\u0107, opr\u00f3cz oprawy graficznej godnej XXI wieku, niebanalnych styl\u00f3w CSS, fruwaj\u0105cych bajer\u00f3w JavaScript czy w ko\u0144cu ca\u0142ych system\u00f3w CMS, musimy zadba\u0107 o to aby nasza strona by\u0142a &#8220;dobrze zoptymalizowana&#8221; &#8211; przyjazna zar\u00f3wno u\u017cytkownikowi jak i botom wyszukiwarek, tak aby u\u017cytkownik mia\u0142 mo\u017cliwo\u015b\u0107 <a title=\"Szybko\u015b\u0107 wczytywania strony \u2013 kody szpieguj\u0105ce\" href=\"https:\/\/webowiec.net\/blog\/szybkosc-wczytywania-strony-kody-szpiegujace\/\">szybkiego i bezproblemowego dotarcia do strony<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Dzi\u015b skupimy si\u0119 na powi\u0105zaniu optymalizacji strony z kodami zewn\u0119trznymi<span class=\"Apple-style-span\" style=\"font-size: 11px; line-height: 17px;\">.<\/span><\/strong><\/p>\n<p>Ka\u017cdy<a href=\"https:\/\/webowiec.net\/blog\/tag\/kody-szpiegujace\/\"> kod wychodz\u0105cy z naszej witryny<\/a> to kolejny tzw &#8220;obiekt&#8221;, kt\u00f3ry przegl\u0105darka musi pobra\u0107, aby wy\u015bwietli\u0107 stron\u0119 u\u017cytkownikowi. W przypadku obiekt\u00f3w wewn\u0119trznych, czyli: styl\u00f3w CSS, kod\u00f3w JS, obrazk\u00f3w, kt\u00f3re s\u0105 na serwerze razem ze stron\u0105, przegl\u0105darka pobiera je wszystkie hurtem, czyli w 1 sesji, co sprawia, \u017ce pobieraj\u0105 si\u0119 do\u015b\u0107 szybko i bezproblemowo.<\/p>\n<p>W przypadku <a href=\"https:\/\/webowiec.net\/blog\/tag\/kody-zewnetrzne\/\">obiekt\u00f3w wychodz\u0105cych<\/a>, przegl\u0105darka jest zmuszona nawi\u0105za\u0107 ca\u0142kiem nowe po\u0142\u0105czenie z serwerem, na kt\u00f3rym dany obiekt si\u0119 znajduje, pobra\u0107 go, do\u0142\u0105czy\u0107 do strony i dopiero zabra\u0107 si\u0119 za pobieranie dalszej cz\u0119\u015bci witryny. Jest to wi\u0119c kolejne zb\u0119dne po\u0142\u0105czenie jakie wykonuje przegl\u0105darka.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/webowiec.net\/blog\/tag\/kody-szpiegujace\/\">Kody szpieguj\u0105ce<\/a> &#8211; obiekty wychodz\u0105ce, o tyle s\u0105 niebezpieczne dla optymalizacji, \u017ce nigdy nie wiadomo ile dok\u0142adnie czasu b\u0119d\u0105 si\u0119 \u0142adowa\u0107.<\/p>\n<p>Przyk\u0142ad\u00f3w nie trzeba wcale d\u0142ugo szuka\u0107, wystarczy przegl\u0105dn\u0105\u0107 kilka najpopularniejszych stron. Do\u015b\u0107 \u0142atwo zauwa\u017cymy, \u017ce jaka\u015b strona \u0142aduje si\u0119 d\u0142ugo.. Jest to w\u0142a\u015bnie przyczyna kod\u00f3w szpieguj\u0105cych.<\/p>\n<p>&nbsp;<\/p>\n<p>Podsumowuj\u0105c: im mniej wychodz\u0105cych obiekt\u00f3w na naszej stronie, tym szybciej ona b\u0119dzie si\u0119 \u0142adowa\u0107 naszym u\u017cytkownikom, oraz automatycznie tym wi\u0119ksz\u0105 popularno\u015b\u0107 b\u0119dzie mia\u0142a nasza strona. Nie zapominajmy, \u017ce u\u017cytkownicy lubi\u0105 szybkie strony!<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ci\u0105gn\u0105c dalej temat kod\u00f3w wychodz\u0105cych \/ kod\u00f3w szpieguj\u0105cych, nie mo\u017cna pomin\u0105\u0107 chyba najwa\u017cniejszej kwestii czyli optymalizacji kodu. Jeszcze jaki\u015b czas temu, powiedzmy przed dwoma laty, projektowanie stron internetowych sprowadza\u0142o si\u0119 jedynie do poprawno\u015bci wizualnej, opcjonalnie standaryzacj\u0105 kodu wg W3C, kilka &hellip; <a href=\"https:\/\/webowiec.net\/blog\/kody-szpiegujace-optymalizacja-strony\/\" class=\"btn btn-sm btn-primary\"><i class=\"glyphicon glyphicon-link\"><\/i> Czytaj ca\u0142o\u015b\u0107<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,3,26,27,24],"tags":[64,66,28,52,36,69,70,71,68,72,61,57,58,59,67,55,56,62,63,65,73,9,60,8],"class_list":["post-40","post","type-post","status-publish","format-standard","hentry","category-how-to","category-porady-dla-webmasterow","category-pozycjonowanie-strony-w-google","category-promowanie-stronybloga","category-technologieinformatyka","tag-bajery-javascript","tag-dobra-optymalizacja","tag-kody-szpiegujace","tag-kody-wychodzace","tag-kody-zewnetrzne","tag-obiekt","tag-obiekt-wychodzacy-www","tag-obiekt-zewnetrzny-na-stronie","tag-obiekty","tag-obiekty-wychodzace-na-stronie","tag-oprawa-graficzna","tag-optymalizacja-kodu","tag-optymalizacja-strony","tag-optymalizacja-strony-internetowej","tag-otwieranie-strony","tag-robienie-www","tag-strona-internetowa","tag-strona-www-xxi-wieku","tag-style-css","tag-system-cms","tag-szybkie-wczytywanie-strony","tag-tworzenie-stron-www","tag-tworzenie-stron-www-w-przeszlosci","tag-webmaster"],"_links":{"self":[{"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/posts\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":3,"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/posts\/40\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/posts\/40\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/media?parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/categories?post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webowiec.net\/blog\/wp-json\/wp\/v2\/tags?post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}