Test – czy twój ulubiony blog to błyskawica?
Blog może powalać na kolana treścią, funkcjonalnością, wyglądem lub czasem ładowania. Ostatnie zmiany graficzne na blogu sobek {kropka} pl zmotywowały mnie do sprawdzenia, jak szybko strona ładuje się na średnio przyzwoitym łączu internetowym. Aby zyskać lepsze pojęcie o temacie, do blogów “sztuk jeden” dodałem grupę 18 polskich blogów z mojej listy kanałów RSS
(pełna lista na końcu wpisu, polecam!).
Do pomiaru prędkości użyłem narzędzia Web Page Analyzer. Celem testu było zorientowanie się, jak duże są moje ulubione blogi. Pomiar strony głównej wybrałem dlatego, że jest to pierwsze miejsce do którego trafia potencjalny czytelnik.
Za pomocą Web Page Analyzer zmierzyłem:
1) Ilość przesłanych danych potrzebnych do całkowitego załadowania strony,
2) Liczbę odrębnych plików po które nasza przeglądarka musi sięgnąć,
3) Czas potrzebny do załadowania strony na modemie 56.6Kb/s i łączu T1.
Następnym krokiem było wyłonienie “5 największych” i “5 najmniejszych” w kategoriach:
1) Ilość pobranych danych,
2) Liczba plików pobieranych,
3) Czas potrzebny na załadowanie strony głównej.
Test został przeprowadzony:
- od 26.11.2007 23:00
- do 27.11.2007 02:45
Wyniki – ilość pobranych danych
Objętość strony wpływa na czas, jaki musimy czekać, aż strona się załaduje – Im więcej czasu, tym większe prawdopodobieństwo, że odwiedzający zrezygnuje z oglądania:
5 największych:
1) oql.pl – 2,25 MB
2) media cafe polska – 1,59 MB
3) Mediafun – 1,27 MB
4) wnet – 970 kB
5) AK 47 – 832 kB
5 najmniejszych:
1) webusability.pl – 72 kB
2) rafael’s blog – 93 kB
3) Tebe Gada 3.0 – 98 kB
4) sobek {kropka} pl – 147 kB
5) Zarabianie na blogach – 153 kB
Blogi zajmujące się mediami, reklamą i grafiką zajmują najwyższe miejsca w zestawieniu (obyło się bez zaskoczenia). Cieszy “najmniejsze” Webusability.pl, zwłaszcza, że temat bloga to “Web usability, użyteczność, dostępność, seo, standardy sieciowe.”, czyli m.in. dbałość o małą objętość strony.
Wyniki – liczba plików pobieranych
Każda strona internetowa składa się z kilkunastu lub kilkudziesięciu elementów (dokumenty HTML, arkusze CSS, grafiki itp.). Im więcej pojedynczych elementów, tym dłużej trwa ładowanie strony (ok. 0,2 sekundy więcej na każdy element strony).
5 największych:
1) Mediafun – 78 elementów
2) wnet – 65 elementów
3) media cafe polska – 63 elementy
4) Zielony Blogger – 57 elementów
5) oql.pl – 50 elementów
5 najmniejszych:
1) webusability.pl – 9 elementów
2) rafael’s blog – 12 elementów
2) Tebe Gada 3.0 – 12 elementów
4) Zarabianie na blogach – 14 elementów
5) sobek {kropka} pl - 29 elementów
Uff, ledwo się załapałem, czas wziąć się za porządki domowe. Pierwsze miejsce znów webusability.pl.
Wyniki – czas ładowania strony głównej
Finalna konkurencja, czyli “ile czekamy na pełne załadowanie strony”. Czas ładowania uwzględnia zarówno ilość danych z pierwszego zestawienia, jak i opóźnienia przez fragmentacje strony. Pierwsza liczba jest czasem pobierania na modemie 56.6 kbit/s, druga na łączu T1 (1.44 Mbit/s).
5 największych:
1) oql.pl – 475,05s / 22,36s
2) media cafe polska – 345,55s / 21,45s
3) Mediafun – 280,43s / 22,64s
4) wnet – 211,06s / 18,27s
5) AK 47 – 177,03s / 11,71s
5 najmniejszych:
1) webusability.pl – 16,44s / 2,19s
2) rafael’s blog – 21,3s / 2,9s
3) Tebe Gada 3.0 – 22,37s / 2,93s
4) Zarabianie na blogach – 34,12s / 3,63s
5) sobek {kropka} pl - 35,76s / 6,6s
Jeśli myślicie, że dodatkowe 0,2 sekundy na każdy element to mało, spójrzcie na czas ładowania zarabiana na blogach (3,63 sekundy – 14 elementów) i sobek {kropka} pl (6,6 sekund – 29 elementów) – mimo, iż strony są podobnej objętości zarabiane na blogach ładuje się o 3 sekundy krócej (różnica 15 elementów => 15*0,2 sekundy = 3 sekundy).
Komplet testowanych blogów
Test obejmował w sumie 19 stron z których część nie pojawiła się w powyższych zestawieniach. Nadrobimy to pełną listą testowanych blogów w kolejności alfabetycznej adresu URL:
Informacje: nazwa – liczba plików + rozmiar całkowity (w bajtach) – czas ładowania (56.6/T1) w sekundach.
- Antyweb – 38+641.657 – 135,48s / 11s
- Pozycjonowanie stron i optymalizacja – 34+520.204 – 110,48s / 9,56s
- AK 47 – 36+852.142 – 177,03s / 11,71s
- Zielony Blogger – 57+363.406 – 83,83s / 13,33s
- Blog Dominika Kaznowskiego – 31+370.546 – 80,05s / 8,16s
- Matematyczny.blox.pl – 39+382.487 – 84,03s / 9,83s
- media cafe polska – 63+1.670.613 – 345,55s / 21,45s
- RedSymbian – 31+380166 – 81,97s / 8,21s
- oql.pl – 50+2.333.418 – 475,05s / 22,36s
- Polski Blogger – 34+257.700 – 58,16s / 8,17s
- rafael’s blog – 12+94.847 – 21,3s / 2,9s
- eksperymenty informatyczne – 46+245.424 – 58,11s / 10,5s
- sobek {kropka} pl – 29+150.339 – 35,76s / 6,6s
- Tebe Gada 3.0 – 12+100.210 – 22,37s / 2,93s
- wnet – 65+993.764 – 211,06s / 18,27s
- Mediafun – 78+1.328.812 – 280,43s / 22,64s
- webusability.pl – 9+73.442 – 16,44s / 2,19s
- Zarabianie na blogach – 14+157.142 – 34,12s / 3,63s
- Zjadamy reklamy – 43+741.103 – 156,3s / 12,53s
Podsumowanie
Od bloga reklamowego oczekuję dużo reklam, plakatów i dużej objętości, od bloga na temat standardów i jakości oczekuję szybkiego ładowania strony – od swojego bloga oczekuję możliwie dużego efektu przy możliwie krótkim czasie ładowania.
Czego wy oczekujecie od swoich blogów? Czego oczekujecie od blogów które czytacie?
Podobne wpisy:
- Projekt – odchudzenie bloga http://blog.fiedoruk.pl/ Teoria teorią, a praktyka swoją drogą. Wpis: Czy twój ulubiony...
- Szukam blogów do czytnika RSS, albo jak zamierzam pisać lepsze artykuły Nabycie umiejętności pisarsko-bloggerskich zaczyna się od czytania dobrych materiałów...
- Projekt – odchudzenie bloga http://bloggerpl.com/ Tym razem projekt odchudzenia dotyczy strony głównej bloga Tomka...
- 6 przykazań linków zwrotnych To jest artykuł komercyjny napisany przy pośrednictwie serwisu Krytycy.pl. Spowodować,...
- Usprawnienie bloków AdSense – przewijanie O niedawna Google lansuje nowe "udogodnienia" dla oglądających reklamy -...
wow jestem 7my :] Może zmobilizuje mnie ten test do “przyspieszenia” blog, bo zbieram się do tego od “nie-pamiętam-kiedy” :]
fajny test, faktycznie w przypadku mojego bloga zakładam, że skoro większość moich wpisów jest ilustrowana przez video, do obejrzenia których jest zalecane coś więcej niż tylko modem to faktycznie nie przejmuje się tym że moja strona musi się sporo czasu ładować (chociaż gdybym miał więcej wiedzy na ten temat, z pewnością bym ją odpowiednio “przyciął”).
Hm, mogłoby być lepiej, ale nie jest tragicznie… Przydatne narzędzie, może nawet da mi do myślenia, choć pewnie nie od razu. Wynik średni ze wskazaniem może być na razie mnie zadowala :]
Jestem wśród największych, niestety. Chyba trzeba layout odchudzić.
Hm, to ja niby taki gruby jestem?
Pociesz mnie że te cięższe rzeczy to “trzymam” w sidebarze w prawej kolumnie, a on ładuje się dopiero po treści.
Niemniej być może pomyślę nad odchudzeniem, albo chociaż nad zmniejszeniem liczby elementów?
Zrobiłem sobie ten test, okazało się, że na 150 kB treści, 2/3 to skrypty Java Scriptu (w tym 36 kB w skryptach Google Analytics i Google AdSense) a 44 kB to obrazki. Jest nad czym popracować… Ale nie aż tak bardzo…
No i jeszcze jedno — rozmiar strony to jedno, czas ładowania to drugie. Dobrze umieszczone obrazki czy skrypty zaczną się ściągać po ściągnięciu (i wyświetleniu) strony w przeglądarce…
Fanatyk – wydaje się, że jeśli chodzi o prowadzenie bloga, to wygląd jest stawiany na dalszej pozycji niż treść – treścią trzeba zajmować się częściej niż wyglądem strony.
Mediafun – kwestia wiedzy zazwyczaj kończy się na kwestii ograniczonej ilości wolnego czasu
homikus – dobra średnia krajowa jest w porządku, jednak moim zdaniem nie w odniesieniu do jednostki. Ważne jest to, że tobie odpowiada.
Tomek – a tu święta przed nami
Krzysztof – Zgadza się, tu chodziło jedynie o całokształt: gdy strona jest mała, ładowanie skryptów na końcu zwyczajnie odbywa się wcześniej, im jest większa, tym później te skrypty “na końcu” się ładują.
Ja właśnie w tej chwili pracuję nad optymalizacją ładowania, bo “experymentując” dorzucałem kolejne elementy trochę bez planu…
Fajny benchmark
??wietny test. Chyba czas się wziąć za optymalizację…
Dziekuję za dobre słowa – U mnie optymalizacja niestety dopiero w weekend, choć wstępna analiza już zrobiona
Z ciekawości też na wagę wlazłem i chyba w święta będzie trzeba sobie nieco pofolgować
Mimo wszystko 31s przy 56kb to chyba nie tak źle. Szkoda tylko, że wyniki są zafałszowane, bo nie wydaje mi się aby były uwzględniane elementy wstawiane przez skrypty. Już sam widget MyBlogLog u mnie sporo dorzuca.
Nieeee! Wyprzedził! Czas na odchudzanie
. Elementy pobierane przez skrypty typu MyBlogLog nie są uwzględniane, tester zlicza tylko sam skrypt (ok. 3kb) ale np. zdjęć już nie.
No to już zacząłem odchudzanie, na razie tak testowo: wystarczyło wyłączyć dwie wtyczki i teraz mam wyniki takie:
Zielony Blogger – 40+237.710 – 55,38s / 9,26s
Sama tylko wtyczka ShareThis, to 15 plików i ponad 120 kB !
Wow! A już chciałem ponownie zainstalować ShareThis. A takie pytanie poza konkursem: Widzisz różnice w czasie ładowania swojego bloga? Zastanawiam się, gdzie jest ten “złoty środek” między czasem ładowania a funkcjonalnością.
Ja wychodze z zalozenie, ze jak dobry lans to przytupem
wiem, ze blog wazy duzo, ale uznalem, ze grafika bedzie czescia wyrozniajaca nawet za cene duzej wagi plikow graficznych.
jakbym chcial miec malo grafiki to bym wybral bloxa
Zgadzam się z przytupem, bo jest śliczny (tzn. blog). Chodziło mi o zarządzanie blogiem wg. potrzeb np.
“jolie.jpg” ma 61,5kB – ustawiając kompresje pliku na 10 i próbkowanie na YCbCr 2×1 1×1 1×1 otrzymasz plik wagi 28,5kB co odpowiada 46% oryginału, na stronie masz obecnie 11 obrazków, poddając każdy z nich minimalnej obróbce odwiedzający zyska ok. 300kB a może i więcej (dwa razy tyle co waży cały mój blog). Jeśli chodzi o jakość, to nie zauważyłem dużej różnicy (jeśli wogóle). Pytanie tylko, czy warto.
Łukasz masz rację. Co nie zmienia faktu, że pogooglałem, poczytałem swoje delicje i wysmarowałem coś na temat przespieszania / odchudzania WordPressa – zaraz powinien dolecieć PING
Im więcej dobrej treści tym lepiej
[...] odchudzaniu i przyspieszaniu działania WordPress. Test przeprowadził Łukasz Sobek we wpisie pt. Test – czy twój ulubiony blog to błyskawica?. Jeśli dobrze policzyłem zająłem 7 miejsce na 19 startujących, czyli nie najgorzej. Jednak [...]
przyspieszanie wordpressa…
Ostatnio wpadły mi w łapki dwa wpisy dotyczące przyspieszenia w ten czy inny sposób wordpress’a:
sobek.pl: Test – czy twój ulubiony blog to błyskawica?
polskiblogger.pl: Jak przyspieszy?Ś WordPress 3 razy?
sobek.pl skupia si?? na fizycznej …
Ja od bloga oczekuję kanału RSS który pozwoli mi nie wchodzić na stronę główną w ogóle.
No tak, prościej czytać RSS niż korzystać z przeglądarki, ale żeby móc korzystać z RSS trzeba najpierw mieć jego adres, a do tego już potrzebna przeglądarka, ładny bajzel
Witam – niechlubnie “wygrałem” w zestawieniu – cóż na swoją obronę mogę powiedzieć, że mój blog ma konwencję fotobloga – jest bardziej do oglądania niż do czytania. Powyższe zestawienie nie pozostało jednak bez echa – zmniejszyłem liczbę wpisów z 10 do 8
– chyba że macie inne pomysły – chętnie je posłucham – pozdrawiam OQL
Wiem jedno – trzeba popracować nad stroną, tymbardziej że jest nowa!
Fajny artykuł
[...] TAK! Co zyskasz na odchudzeniu bloga?Jak pisać dobre nagłówki i zdobyć czytelnikówTest – czy twój ulubiony blog to błyskawica?Feedflare – twoja błyskotkaPiszemy [...]
[...] TAK! Co zyskasz na odchudzeniu bloga?Jak pisać dobre nagłówki i zdobyć czytelnikówTest – czy twój ulubiony blog to błyskawica?Feedflare – twoja [...]
[...] zmiany nie są złe. Inspiracją do zmian był post Sobka – Test – czy twój ulubiony blog to błyskawica? Otóż zająłem niechlubne pierwsze miejsce w "ciężkości" bloga. Tak więc [...]
851351 bytes <- no tak, Ja, RAFi v3 będzie lżejszy, ale czy znacznie? Trudno powiedzieć, gdyż blog grafika oparty tylko o style zbytnio mnie nie bawi.
Mniejszy może być, ale jak będzie mniej stylowy – to będzie dopiero duża strata
[...] Rozbieżności między narzędziami wynikają z tego, że Web Page Analyzer nie śledzi obrazów i treści pobieranych przez skrypty z zewnętrznych źródeł, podczas gdy panel przeglądarki Opera nie jest równie szczegółowy, ale za to przedstawia rzeczywistą liczbę i rozmiar wszystkich plików ładowanych podczas odwiedzin strony (na co zwrócił uwagę Szymon w komentarzu #12 do wpisu Czy twój ulubiony blog to błyskawica?. [...]
[...] W środę o tym jak odchudzić bloga w oparciu o test “Czy twój ulubiony blog to błyskawica“. [...]
[...] miesięcy – tyle minęło od pierwszego testu Czy twój ulubiony blog to błyskawica?. Od tamtego czasu nie dość, że dział "blogowanie" na sobek.pl dorobił się własnej [...]
[...] sobek.pl – topblogger.pl – [...]
[...] swoją drogą. Wpis: Czy twój błyskawica? relacjonował sytuację 19 blogów w świetle ich rozmiarów czasu ściągania, artykuł: Co [...]
[...] blogów. Rozwinięcie tego tematu oraz wiele ciekawych komentarzy znajdziesz we wpisie Test – czy twój ulubiony blog to błyskawica?. Na blogu ittechnology.us znajdziesz też 8 przydatnych narzędzi do testowania szybkości [...]