facebooktwitteryoutube
in Kodowanie - 08 Wrz, 2013
by admin - no comments
Jak przyspieszyć bloga dla szybkich łącz

Do niedawna byłem zwolennikiem twierdzenia „Zmniejszając pliki graficzne do niezbędnego minimum mój blog będzie ładował się szybko” i spędzałem kolejne godziny na odchudzeniu obrazka o kilka bajtów – zmieniłem zdanie.

Jak szybko wyświetla się blog

Dla łącz szerokopasmowych (neostrada, chello, aster itp.) kryterium „jak szybko ładuje się strona” nie jest już wyłącznie jej rozmiar – o ile w tradycyjnych połączeniach dial-up (przez linię telefoniczną) największe znaczenie miała waga pliku (na modemie 56,6k plik 130 kB ściągał się ok. 19 sekund, plik 260kB ok. 38 sekund itd.) o tyle przy obecnych łączach megabitowych plik 130 kB ściąga się ok. 1 sekundę, a plik 260 kB 2 sekundy.

Ta większa połowa

Mniej ważna staje się ilość przesyłanych danych – czas wyświetlenia coraz częściej wynika z czasu jaki przeglądarka potrzebuje by porozumieć się z serwerem co do tego jakie pliki ma ściągnąć. Z każdym zapytaniem przeglądarki i odpowiedzią serwera czas wyświetlenia się strony wzrasta mniej więcej o 0,2 sekundy. Skutek? Blog składający się z 20 elementów już na starcie ma opóźnienie rzędu 4 sekund (0,2s x 20 elementów = 4 sekundy), do którego doliczamy jeszcze czas potrzebny na pobranie danych danych:

  • Blog ważący 260kB i składający się z 10 elementów załaduje się po ok. 4 sekundach (2 x 130kB = 2 sekundy, 10 x 0,2s = 2 sekundy)
  • Blog ważący 130kB i składający się z 30 elementów załaduje się po ok. 7 sekundach (1 x 130kB = 1 sekunda, 30 x 0,2s = 6 sekund)

I w ten sposób mniejszy blog ładuje się dłużej niż większy. Różnica trzech sekund niby nie jest duża, ale co jeśli ilość elementów wzrośnie do 50, 60, 100? Postanowiłem zebrać więcej danych i jak zwykle celem stała się lista prenumerowanych kanałów RSS:

Zestawienie blogów i opóźnień wynikających z liczby części składnich

s = sekund(a), el = elementy/ów

  1. zielony bloger – 109 el. = 21,8s opóźnienia
  2. AntyWeb – 93 el. = 18,6s opóźnienia
  3. e-Biznes i Programy Partnerskie – 82 el. = 16,4s opóźnienia
  4. Polski Blogger – 80 el. = 16s opóźnienia
  5. Aula Polska – 73 el. = 14,6s opóźnienia
  6. experymenty informatyczne – 71 el. = 14,2s opóźnienia
  7. BlueMan devBlog – 70 el. = 14s opóźnienia
  8. IT Blog – 56 el. = 11,2s opóźnienia
  9. Kartonki – 46 el. = 9,2s opóźnienia
  10. WebAudit Blog – 45 el. = 9s opóźnienia
  11. eM jak Media – 43 el. = 8,6s opóźnienia
  12. Kornakiewicz Web Log – 42 el. = 8,4s opóźnienia
  13. kminek.pl – 41 el. = 8,2s opóźnienia
  14. Świadome-finanse – 37 el. = 7,4s opóźnienia
  15. Tommalla’s IT Blog – 37 el. = 7,4s opóźnienia
  16. przełam sieć – 35 el. = 7s opóźnienia
  17. testblog – 34 el. = 6,8s opóźnienia
  18. zaistniejwsieci – 33 el. = 6,6s opóźnienia
  19. eRIZ’s weblog – 33 el. = 6,6s opóźnienia
  20. net to – 26 el. = 5,2s opóźnienia
  21. Grafon Weblog – 22 el. = 4,4s opóźnienia
  22. Zarabianie na blogach – 19 el. = 3,8s opóźnienia
  23. identity 2,0 – 16 el. = 3,2s opóźnienia
  24. makrocentrum – 10 el. = 2s opóźnienia

Widać, że rozpietość jest znaczna, ale jak zmniejszyć liczbę plików do absolutnego minimum?

Jak zmniejszyć opóźnienie

Odrzucając możliwość wyłączenia wtyczek, dodatków, ogołocenia bloga z obrazków lub prewencyjnego zlikwidowania całej strony do dyspozycji mamy jeszcze drugą opcję zazwyczaj wymagającą wiedzy z zakresu HTML, PHP, JavaScript, CSS i obróbki grafiki.

Jutro pierwszy z dwóch wpisów miniserii o tym, jak krok po kroku pozbyć się niechcianego balastu w postaci zbyt dużej liczby plików bez zmiany wyglądu bloga. Zapraszam!