{"id":1426,"date":"2016-06-27T09:02:37","date_gmt":"2016-06-27T08:02:37","guid":{"rendered":"http:\/\/www.supermonitoring.pl\/blogpl\/?p=1426"},"modified":"2020-09-24T14:32:07","modified_gmt":"2020-09-24T12:32:07","slug":"webpagetest-spraw-by-twoja-strona-dzialala-szybciej","status":"publish","type":"post","link":"https:\/\/www.supermonitoring.pl\/blogpl\/webpagetest-spraw-by-twoja-strona-dzialala-szybciej\/","title":{"rendered":"WebPageTest \u2013 spraw, by Twoja strona dzia\u0142a\u0142a szybciej"},"content":{"rendered":"

Jedna my\u015bl pewnie zaprz\u0105ta umys\u0142 niejednego u\u017cytkownika komputera \u2013 dlaczego wielcy gracze na rynku, tacy jak Google, AOL itp. tworz\u0105 i rozwijaj\u0105 fajne narz\u0119dzia i aplikacje oraz udost\u0119pniaj\u0105 je za darmo? Jakie korzy\u015bci maj\u0105 z oferowania cz\u0119sto niszowych, ale w pe\u0142ni darmowych us\u0142ug swoim u\u017cytkownikom? Z pewno\u015bci\u0105 musz\u0105 wyda\u0107 sporo pieni\u0119dzy i zaanga\u017cowa\u0107 du\u017co si\u0142y roboczej w rozw\u00f3j, testowanie i ostatecznie udost\u0119pnienie takich narz\u0119dzi. Dlaczego wi\u0119c nie pobieraj\u0105 cho\u0107by symbolicznej op\u0142aty za swoje nierzadko genialne innowacje?<\/p>\n

Odpowied\u017a na te pytania jest prosta \u2013 robi\u0105 to dla dobra og\u00f3\u0142u! W tym \u015bwiecie konkurencji, zawodowej rywalizacji i zasady m\u00f3wi\u0105cej, \u017ce przetrwa tylko najsilniejszy, istniej\u0105 organizacje, kt\u00f3re za g\u0142\u00f3wny cel i pow\u00f3d do dumy stawiaj\u0105 sobie dostarczanie przydatnych narz\u0119dzi, by znany nam Internet sta\u0142 si\u0119 lepszym miejscem, czy to je\u015bli chodzi o dost\u0119pno\u015b\u0107, \u0142atwo\u015b\u0107 obs\u0142ugi, czy szybko\u015b\u0107.<\/p>\n

Ten post jest po\u015bwi\u0119cony w\u0142a\u015bnie jednej z takich bezp\u0142atnych aplikacji online, kt\u00f3ra zapewnia, \u017ce szybko\u015b\u0107 \u0142adowania i wydajno\u015b\u0107 strony b\u0119dzie Twoim najmniejszym zmartwieniem. Poznaj WebPageTest.org<\/a>.<\/p>\n

\"webpagetest\"<\/a><\/p>\n

Przyspieszanie dzia\u0142ania strony \u2013 tu i teraz<\/h2>\n

WebPageTest jest projektem open source, kt\u00f3ry pierwotnie zosta\u0142 opracowany przez AOL do ich u\u017cytku wewn\u0119trznego, ale gdy zdali sobie spraw\u0119, jaki drzemie w nim potencja\u0142, postanowili udost\u0119pni\u0107 go ca\u0142emu \u015bwiatu. I tak w 2008 roku opublikowali go na licencji BSD. Platforma obecnie jest wspierana przez Google, a dzi\u0119ki GitHub jest ci\u0105gle rozwijana. Oznacza to, \u017ce jej kolejne buildy s\u0105 systematycznie pakowane i udost\u0119pniane do pobrania w celu umo\u017cliwienia innym u\u017cytkownikom uruchamiania w\u0142asnych wersji narz\u0119dzia. Nawet mimo tego, \u017ce wersja online aplikacji sprawdza si\u0119 doskonale w wi\u0119kszo\u015bci zastosowa\u0144.<\/p>\n

WebPageTest pozwala w\u0142a\u015bcicielom witryn internetowych uruchomi\u0107 bezp\u0142atne testy sprawdzaj\u0105ce szybko\u015b\u0107 \u0142adowania si\u0119 ich stron. Umo\u017cliwia im sprawdzenie wydajno\u015bci strony w 6-stopniowej skali, a tak\u017ce wy\u015bwietli list\u0119 proponowanych zmian dla zwi\u0119kszenia szybko\u015bci dzia\u0142ania witryny. A je\u015bli zastanawiasz si\u0119, co jest takiego wyj\u0105tkowego w bezp\u0142atnych testach pr\u0119dko\u015bci, to wiedz, \u017ce prawdziwy wyr\u00f3\u017cnik tego narz\u0119dzia, to mo\u017cliwo\u015b\u0107 przeprowadzenia test\u00f3w z wielu r\u00f3\u017cnych miejsc na ca\u0142ym \u015bwiecie z wykorzystaniem prawdziwych przegl\u0105darek (r\u00f3\u017cne wersje Internet Explorer i Chrome) i przy realnych konsumenckich pr\u0119dko\u015bciach po\u0142\u0105czenia. Co wi\u0119cej, mo\u017cesz dostosowa\u0107 te testy w dowolny spos\u00f3b do swoich potrzeb, np. przeprowadza\u0107 zwyk\u0142e proste testy oraz zaawansowane testy z transakcjami wieloetapowymi, przechwytywaniem wideo, blokowaniem tre\u015bci i wiele innych mo\u017cliwo\u015bci. Wyniki przeprowadzonych bada\u0144 dostarczaj\u0105 du\u017co przydatnych informacji diagnostycznych, wliczaj\u0105c w to kaskadowe wykresy \u0142adowania tre\u015bci, kontrol\u0119 optymalizacji szybko\u015bci strony<\/a> i wiele wi\u0119cej.<\/p>\n

Je\u015bli wydaje Ci si\u0119, \u017ce testy szybko\u015bci s\u0105 jedyn\u0105 mocn\u0105 stron\u0105 narz\u0119dzia, to nie masz do ko\u0144ca racji. WebPageTest umo\u017cliwia r\u00f3wnie\u017c przeprowadzenie test\u00f3w por\u00f3wnania wizualnego, jak i wykonywanie ICMP Traceroute z dowolnego z agent\u00f3w testowych.<\/p>\n

Ale do\u015b\u0107 ju\u017c pr\u00f3\u017cnego wychwalania tej aplikacji, powiedzmy sobie co\u015b o tym, jak si\u0119 jej u\u017cywa!<\/p>\n

\"webpagetest1\"<\/p>\n

Jak to dzia\u0142a?<\/h2>\n

Twierdzenie, \u017ce narz\u0119dzie nie wymaga nauki obs\u0142ugi nie b\u0119dzie do ko\u0144ca prawdziwe, ale nie b\u0119dzie te\u017c ca\u0142kowicie b\u0142\u0119dne. Jedyne, co trzeba posiada\u0107, to znajomo\u015b\u0107 terminologii u\u017cywanej przez internetow\u0105 spo\u0142eczno\u015b\u0107 skupion\u0105 wok\u00f3\u0142 temat\u00f3w zwi\u0105zanych z wydajno\u015bci\u0105 stron internetowych. Ale nie oszukujmy si\u0119, jako w\u0142a\u015bciciel strony z pewno\u015bci\u0105 jeste\u015b doskonale zaznajomiony z tymi zagadnieniami, prawda? W takim razie bardzo dobrze, przejd\u017amy zatem do meritum.<\/p>\n

Odwied\u017a www.webpagetest.org<\/a>, a najbardziej interesuj\u0105c\u0105 nas cz\u0119\u015b\u0107 zobaczysz w samym \u015brodku ekranu. Bez zb\u0119dnego kluczenia i przeklikiwania si\u0119 po kolejnych podstronach. Teraz wystarczy tylko wpisa\u0107 adres URL strony, kt\u00f3r\u0105 chcesz sprawdzi\u0107 i wybra\u0107 lokalizacj\u0119 testow\u0105. B\u0119dzie to kombinacja fizycznej lokalizacji na mapie oraz dodatkowo kilka informacji o \u015brodowisku obiektu testuj\u0105cego. Nast\u0119pnie wybierz na kt\u00f3rej przegl\u0105darce chcesz uruchomi\u0107 test online i w ko\u0144cu naci\u015bnij du\u017cy \u017c\u00f3\u0142ty przycisk z napisem \u201eStart Test\u201d. Mo\u017cesz r\u00f3wnie\u017c dostosowa\u0107 konfiguracj\u0119 testow\u0105 rozwijaj\u0105c przed odpaleniem badania \u201eUstawienia zaawansowane\u201d (\u201eAdvanced Settings\u201d).<\/p>\n

Powy\u017cszy opis m\u00f3wi, w jaki spos\u00f3b mo\u017cna przeprowadzi\u0107 \u201ePrzegl\u0105d analityczny\u201d (\u201eAnalytical Review\u201d) swojej strony. Klikni\u0119cie na zak\u0142adce \u201ePor\u00f3wnania wizualnego\u201d (\u201eVisual Comparison\u201d) pozwoli por\u00f3wna\u0107 Twoj\u0105 witryn\u0119 z innymi ustalonymi stronami bran\u017cowymi, takimi jak na przyk\u0142ad: Google, AOL, Bing, CNN, LinkedIn itp. lub z innymi wpisanymi w\u0142asnor\u0119cznie adresami URL. Domy\u015blnie wyniki tych test\u00f3w b\u0119d\u0105 dost\u0119pne publicznie. Je\u015bli chcia\u0142by\u015b nikomu ich nie pokazywa\u0107, musisz dokona\u0107 zmian w ustawieniach na g\u0142\u00f3wnej stronie testu.<\/p>\n

WebPageTest umo\u017cliwia r\u00f3wnie\u017c uruchomienie testu ICMP Traceroute na dowolnym z jego agent\u00f3w testowych (partner\u00f3w). Aby uruchomi\u0107 takie badanie, musisz wprowadzi\u0107 nazw\u0119 hosta Twojej witryny lub jej adres IP, wybra\u0107 obiekt testuj\u0105cy, kt\u00f3rego chcesz u\u017cy\u0107, wybra\u0107 konkretn\u0105 przegl\u0105dark\u0119 i okre\u015bli\u0107 ilo\u015b\u0107 test\u00f3w (maksymalnie 9), kt\u00f3re maj\u0105 zosta\u0107 przeprowadzone.<\/p>\n

Dzi\u0119ki tak imponuj\u0105cym funkcjonalno\u015bciom mo\u017ce by\u0107 trudno nie da\u0107 temu narz\u0119dziu cho\u0107by jednej szansy, by pokaza\u0142a co potrafi.<\/p>\n